@charset "utf-8";
/* CSS Document */
/*********************Corp RollerHelper**********/
body {
	background-color: #181928;
	text-align: center;
	font-family: 'Roboto';
	font-size: clamp(14px, 2vw, 14px); 
  }

@font-face {
  font-family: 'Pixel';
  src: url('img/font/pixel_digivolve.woff2') format('woff2'),
       url('img/font/pixel_digivolve.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.table_nonclic {
    pointer-events: none;
}
/* On conserve la règle box-sizing pour tout le monde */


/*********************Menu RollerHelper**********/
  #lateral-panel-label2 {
  z-index: 2;                   
  position: absolute;           
  top: 0;                    
  left: 0;                   
  width: 100%;                   
  height: 97px;
  padding-bottom: 10px;
scrollbar-color: #252637 #444555;
 scrollbar-width: thin;  
font-size: inherit;
  background: #2f3045;
  transition: all .5s;
	 overflow-x: auto;
    overflow-y: hidden;
 }
.scrool_sidebar{
	
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}

	#lateral-panel-bloc {
  /*-- positions et dimensions --*/
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 0px;	
  box-sizing: border-box;
  width: 100%;
  /*-- visuel --*/
  border-right: 1px solid #6a668a;
  background: #2f3045;
  transition: transform .5s;    /* pour animation du panneau */
}

#lateral-panel {
  z-index: 50;                  /* pour être au dessus des autres éléments */
  position: fixed;              /* position fixe */
  bottom: 0;                    /* positionné en bas de la page */
  left: 0;                       /* à gauche */
  right: 0;                     /* occupe toute la largeur */
  width: 100%;                   /* largeur complète */
                /* largeur minimale */
  height: 370px;                   /* hauteur réduite */
  transform: translateY(71%);   /* barre cachée en bas au début */
  
}

#lateral-panel-input {
  position: absolute;           /* pour sortir l'élément du flux */
  left: -999em;                 /* position hors de la fenêtre */
}
#lateral-panel-input2 {
  position: absolute;           /* pour sortir l'élément du flux */
  left: -999em;                 /* position hors de la fenêtre */
}
#lateral-panel-label {
  z-index: 10;
  position: absolute;
  bottom: 98.83%;
  left: 50vw;                   /* Utilisation de 50vw pour centrer par rapport à la largeur de l'écran */
  transform: translateX(-50%);  /* Ajuste pour que l'élément soit parfaitement centré */
  width: 300px;
  height: 40px;
  
border-top-left-radius: .5em;
border-top-right-radius: .5em;	
border-top: 2px solid #1cf9fc;
border-left: 2px solid #1cf9fc;
border-right: 2px solid #1cf9fc;	
  font-size: inherit;
  background: #2f3045;
  transition: all .5s;
  cursor: pointer;
}

#lateral-panel-label:hover {
  background: #2f3045;
	z-index: 10;                   /* on le met au dessus */
  position: absolute;           /* pour sortir l'élément du flux, il va bouger */
  
}

#lateral-panel-content { 
	max-height: 300px;
	min-width: 560px;
  padding-top: 5px;             /* rien ne doit déborder */
              /* pas plus haut que son parent */
  box-sizing: border-box;       /* modèle de boîte, plus simple à gérer */
  
width: 100%;
	
	background-color:#2f3045;
}

#lateral-panel-input:checked ~ #lateral-panel-bloc {
  transform: translateY(-64%);  /* translation vers le haut (affiche la sidebar) */
}

#lateral-panel-input:checked ~ #lateral-panel-bloc #lateral-panel-label2 {
  width: 0px;
display: none;
}

#lateral-panel-label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  border: .25em solid currentColor;  /* Réduit la taille de la flèche */
  border-width: .25em .25em 0 0;    /* Réduit l'épaisseur de la flèche */
  color: #1cf9fc;
  transition: all .5s;
  transform: translate(-50%, -30%) rotate(-45deg);
}

#lateral-panel-input:checked ~ #lateral-panel-bloc #lateral-panel-label:before {
  transform: translate(-50%, -80%) rotate(135deg);
}

/*****************************************************/


.colorwhite{color: #FFFFFF;}
.colorred{color: #FF7275;}
.colorgreen{color: #62BB5F;}
.coloryellow{color: #ffdb00;}
.colorgrey{color: #c3b0d0;}
.colorpurple{color: #AF50C4;}
.colorblue{color: #008989;}
.colorblue_titre{color: #00797b;}
.colorblue_titre2{color: #1e9d9f;}
.colorblue_titre3{color: #1cf9fc;}


/*****************************************************/
/*Gestion image*/
.thumbnail {
            cursor: pointer;
        }
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            justify-content: center;
            align-items: center;
			z-index:70;
        }
        .modal img {
            max-width: 90%;
            max-height: 90%;
			z-index:3;
        }
/**/
/********************Bulle info*********************/
/* Style du texte principal */
.tooltip {
	
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Style de la bulle de texte */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 350px;
   background-color: rgba(34, 35, 56, 0.9); /* Fond semi-transparent #222338 */
  color: white;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 100%; /* Positionner la bulle au-dessous du texte */
  left: 50%;
  margin-left: -75px; /* Centrer la bulle par rapport au texte */
  transform: translateX(70px); /* Décalage de 20px vers la droite */
  border: 1px solid #6a668a;
  opacity: 0;
  transition: opacity 0.3s;
}

/* Quand la souris est sur l'élément, la bulle devient visible */
.tooltip:hover .tooltiptext,
.tooltip .tooltiptext:hover {
  visibility: visible;
  opacity: 1;
}
/*****************************************************/
/*********************En tete RollerHelper**********/
.headbar{ 
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
	background-attachment: fixed;
	background-color: #2f3045;
	border-bottom:solid 1px #6a668a;
	z-index: 51;
	margin-bottom: 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	} 
/*****************************************************/
/***********************Menu************************/
.menu_text{
font-family: 'Barlow';
	font-size: 14px;
}

.menubar{ 
	position: fixed;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
	background-attachment: fixed;
	background-color: #2f3045;
	border-bottom:solid 1px #6a668a;
	z-index: 50;
	margin-bottom: 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	} 

.menubar_int{
	margin-top: 45px;
	height: 100%;
	width: 95%;
	overflow-x: hidden;
	overflow-y: auto;
	margin-left: 0px;
	direction: rtl;
	scrollbar-width: thin;
    scrollbar-color: #6e6f7d #2f3045;
    border-radius: 4px;
	}

.menuside_text{
font-family: 'Barlow';
	
}

.menubarbas{ 
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 133px;
	width: 100%;
	background-attachment: fixed;
	background-color: #2f3045;
	border-top:solid 1px #1cf9fc;
	z-index: 50;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: auto;
	} 
.menubarbas_int{
    height: 100%;
    width: 100%;
	min-width: 2445px;
	} 
.menu_bulle{ 
	width: 100%;
	padding-bottom: 10px;
	}
.menu_gauche {
min-width: 170px;
float: left;	
}
.menu_centre {
min-width: 520px;	
float: right;	
	}
.menu_centre_calcul {
min-width: 520px;	
float: left;
width: 100%;	
	}
.bubulle_centre {
	float: left;
	
	}
.bubulle_centre2 {
	border-radius: 3px;
	margin-left: 0%;
	width: 100%;
	background-color: #2f3045;
	border: solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
	}
.bubulle_centre_2 {
	border-radius: 3px;
	margin-left: 0%;
	width: 100%;
	background-color: #2f3045;
	border: solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
	}
.bubulle_centre_droite {
	float: left;
	
	
	}
.bubulle_info {
	margin-bottom: 5px;
	border-radius: 3px;
	font-family: 'Roboto';
	width: 100%;
	background-color: #212338;
	border: solid 1px #a6a2c6;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
	
	}
.bubulle_titre {
	font-family: 'Roboto';
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	background-color: #212338;
	border: solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
	}
.bubulle_central {
	font-family: 'Roboto';
	border-radius: 3px;
	margin-left: 0%;
	width: 100%;
	background-color: #212338;
	border: solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
	}
.bubulle_timer {
	border-radius: 3px;
	background-color: #00797b;
	border: solid 1px #6a668a;
	align-self: flex-end;
	height: 23px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
	}
.bubulle_part {
	width: 100%;
	float: left;
	color: #FFFFFF;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
	height: 110px;
	text-align: center;
	}

.onglet_part_gris {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	color: #A3A3A3;
	margin-bottom: 7px;
	margin-top: 5px;
	border-radius: 5px;
	border: solid 1px #6a668a;
	text-align: center;		
}
.onglet_part_vert {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	color: white;
	margin-bottom: 7px;
	border-radius: 5px;
	border: solid 1px #62BB5F;
	text-align: center;		
}
.onglet_part_bleu {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	color: white;
	margin-bottom: 7px;
	border-radius: 5px;
	border: solid 1px #008989;
	text-align: center;		
}
.onglet_part_violet {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	color: white;
	margin-bottom: 7px;
	border-radius: 5px;
	border: solid 1px #AF50C4;
	text-align: center;		
}
.onglet_part_jaune {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	color: #A3A3A3;
	margin-top: 0px;
	margin-bottom: 7px;
	border-radius: 5px;
	border: solid 1px #BDC442;
	text-align: center;		
}
/*----------------------------------------------------*/
/*****************************************************/
/*******************Page global************************/
.header {
padding-bottom: 0px;
padding-left: 5px;	
padding-right: 5px;
padding-top: 5px;
margin-top: 55px;
margin-right: 10px;	

}
.div_central {
	
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	text-align: center;
	max-width: 1260px;
		
}
.div_bas {
min-width: 400px;	
}
/*****************************************************/
.scroll_menu_information {
	
	width: 100%;
	height: 130px;
	padding-top: 0px;
	padding-right: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
/**********************Onglet site****************************/
.onglet_sup {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top:solid 1px;
	border-bottom:solid 0px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-top-color: #6a668a;
	border-left-color: #6a668a;
	border-right-color: #6a668a;
	border-bottom-color: #2f3045;
}

@keyframes clignote_flash {
  0%   { border:solid 2px #D3D3D3; }
  40%   {border:solid 2px #FF7275; }
  100% { opacity:#000000; }
}
.flash_info {
	background-color: #212338;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 5px;
	border:solid 2px #D3D3D3;
	animation-duration: 1s;
   	animation-name: clignote_flash;
   	animation-iteration-count: infinite;
   	transition: none;
	height: 20px;
	
}
.log_info {
	background-color: #212338;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 5px;
	border:solid 1px #00797b;
	height: 20px;
}
/*******************IMAGE MENU HAMSTER*****************/
.img_ham {
	background-image: url(img/icone_ham/hamster.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham1 {
	background-image: url(img/icone_ham/hamster1.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham2 {
	background-image: url(img/icone_ham/hamster2.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham3 {
	background-image: url(img/icone_ham/hamster3.png); 
	background-repeat:no-repeat;
	background-position: center;
	
}
.img_ham4 {
	background-image: url(img/icone_ham/hamster4.png); 
	background-repeat:no-repeat;
	background-position: center;
}

.img_ham_2 {
	background-image: url(img/icone_ham/hamster_1.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham1_2 {
	background-image: url(img/icone_ham/hamster1_1.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham2_2 {
	background-image: url(img/icone_ham/hamster2_2.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham3_2 {
	background-image: url(img/icone_ham/hamster3_1.png); 
	background-repeat:no-repeat;
	background-position: center;
	
}
.img_ham4_2 {
	background-image: url(img/icone_ham/hamster4_1.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham_event {
	background-image: url(img/icone_ham/hamster_event.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham_central {
	background-image: url(img/icone_ham/hamme3.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham_pc {
	background-image: url(img/icone_ham/hamster_pc.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham_pc2 {
	background-image: url(img/icone_ham/hamster_pc2.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham_parainage {
	background-image: url(img/icone_ham/hamster_parainage.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham_pub {
	background-image: url(img/icone_ham/hamster_pub.png); 
	background-repeat:no-repeat;
	background-position: center;
}
.img_ham_menu {
	background-image: url(img/menu/img_menu.png); 
	background-repeat:no-repeat;
	background-position: center;
}
/**************************************************/
/*******************BOUTTON MENU*****************/

@keyframes clignote {
  0%   { border:solid 1px #6a668a; }
  40%   {border:solid 1px #FF7275; }
  100% { opacity:#000000; }
}

.boutton_don {
	background-color: #8984b1;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	border-radius: 5px;
	border:solid 1px #6a668a;
	animation-duration: 3s;
   	animation-name: clignote;
   	animation-iteration-count: infinite;
   	transition: none;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
	}
.boutton_don:hover {
	background-color: #8984b1;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
	border-radius: 5px;
	border:solid 1px #6a668a;
	animation-duration: 3s;
   	animation-name: clignote;
   	animation-iteration-count: infinite;
   	transition: none;
	transform: scale(1.05);
	}
.boutton_menu {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	align-content: center;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	width: 100%;
	border-radius: 3px;
	border:solid 0px #2f3045;
}
.boutton_menu:hover {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	align-content: center;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	width: 100%;
	background: #49485e;
	border-radius: 3px;
	border:solid 0px #49485e;
	transform: scale(1.1); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.boutton_menu_select {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	align-content: center;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	width: 100%;
	background: #49485e;
	border-radius: 3px;
	border:solid 0px #49485e;
}
.boutton_menuside {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
	align-content: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1%;
	
	float: left;
	width: 21.2%;
	height: 70px;
	border-radius: 3px;
	border:solid 2px #86941A;
	background: #181928;
}
.boutton_menuside:hover {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
	align-content: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1%;
	
	float: left;
	width: 21.2%;
	height: 70px;
	background: #49485e;
	border-radius: 3px;
	border:solid 2px #86941A;
	
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.boutton_menu_selectside {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
	align-content: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1%;
	
	float: left;
	width: 21.2%;
	height: 70px;
	border-radius: 3px;
	border:solid 2px #86941A;
	background: #49485e;
}
.boutton_connexion {
	background-color: #8984b1;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	align-items: center;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 5px;
	float: right;
	width: 130px;
	height: 25px;
	font-family: 'Roboto';
	font-weight: 900;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	
}
.boutton_connexion:hover {
	background-color: #a29ec2;
	padding-top: 9px;
	padding-bottom: 0px;
	text-align: center;
	align-items: center;
	padding-left: 0px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 5px;
	font-family: 'Roboto';
	font-weight: 900;
	float: right;
	width: 130px;
	height: 25px;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.05); 
}
.boutton_retour {
	background-color: #8984b1;
	text-align: center;
	align-items: center;
	padding-top: 2px;
	width: 100px;
	height: 20px;
	font-family: 'Roboto';
	font-weight: 900;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	
}
.boutton_retour:hover {
	background-color: #a29ec2;
	padding-top: 2px;
	text-align: center;
	align-items: center;
	font-family: 'Roboto';
	font-weight: 900;
	width: 100px;
	height: 20px;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.05); 
}
.boutton_general {
	background-color: #8984b1;
	font-size: 15px;
	color: white;
	text-align: center;
	align-items: center;
	margin-top: 3px;
	margin-bottom: 3px;
	height: 30px;
	font-family: 'Roboto';
	font-weight: 900;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	
}
.boutton_upimg {
	background-color: #8984b1;
	font-size: 15px;
	color: white;
	text-align: center;
	align-items: center;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: 'Roboto';
	font-weight: 900;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	
}
.boutton_general:hover {
	background-color: #a29ec2;
	font-size: 15px;
	color: white;
	text-align: center;
	align-items: center;
	margin-bottom: 3px;
	margin-top: 3px;
	font-family: 'Roboto';
	font-weight: 900;
	height: 30px;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.05); 
	cursor: pointer;
}
.boutton_inscription {
	background-color: #00797b;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	align-items: center;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 5px;
	font-family: 'Roboto';
	font-weight: 900;
	float: right;
	width: 130px;
	height: 25px;
	color: white;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	
}
.boutton_inscription:hover {
	background-color: #1e9d9f;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 5px;
	color: white;
	font-weight: 900;
	float: right;
	width: 130px;
	height: 25px;
	font-family: 'Roboto';
	border-radius: 5px;
	text-align: center;
	align-items: center;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.05); 
}
/*****************************************************/
/*******Menu connexion/inscrition***********************************/
.link_connexion {
		color : white;
		text-decoration: none;
	}
	.link_connexion:hover { 
		color: white;
	text-decoration: none;
	}
	.link_connexion:visited {
		color: white;
	text-decoration: none;
	}
	.link_connexion:active { 
		color: white;
	text-decoration: none;
	}

.link_menu {
		color : white;
		text-decoration: none;
	}
	.link_menu:hover { 
		color: white;
	text-decoration: none;
	}
	.link_menu:visited {
		color: white;
	text-decoration: none;
	}
	.link_menu:active { 
		color: white;
	text-decoration: none;
	}

.link_menublue {
		color : #1cf9fc;
		text-decoration: none;
	}
	.link_menublue:hover { 
		color: #1cf9fc;
	text-decoration: none;
	}
	.link_menublue:visited {
		color: #1cf9fc;
	text-decoration: none;
	}
	.link_menublue:active { 
		color: #1cf9fc;
	text-decoration: none;
	}

.link_inscription {
		color : white;
		text-decoration: none;
	}
	.link_inscription:hover { 
		color: white;
	text-decoration: none;
	}
	.link_inscription:visited {
		color: white;
	text-decoration: none;
	}
	.link_inscription:active { 
		color: white;
	text-decoration: none;
	}

/*************************************************************************************/



@media only screen and (min-width: 1120px) {
	.taille_bubulle_res {width:19.4%; margin-right: 0.75%;}
	.taille_bubulle_res2 {width:19.4%;}
	.taille_bubulleint_res {height: 185px;}
	.cacher {width: 135px;}
	.cacher2 {display: none;}
	.cacher_3 {display: none;}
	.taille_menugauche{width: 20%;}
	.taille_menucentre{width: 79%;}
	.taille_header{margin-left: 135px;}
	.ecriture {font-size: clamp(14px, 1.2vw, 15px);}
.ecriture_p {font-size: clamp(12px, 2vw, 12px);}
	.ecriture_pp {font-size: clamp(11px, 2vw, 11px);}
	.ecriture_info {font-size: clamp(14px, 6vw, 15px);}
	
	.reglage_01 {margin-top: 0px;}
}

@media only screen and (max-width: 1120px) {
 .taille_bubulle_res {width: 32.7%; margin-right: 0.6%;}
	.taille_bubulle_res2 {width: 32.7%;}
	.taille_bubulleint_res {height: 200px;}
	.taille_header{margin-left: 135px;}
	.taille_menugauche{width: 20%;}
	.taille_menucentre{width: 79%;}
	.cacher {width: 135px;}
	.cacher2 {display: none;}
	.cacher_3 {display: none;}
	
}
@media only screen and (max-width: 1030px) {
.taille_bubulle_res {width: 49.4%; margin-right: 0.6%;}
.taille_bubulle_res2 {width: 49.4%;}	
.taille_bubulleint_res {height: 190px;}
.taille_header{margin-left: 10px;}
.taille_menugauche{width: 100%;}
.taille_menucentre{width: 100%;}	
.cacher {display: none;}
.cacher_c {display: none;}
.cacher2 {display: table;}
.cacher_3 {display: block;}	
.ajustement_bas {margin-bottom: 200px;}	
}
@media only screen and (max-width: 980px) {
.taille_bubulle_res {width: 49.4%; margin-right: 0.6%;}
.taille_bubulle_res2 {width: 49.4%;}	
.taille_bubulleint_res {height: 205px;}	
.ecriture {font-size: clamp(14px, 6vw, 17px);}
.ecriture_p {font-size: clamp(12px, 5vw, 13px);}
.ecriture_pp {font-size: clamp(11px, 6vw, 14px);}	
.ecriture_info {font-size: clamp(14px, 6vw, 14px);}
	
.reglage_01 {margin-top: 5px;}
}
/*******************Barre de progression don********************************************/
.barprogress_don{
	background-color: #222338;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	border-radius: 5px;
	border:solid 1px #6a668a;
}
.barprogressint_don{
	background-color: #d3392f;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	border-radius: 3px;
	border: solid 0px #6a668a; 
}
/***************************************************************************************/
/*------------------------lien------------------*/

.link {
	color : white;
	text-decoration: none;
	
	}
	.link:hover { 
		color: skyblue;
	text-decoration: none;
	}
	.link:visited { 
		
	text-decoration: none;
	}
	.link:active { 
		color: white;
	text-decoration: none;
	}

.link_boutton {
	color : white;
	text-decoration: none;
	font-family: 'Barlow';
	}
	.link_boutton:hover { 
		color: skyblue;
	text-decoration: none;
	font-family: 'Barlow';	
	}
	.link_boutton:visited { 
	font-family: 'Barlow';	
	text-decoration: none;
	}
	.link_boutton:active { 
		color: white;
	text-decoration: none;
	font-family: 'Barlow';	
	}

/***************************Formulaire Input*********************************************/
.formulaire
	{
	 background-color: #6a668a;
		padding-right: 2px;
		padding-left: 2px;
		border:0px;
		 border-radius: 4px;
		color: white;
		font-weight: bold;
		text-align: center;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
.formulaire:hover
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
	.formulaire:focus
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}

/***********************Boutton page / page suivante***********************/
.page_suivante
	{
	 background-color: #6a668a;
		padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
		border:0px;
		 border-radius: 3px;
		color: white;
		font-weight: bold;
		text-align: center;
		    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
.page_suivante:hover
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 3px;
		padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
	.page_suivante:focus
	{
	 background-color: #6a668a;
		border:0px;
		padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
		 border-radius: 3px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}

.pageselect_suivante
	{
	background-color: #00797b;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: 0px;
	border-radius: 3px;
	color: white;
	font-weight: bold;
	text-align: center;
		    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
.pageselect_suivante:hover
	{
	background-color: #00797b;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: 0px;
	border-radius: 3px;
	color: white;
	font-weight: bold;
	text-align: center;
	outline:solid 1px white;
		    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
.pageselect_suivante:focus
	{
	background-color: #00797b;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: 0px;
	border-radius: 3px;
	color: white;
	font-weight: bold;
	text-align: center;
		    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
/**************************************************/
/***************Page index*************************/
.titreactu_news {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	border-top: solid 1px #6a668a;
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom: solid 0px #181928;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: solid 1px #6a668a;
	border-left: solid 1px #6a668a;
	text-align: left;
		
}
.titreactu_newsnm {
	background-color: #181928;
	padding: 5px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top: solid 1px #6a668a;
	border-bottom: solid 0px #181928;
	border-right: solid 1px #6a668a;
	border-left: solid 1px #6a668a;
	text-align: left;
		
}

.centreactu_newsnm {
	background-color: #222338;
	padding: 5px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom: solid 1px #6a668a;
	border-top: solid 0px #181928;
	border-right: solid 1px #6a668a;
	border-left: solid 1px #6a668a;
	text-align: center;
		
}

.centreactu_news {
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: solid 0px #181928;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom: solid 3px #6a668a;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0px;
	border-right: solid 1px #6a668a;
	border-left: solid 1px #6a668a;
	text-align: center;
		
}

.centreactu_bulle {
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	border: solid 1px #6a668a;
	text-align: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);	
}
.centreactu_bullessbox {
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	border: solid 1px #6a668a;
	text-align: center;	
}
/**************************************************/
/************** Page achat_merge ******************/

.achatmerge1 {
	background-color: #181928;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: solid 1px #6a668a;	
	}
.achatmerge2 {
	background-color: #181928;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	padding-top: 4px;
	padding-bottom: 3px;
	text-align: center;
	border: solid 1px #6a668a;	
	}
.achatmerge3 {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	border: solid 1px #6a668a;		
	}
.achatmerge4 {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	border: solid 1px #222338;
	
	}
.onglet_resume {
	background-color: #222338;
	padding: 5px;
	border-radius: 3px;
	border:solid 1px #6a668a;
}
/************************************************/
.menu_calculateur {
min-width: 400px;
align-items: center;
float: left;
width: 100%;
}

/******************Page calculateur de profit*******************/
.menubb {
    position: relative;
    display: inline-block;
	width: 100%;

}
.menucc {
    position: relative;
    display: inline-block;
	width: 100%;

}

#toggle-menubb {
    display: none;
	
}

.dropbtn {
    background-color: #181928;
    color: white;
    padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
    text-decoration: none;
    display: block;
    cursor: pointer;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	
	
.dropbtn:hover, .dropbtn:focus {
     background-color: #181928;
    color: white;
    padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	
    text-decoration: none;
    display: block;
    cursor: pointer;
	
	border-radius: 5px;
	border:solid 1px #FFFFFF;
}

.dropdown-content {
    display: none;
    list-style:none;
	
	margin:0;
padding:0;
    left: 0;
}
#toggle-menubb:checked + .dropbtn + .dropdown-content {
    display: block;
	}

#toggle-menucc {
    display: none;
	
}

.dropbtncc {
    background-color: #181928;
    color: white;
    padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
    text-decoration: none;
    display: block;
    cursor: pointer;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	
	
.dropbtncc:hover, .dropbtncc:focus {
     background-color: #181928;
    color: white;
    padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	
    text-decoration: none;
    display: block;
    cursor: pointer;
	
	border-radius: 5px;
	border:solid 1px #FFFFFF;
}

.dropdown-contentcc {
    display: none;
    list-style:none;
	
	margin:0;
padding:0;
    left: 0;
}
#toggle-menucc:checked + .dropbtncc + .dropdown-contentcc {
    display: block;
	}
.corp_deroulant {
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -1.7px;
	border-left:solid 1px #6a668a;
	border-right: solid 1px #6a668a;
	border-bottom: solid 1px #6a668a;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.mes_stats {
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: solid 3px #6a668a;
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom: solid 3px #6a668a;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0px;
	border-right: solid 1px #6a668a;
	border-left: solid 1px #6a668a;
	text-align: center;
		
}
/************************************************/
/*Tableau Page calculateur de profit*/
.convers_calculateur
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		text-align: center;
		width: 80%;
		margin-top: 1px;
	}
	.convers_calculateur:hover
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		width: 80%;
		margin-top: 1px;
	}
.reseau_calculateur
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		text-align: center;
		width: 80%;
		margin-top: 1px;
	}
	.reseau_calculateur:hover
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		width: 80%;
		margin-top: 1px;
	}
.split_calculateur
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		text-align: center;
		width: 80%;
		margin-top: 1px;
	}
	.split_calculateur:hover
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		width: 80%;
		margin-top: 1px;
	}
.reward_calculateur
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		text-align: center;
		width: 80%;
		margin-top: 1px;
	}
	.reward_calculateur:hover
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		width: 80%;
		margin-top: 1px;
	}
.time_calculateur
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		text-align: center;
		width: 19px;
		margin-top: 1px;
	}
	.time_calculateur:hover
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		width: 19px;
		margin-top: 1px;
	}

.prof {
	border: solid 0px;
	border-collapse: separate;
		}
.tablevide {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 14px;
	border-top-right-radius: 14px;
	border:solid 1px;
	border-color: #222338;
}
.table512u {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 5px;
	border:solid 1px black;
	}
.table5ui {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
		border:solid 1px;
	border-bottom-left-radius: 5px;
}
.table5u {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 5px;
}
.table61 {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 5px;
	border:solid 1px black;
}
.table51 {
	background-color: #1f2033;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	}
.table512 {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	}
.table7 {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
		border:solid 1px black;
	min-width:35px;
		}
.table6 {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-top-left-radius: 5px;
	border:solid 1px black;
}
.table5 {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:105px;
	}
.table5_split {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:34px;
	}
.table5_mapuissance {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:73px;
	}
.table5_reward {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:91px;
	}
.table6_5 {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:60px;
	}
.table5_gbloc {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:105px;
	}
.tablevide_5 {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 14px;
	border-top-right-radius: 14px;
	border:solid 1px;
	border-color: #222338;
	min-width:35px;
}
.tablevide_bas {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 14px;
	border-top-right-radius: 14px;
	border:solid 1px;
	border-color: white;
	min-width:29px;
}
.tablevide_bas_bloc {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 14px;
	border-top-right-radius: 14px;
	border:solid 1px;
	border-color: #222338;
	min-width:105px;
}
.tablevide_bas_time {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 14px;
	border-top-right-radius: 14px;
	border:solid 1px;
	border-color: #222338;
	min-width:91px;
}
.tablevide_bas_split {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 14px;
	
	border:solid 1px;
	border-color: #222338;
	min-width:34px;
}
.tablevide2_bas_split {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 14px;
	
	border:solid 1px;
	border-color: #222338;
	min-width:34px;
}
.tablevide_bas_power {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px;
	border-color: #222338;
	min-width:73px;
}
.tablevide2_bas_power {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px;
	border-color: #222338;
	min-width:73px;
}
.tablevide_bas_gain {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-left-radius: 14px;
	border:solid 1px;
	border-color: #222338;
	min-width:102px;
}
.tablevide2_bas_gain {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-left-radius: 14px;
	border:solid 1px;
	border-color: #222338;
	min-width:106px;
}
.tablevide3_bas_gain {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-left-radius: 14px;
	border:solid 1px;
	border-color: #222338;
	min-width:102px;
}
.tablevide4_bas_gain {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-left-radius: 14px;
	border:solid 1px;
	border-color: #222338;
	min-width:90px;
}
.tablevide2_bas_gain2 {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-left-radius: 14px;
	border:solid 1px;
	border-color: #222338;
	min-width:106px;
}
.tablevide2_bas_gain2 {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-left-radius: 14px;
	border:solid 1px;
	border-color: #222338;
	min-width:55px;
}
.tablevide_bas_gain1 {
	background-color: #1f2033;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px;
	border-color: #222338;
	min-width:102px;
}
.tablevide_bas_gain2 {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-right-radius: 14px;
	
	border:solid 1px;
	border-color: #222338;
	min-width:90px;
}
.table7_bas {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
		border:solid 1px black;
	min-width:35px;
		}
.table61_bas {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:60px;
}
.table54 {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:106px;
	}
.table4 {
	background-color: #1f2033;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:102px;
	}
.table3 {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-top-right-radius: 0px;
	border:solid 1px black;
	min-width:90px;
}
.table32 {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border-top-right-radius: 5px;
	border:solid 1px black;
	min-width:55px;
}
.table5_5 {
	background-color: #181928;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	
	min-width:106px;
}
.table51_5 {
	background-color: #1f2033;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:102px;
	}
.table512_5 {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:90px;
	}
.table512_52 {
	background-color: #222338;
	border-collapse: separate 1px;
	border-spacing: 0px;
	border:solid 1px black;
	min-width:55px;
	}
/***********************************************************/
.formulaire_calcul_profit
	{
	 background-color: #6a668a;
		padding-right: 2px;
		padding-left: 2px;
		border:0px;
		 border-radius: 4px;
		color: white;
		font-weight: bold;
		text-align: center;
		width: 90%;
	}
.formulaire_calcul_profit:hover
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		width: 90%;
	}
	.formulaire_calcul_profit:focus
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		width: 90%;
	}
/***************************Page Crafting Offer*******************/

.titre_craftingoffer {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	border: solid 1px #fcd900;
	height: 50px;
	width: 100%;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.zone_craftingoffer {
	align-items: center;
	width:90%;
	text-align: center;

   
}
.fiche_craftingoffer {
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 20px;
	margin-left: 1%;
	float: left;
	border-radius: 3px;
	border:solid 2px #6a668a;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.fiche_recherche {
	background-color: #222338;
	border-radius: 3px;
	border:solid 2px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 1000px) {
  /* For desktop: */
  .crafting_offer_r	{width: 32%;min-width: 180px;}	
}
@media only screen and (max-width: 1000px) {
  /* For desktop: */
  .crafting_offer_r1	{width: 43%;height: 485px;min-width: 180px;margin-left: 4.5%;}	
}
@media only screen and (max-width: 588px) {
  /* For desktop: */
  .crafting_offer_r2	{width: 63%;height: 300px;margin-left: 18.5%;}	
}

.craft_compo_item {
	min-width:40px;
	}
.craft_compo_item1 {
	background-color: #181928;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	border: solid 1px #6a668a;
	
	}
.craft_compo_nb {
	padding-top: 2px;
	padding-bottom: 2px;
	min-width:60px;
	}
.craft_compo_nb1 {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	border: solid 1px #6a668a;	
	min-width:50px;
	}
.craft_compo_mk {
	padding-top: 2px;
	padding-bottom: 2px;
	min-width:25px;
	}
.craft_compo_mk1 {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	border: solid 1px #6a668a;	
	min-width:25px;
	}
.compo_prix
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		text-align: center;
		width: 60%;
		margin-top: 1px;
	}
	.compo_prix:hover
	{
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		padding-right: 2px;
		padding-left: 2px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		width: 75%;
		margin-top: 1px;
	}
.scroll_crafting_offer {
	
	width: 100%;
	height: 90px;
	border: 1px;
	text-align: center;
	
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}

/***************************Page puzzle event*******************/

.pencadrer_titre {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	border: solid 1px #fcd900;
	height: 40px;
	width: 95%;		
}
.enca_recompp {
	
	height: 350px;
	
}
.enca_recomp_puzzlescroll {
	width: 100%;
	height: 85%;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
.enca_recomp_puzzle {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	
	height: 260px;
	border: solid 1px #6a668a;
}
.enca_recomp_puzzle2 {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	
	height: 350px;
	border: solid 1px #6a668a;
}
.enca_quete_puzzle {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	border: solid 1px #6a668a;
			
}
.enca_quete_puzzlestat {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	border: solid 1px #6a668a;
	height: 120px;
			
}
.scroll_quetes_puzzle {
	
	width: 100%;
	height: 130px;
	border: 1px;
	text-align: center;
	padding-left: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
.quete_puzzle {
	background-color: #2f3045;
	padding: 2px;
	margin-top: 0px;
	border-radius: 2px;
	margin-bottom: 3px;
}
.quete_puzzle_valide {
	background-color: #2f3045;
	border: 1px solid #62BB5F;
	padding: 2px;
	margin-top: 0px;
	border-radius: 2px;
	margin-bottom: 3px;
}
/**********************Daily / Weekly**********************/
.timer_dailyweekly {
	margin-top: 5px;
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	border: solid 1px #fcd900;
	height: 40px;
	width: 95%;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
/**********************saison**********************/
.timer_saison {
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	border: solid 1px #fcd900;
	height: 40px;
	width: 95%;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.saison_gain {
	width: 33%;
	float: left;
	margin-right: 0px;
	margin-left: 3px;
	}
.saisonxpday {
	background-color: #2f3045;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	border-radius: 3px;
	border: 1px solid #6a668a;
}
.saisonxpdayselect {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	border-radius: 3px;
	border: 1px solid #03e1e4;
}

.saison {
	
	float: left;
	margin-right: 0px;
	
		}
	@media only screen and (min-width: 755px) {
  
  	.fenetre{width: 60%;margin-left:3.2%;}
	
}	
	@media only screen and (max-width: 755px) {
	.reglage_saison	{display: none;}
	.fenetre{width: 85%;margin-left:7.8%;}
}

.saisongainscroll {
	width: 100%;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
	height: 1150px;
	text-align: center;
		
}
.couleur_gold {
	color: #fcb300; 
}
.bulle_gold {
	background-color: #181928;
	padding-top: 0px;
	border-radius: 3px;
	border: solid 1px #fcb300;
	text-align: center;
}
.couleur_free {
	color: #186668;
}
.bulle_free {
	background-color: #181928;
	padding-top: 0px;
	border-radius: 3px;
	border: solid 1px #186668;
	text-align: center;
}
.gainrecompsaison {
	
	border-radius: 3px;
	border: 2px solid #62BB5F;
}
/**********************Collection**********************/
.boutton_collection {
	padding: 10px;
	background-color: #6D669E;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	float: left;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_collection:hover {
	padding: 10px;
	background-color: #7D77A8;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	float: left;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.05);
}
.boutton_collection_select {
	padding: 10px;
	background-color: #00797b;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
}
.boutton_collection_select:hover {
	padding: 10px;
	background-color: #1e9d9f;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	transform: scale(1.05);
}
.fiche_mineur {
	
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	float: left;
	margin-left: 8px;
	border-radius: 3px;
		border:solid 2px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.fiche_mineurrouge {
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	float: left;
	margin-bottom: 10px;
	margin-left: 8px;
	border-radius: 3px;
		border:solid 2px #FF7275;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.fiche_mineurjaune {
	
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	float: left;
	margin-left: 8px;
	border-radius: 3px;
		border:solid 2px #BDC442;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.fiche_mineurviolet {
	
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	float: left;
	margin-left: 8px;
	border-radius: 3px;
		border:solid 2px #AF50C4;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.fiche_mineurbleu {
	
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	float: left;
	margin-left: 8px;
	border-radius: 3px;
		border:solid 2px #008989;	
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.fiche_mineurvert {
	
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	float: left;
	margin-left: 8px;
	margin-bottom: 10px;
border-radius: 3px;
		border:solid 2px #62BB5F;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.fiche_mineuretoile {
	
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	float: left;
	margin-left: 8px;
	margin-bottom: 10px;
	border-radius: 3px;	
	border:solid 2px #A67C5C;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.titre_mineur {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	border: solid 1px #ffdb00;
	text-align: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);	
}

.setrc_itemno {
	
	padding: 4px;
	
	}
	.setrc_item {
	background-color: #32143d;
	padding: 4px;
	border-radius: 5px;
	border :solid 1px #6a668a;

	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);	
	}
	@media only screen and (min-width: 1157px) {
  /* For desktop: */
  .res_r1	{height: 400px;width:24%}
  .centrage_mineur {margin-left: 0.9%;}
}
@media only screen and (max-width: 1276px) {
  /* For desktop: */
  .res_r1	{height: 410px;width:24%}
  .centrage_mineur {margin-left: 0.7%;}		
}
@media only screen and (max-width: 1257px) {
  /* For desktop: */
  .res_r1	{height: 410px;width:30%}
  .centrage_mineur {margin-left: 4%;}		
}
	@media only screen and (max-width: 1066px) {
  /* For desktop: */
  .res_r3	{height: 410px;width:30%}	
  .centrage_mineur {margin-left: 4%;}		
}
@media only screen and (max-width: 763px) {
  /* For desktop: */
  .res_r4	{height: 410px;width:30%}	
  .centrage_mineur {margin-left: 4%;}		
}
@media only screen and (max-width: 708px) {
  /* For desktop: */
  .res_r5	{height: 400px;width:40%}	
  .centrage_mineur {margin-left: 8.8%;}		
}
@media only screen and (max-width: 595px) {
  /* For desktop: */
  .res_r6	{height: 390px;width:47%}	
  .centrage_mineur {margin-left: 1.6%;}		
}
/***********************************************************/
/*********************Les Racks******************************/
.fiche_rack {
	
background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	float: left;
	margin-left: 8px;
	border-radius: 3px;
		border:solid 2px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 1157px) {
  /* For desktop: */
  .reglage_rack	{height: 310px;width:24%}
  .centragerack {margin-left: 0.9%;}
}
	@media only screen and (max-width: 1275px) {
  /* For desktop: */
  .reglage_rack	{height: 320px;width:24%}
  .centragerack {margin-left: 0.7%;}		
}
@media only screen and (max-width: 1257px) {
  /* For desktop: */
  .reglage_rack	{height: 310px;width:30%}
  .centragerack {margin-left: 4%;}		
}
@media only screen and (max-width: 1066px) {
  /* For desktop: */
  .reglage_rack	{height: 330px;width:30%}
  .centragerack {margin-left: 4%;}		
}
@media only screen and (max-width: 763px) {
  /* For desktop: */
  .reglage_rack	{height: 330px;width:30%}	
  .centragerack {margin-left: 4%;}		
}
@media only screen and (max-width: 708px) {
  /* For desktop: */
  .reglage_rack	{height: 310px;width:40%}	
  .centragerack {margin-left: 8.8%;}		
}
@media only screen and (max-width: 595px) {
  /* For desktop: */
  .reglage_rack	{height: 310px;width:47%}	
  .centragerack {margin-left: 1.6%;}		
}

.titre_rack {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	border: solid 1px #ffdb00;
	text-align: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
		
}
/************************************************************/
/*********************Les sets*************************/
.fiche_toutset {
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	float: left;
	margin-left: 4px;
	border-radius: 3px;
	border:solid 2px #6a668a;
	}
@media only screen and (min-width: 1270px) {
  /* For desktop: */
  .reglage_set	{height: 660px;width:24%}
  .centrageset {margin-left: 1%;}
}

	@media only screen and (max-width: 1270px) {
  /* For desktop: */
  .reglage_set	{height: 680px;width:30%}
  .centrageset {margin-left: 4%;}		
}
	@media only screen and (max-width: 1193px) {
  /* For desktop: */
  .reglage_set	{height: 660px;width:30%}
  .centrageset {margin-left: 4%;}		
}

@media only screen and (max-width: 767px) {
  /* For desktop: */
  .reglage_set	{height: 660px;width:30%}	
  .centrageset {margin-left: 4%;}		
}
@media only screen and (max-width: 708px) {
  /* For desktop: */
  .reglage_set	{height: 660px;width:40%}	
  .centrageset {margin-left: 8.8%;}		
}
@media only screen and (max-width: 595px) {
  /* For desktop: */
  .reglage_set	{height: 660px;width:47%}	
  .centrageset {margin-left: 1.6%;}		
}
.setrc_titre_item {
	background-color: #32143d;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	border: solid 1px #ffdb00;
	text-align: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}

.scroll_set {
	
	width: 100%;
	height: 200px;
	border: 1px;
	text-align: center;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
/***********************************************************/
/*********************Historique*************************/
.scroll_histo {
	width: 100%;
	height: 1400px;
	text-align: center;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}

.vignette_histo {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-family: 'Roboto';
	border-radius: 3px;
	width: 99%;
	background-color: #212338;
	border: solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}
.titreactu_histo {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	border-top: solid 1px #6a668a;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom: solid 0px #181928;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: solid 1px #6a668a;
	border-left: solid 1px #6a668a;
	text-align: left;
	
		
}
.centreactu_histo {
	background-color: #212338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: solid 0px #181928;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom: solid 0px #6a668a;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: solid 0px #6a668a;
	border-left: solid 0px #6a668a;
	text-align: center;
	height: 70px;
}
.bulle_couleur_set {
	background-color: #32143d;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 5px;
	border :solid 1px #6a668a;
	height: 20px;
	
	}
/************************************************************/
/*********************Merge jusqua unreal*************************/

.menu2 {
    position: relative;
    display: inline-block;
	width: 90%;

}

#toggle-menu2 {
    display: none;
	
}
.dropbtn2 {
    background-color: #181928;
    color: white;
    padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
    text-decoration: none;
    display: block;
    cursor: pointer;
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	
	
.dropbtn2:hover, .dropbtn2:focus {
     background-color: #181928;
    color: white;
    padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	
    text-decoration: none;
    display: block;
    cursor: pointer;
	
	border-radius: 5px;
	border:solid 1px #FFFFFF;
}

.dropdown-content2 {
    display: none;
    list-style:none;
	
	margin:0;
padding:0;
    left: 0;
}
#toggle-menu2:checked + .dropbtn2 + .dropdown-content2 {
    display: block;
	}
.bar_input_merge
{
	width:90%;
}
.form_input_merge
{
	width:85%;
}

.fiche_mineur_merge {
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	float: left;
	margin-left: 8px;
	border-radius: 3px;
	border:solid 2px #6a668a;
	
}
.fiche_mineurrouge_merge {
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	float: left;
	margin-bottom: 10px;
	margin-left: 8px;
	border-radius: 3px;
	border:solid 2px #FF7275;
	
}
.fiche_mineurjaune_merge {
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	float: left;
	margin-left: 8px;
	border-radius: 3px;
	border:solid 2px #BDC442;
		
}
.fiche_mineurviolet_merge {
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	float: left;
	margin-left: 8px;
	border-radius: 3px;
		border:solid 2px #AF50C4;
	
}
.fiche_mineurbleu_merge {
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	float: left;
	margin-left: 8px;
	border-radius: 3px;
	border:solid 2px #008989;
	
}
.fiche_mineurvert_merge {
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	float: left;
	margin-left: 8px;
	margin-bottom: 10px;
	border-radius: 3px;
	border:solid 2px #62BB5F;	
}

.fiche_mineurvert_mergeresult {
	border-radius: 3px;
	background-color: #2f3045;
	border: solid 1px #62BB5F;
}
.fiche_ratiovert_mergeresult {
	border-radius: 3px;
	background-color: #222338;
	border: solid 1px #62BB5F;
}
.fiche_mineurbleu_mergeresult {
	border-radius: 3px;
	background-color: #2f3045;
	border: solid 1px #008989;
}
.fiche_ratiobleu_mergeresult {
	border-radius: 3px;
	background-color: #222338;
	border: solid 1px #008989;
}
.fiche_mineurviolet_mergeresult {
	border-radius: 3px;
	background-color: #2f3045;
	border: solid 1px #AF50C4;
}
.fiche_ratioviolet_mergeresult {
	border-radius: 3px;
	background-color: #222338;
	border: solid 1px #AF50C4;
}
.fiche_mineurjaune_mergeresult {
	border-radius: 3px;
	background-color: #2f3045;
	border: solid 1px #BDC442;
}
.fiche_ratiojaune_mergeresult {
	border-radius: 3px;
	background-color: #222338;
	border: solid 1px #BDC442;
}
.fiche_mineurrouge_mergeresult {
	border-radius: 3px;
	background-color: #2f3045;
	border: solid 1px #FF7275;
}
.fiche_ratiorouge_mergeresult {
	border-radius: 3px;
	background-color: #222338;
	border: solid 1px #FF7275;
}
.titre_mineur_mergeresult {
	border-radius: 3px;
	background-color: #181928;
	border: solid 1px #6a668a;
}
.fiche_mergeup_titre {
	border-radius: 3px;
	background-color: #181928;
	border: solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	margin: 10px;
}
.fiche_mergeup_bulle {
	border-radius: 3px;
	background-color: #2f3045;
	border: solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	margin: 10px;
}
@media only screen and (min-width: 1060px) {
  /* For desktop: */
  .reglage_mergeun	{height: 270px;width:32%}
 
  .centragemergeun {margin-left: 0.25%;}
	
}

	@media only screen and (max-width: 1060px) {
  /* For desktop: */
  .reglage_mergeun	{height: 270px;width:32%}

  .centragemergeun {margin-left: -0.7%;}
		
}

@media only screen and (max-width: 973px) {
  /* For desktop: */
  .reglage_mergeun	{height: 270px;width:32%}	
	
  .centragemergeun {margin-left: -0.6%;}	
	
}
@media only screen and (max-width: 968px) {
  /* For desktop: */
  .reglage_mergeun	{height: 270px;width:32%}
  	
  .centragemergeun {margin-left: -0.6%;}
	
}
@media only screen and (max-width: 950px) {
  /* For desktop: */
  .reglage_mergeun	{height: 270px;width:32%}	

  .centragemergeun {margin-left: -0.15%;}	
	
}
@media only screen and (max-width: 786px) {
  /* For desktop: */
  .reglage_mergeun	{height: 270px;width:32%}	

  .centragemergeun {margin-left: -0.35%;}	
	
}
@media only screen and (max-width: 766px) {
  /* For desktop: */
  .reglage_mergeun	{height: 275px;width:45%;}	
	
  .centragemergeun {margin-left: 3%;}	
	
}

/***********************Prix Part*************************/
.min_bulle_part {
	
	min-width: 450px
}
.gris_merge {
	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	border-radius: 5px;
	border: solid 1px #6a668a;
}
.vert_merge {
	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	border-radius: 5px;
	border: solid 1px #62BB5F;
}
.bleu_merge {
	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	border-radius: 5px;
	border: solid 1px #008989;
}
.violet_merge {
	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	border-radius: 5px;
	border: solid 1px #AF50C4;
}
.jaune_merge {
	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	border-radius: 5px;
	border: solid 1px #BDC442;
}
.form_input_part2
{
	width:90%;
}
/************************************************************/

/******************RaollerTap********/
.fiche_rollertap {
	
	background-color: #222338;
	padding: 5px;
	margin-top: 10px;
	float: left;
	margin-left: 1%;
	border-radius: 3px;
	border:solid 2px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 1180px) {	
	.reglage_tap{width: 17.4%;height: 280px;}
	}	
@media only screen and (max-width: 1390px) {
	.reglage_tap{width: 22.3%;height: 280px;}
}
@media only screen and (max-width: 1271px) {
	.reglage_tap{width: 22%;height: 275px;}
}
@media only screen and (max-width: 1190px) {
	.reglage_tap{width: 21.8%;height: 275px;}
}
@media only screen and (max-width: 1134px) {
	.reglage_tap{width: 29.8%;height: 275px;}
}
@media only screen and (max-width: 1030px) {
	.reglage_tap{width: 30.5%;height: 273px;}
}
@media only screen and (max-width: 860px) {
	.reglage_tap{width: 30%;height: 273px;}
}
@media only screen and (max-width: 697px) {
	.reglage_tap{width: 46%;height: 273px;}
}

.scroll_rollertap {
	
	width: 100%;
	height: 850px;
	border: 1px;
	text-align: center;
	padding-left: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
/****************Chainer Heroes**************/
.fiche_chainerstap {
	
	background-color: #222338;
	padding: 5px;
	margin-top: 10px;
	float: left;
	margin-left: 1%;
	border-radius: 3px;
	border:solid 2px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.scroll_chainerstap {
	
	width: 100%;
	height: 850px;
	border: 1px;
	text-align: center;
	padding-left: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
/****************Chainer Heroes**************/
.titre_cartert {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	border: solid 1px #ffdb00;
	text-align: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);	
}
/*********************************************************/
/***********************STAFF**********************/
.fiche_staff {
	
	background-color: #222338;
	padding: 5px;
	margin-top: 10px;
	float: left;
	margin-left: 1%;
	border-radius: 3px;
	border:solid 2px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.titre_fichestaff {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	border: solid 1px #ffdb00;
	text-align: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);	
}
@media only screen and (min-width: 1185px) {	
	.reglage_staff{width: 30.5%;height: 230px;}
	}	
@media only screen and (max-width: 1185px) {
	.reglage_staff{width: 30%;height: 230px;}
}
@media only screen and (max-width: 1030px) {
	.reglage_staff{width: 30.5%;height: 100px;}
}
@media only screen and (max-width: 860px) {
	.reglage_staff{width: 30%;height: 100px;}
}
/*Page inscription*/

.inscriptiondiv {
width: 64%;
float: left;
border-radius: 3px;
border: solid 0px #6a668a;
height: 100%;
}
.inscriptiondiv2 {
	margin-left: 1%;
	border-radius: 3px;
	width: 35%;
	float:left;
	font-size: 14px;	
}
.inscriptiondiv3 {

	background-color: #2f3045;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	width: 100%;
		border:solid 1px;
		border-color: #6a668a;
	
		
}
.inscription_valide {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-radius: 3px;
		border:solid 1px #6a668a;		
}
.form_input_inscription
{
	width:50%;
}
.form_input_inscriptionmail
{
	width:75%;
}
/**/
/**********************Page profil*******************/
.div_profil {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	float: left;	
}

	@media only screen and (min-width: 755px) {
	.reglage_profil{width: 50%;}
}	
	@media only screen and (max-width: 755px) {
	.reglage_profil	{width: 90%;margin-bottom: 3%;margin-left: 5%;}
}

.div_profil_split {
	
	padding-top: 0px;
	padding-bottom: 0px;
	height: 350px;
	text-align: center;
	
		
}
.scroll_gestion_gain {
	
	width: 100%;
	height: 180px;
	border: 1px;
	text-align: center;
	padding-left: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
.ligne_gain {
	background-color: #181928;
	padding: 5px;
	border-radius: 3px;
	border: solid 1px #6a668a;
	margin-bottom: 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);	
	}
.ligne_gain2 {
	
	background-color: #181928;
	padding: 5px;
	border-radius: 3px;
	border: solid 1px #6a668a;
	margin-top: 10px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);	
	}
.ligne_gain3 {
	border-radius: 3px;
	border: solid 1px #222338;
	margin-top: 5px;
	margin-right: 11px;
	}
.boutton_voirtransa {
	background-color: #8984b1;
	padding: 5px;
	text-align: center;
	width: 250px;
	height: 20px;
	border-radius: 5px;
	margin-top: 10px;
	border:solid 1px #6a668a;
	
}
.boutton_voirtransa:hover {
	background-color: #a29ec2;
	text-align: center;
	padding: 5px;
	width: 250px;
	height: 20px;
	margin-top: 10px;
	border-radius: 5px;
	border:solid 1px #6a668a;
}
.boutton_gestiongain {
	padding: 5px;
	background-color: #6D669E;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	float: left;
	margin-right: 10px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_gestiongain:hover {
	padding: 5px;
	background-color: #7D77A8;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	float: left;
	margin-right: 10px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.05);
}
.boutton_gestiongain_select {
	padding: 5px;
	background-color: #00797b;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	margin-right: 10px;
	float: left;
}
.boutton_gestiongain_select:hover {
	padding: 5px;
	background-color: #1e9d9f;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	margin-right: 10px;
	float: left;
	transform: scale(1.05);
}
.form_input_ggain
{
	width:99%;
	margin-top: 5px;
}
.boutton_gestioncrypto {
	background-color: #2f3045;
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_gestioncrypto:hover {
	background-color: #181928;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_gestioncrypto_select {
	background-color: #181928;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.boutton_gestionadd {
	background-color: #2f3045;
	padding-top: 7px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_gestionadd:hover {
	background-color: #181928;
	padding-top: 7px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_gestionadd_select {
	background-color: #181928;
	padding-top: 7px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.boutton_gestioncrypto2 {
	background-color: #2f3045;
	padding-top: 7px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_gestioncrypto2:hover {
	background-color: #181928;
	padding-top: 7px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_gestioncrypto2_select {
	background-color: #181928;
	padding-top: 7px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.encadrer_gain_suivit {
	background-color: #181928;
	padding: 5px;
	border-radius: 3px;
	border: solid 1px #fcd900;
	height: 40px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);		
}
.ligne_transaction {
	
	margin-top: 5px;
}
.scroll_gestionhisto_gain {
	
	width: 100%;
	height: 300px;
	border: 1px;
	text-align: center;
	padding-left: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
.boutton_f_general {
	padding: 5px;
	background-color: #8984b1;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	margin-right: 10px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_f_general:hover {
	padding: 5px;
	background-color: #a29ec2;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	margin-right: 10px;
	transform: scale(1.05);
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_f_generalsolo {
	padding: 5px;
	background-color: #8984b1;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_f_generalsolo:hover {
	padding: 5px;
	background-color: #a29ec2;
	border-radius: 3px;
	border:solid 1px #6a668a;
	width: auto;
	
	transform: scale(1.05);
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.form_input_opti
{
	width:75%;
}
.form_input_editpro
{
	width:25%;
}

/*************SimuRoom***************/
.reglage_room	{
	margin-left: 0.1%;
}
.divset {
	float: left;
	width: 24.5%;
	text-align: center;
	min-width: 160px;
	
	margin-right: 3px;
	margin-bottom: 3px;
		
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0px;
		border-top:solid 3px #58176F;
	border-bottom:solid 3px #58176F;
	border-left:solid 1px #58176F;
	border-right:solid 1px #58176F;	
	}

.gauche_simu {
	float: left;
	margin-top: 5px;
	
	}

@media only screen and (min-width: 800px) {
	.reglage_gauche_s{width: 73%;margin-left: 0.5%;}
	.reglage_droite_s{width: 25%;margin-left:1%;}	
	.reglage_div{height: auto;max-height: 950px;}
}	

@media only screen and (max-width: 800px) {
	.reglage_gauche_s{width: 72%;margin-left: 0.5%;}
	.reglage_droite_s{width: 25%;margin-left:1%;}	
	.reglage_div{height: auto;max-height: 950px;}
}	
	

	@media only screen and (max-width: 770px) {
	.reglage_gauche_s{width: 98%;margin-left:1%;margin-bottom: 20px}
	.reglage_droite_s{width: 98%;margin-left:1%}
	.reglage_div{height: auto;max-height: 400px;}
}
.gauche_event {
	float: left;
	margin-right: 0px;
	
	}
	@media only screen and (min-width: 720px) {
  	.reglage_gauche_event{width: 58%;margin-left: 0.5%;}
	.reglage_droite_event{width: 40%;margin-left:1%;}	
	.reglage_div_event{height: 1150px;}
	.reglage_div_event3{height: 240px;}	
	.reglage_div_event2{height: 1230px;}	
}	
	@media only screen and (max-width: 720px) {
	.reglage_gauche_event{width: 98%;margin-left:1%;margin-bottom: 20px}
	.reglage_droite_event{width: 98%;margin-left:1%}
	.reglage_div_event3{height: 240px;}	
	.reglage_div_event{height: 1100px;}
		
}
@media only screen and (max-width: 793px) {
	
	.reglage_div_event2{height: 2050px;}	
}

.iconesimucharge {
            
            justify-content: center;
            align-items: center;
	
        }

       
.droite_simu {
	margin-top: 5px;
	float: left;
	}
.droite_event {
	
	float: left;
	color: #FFFFFF;
	}
#hideMe {
    -webkit-animation: cssAnimation 3s forwards; 
    animation: cssAnimation 3s forwards;
	background-color: rgba(171,0,2,0.20);
	width: 100%;
	height: 25px;
	
	padding-top: 5px;
	text-align: center;
}
#hideMe2 {
    -webkit-animation: cssAnimation 3s forwards; 
    animation: cssAnimation 3s forwards;
	background-color: rgba(33,171,0,0.20);
	width: 100%;
	height: 25px;
	
	padding-top: 5px;
	text-align: center;
}
#hideMe3 {
    -webkit-animation: cssAnimation 3s forwards; 
    animation: cssAnimation 3s forwards;
	background-color: rgba(171,0,2,0.20);
	width: 100%;
	height: 60px;
	
	padding-top: 5px;
	text-align: center;
}
#hideMe4 {
    -webkit-animation: cssAnimation 3s forwards; 
    animation: cssAnimation 3s forwards;
	background-color: rgba(33,171,0,0.20);
	width: 100%;
	height: 60px;
	
	padding-top: 5px;
	text-align: center;
}
@keyframes cssAnimation {
    0%   {opacity: 100%}
	25%   {opacity: 75%}
	50%  {opacity: 50%}
	75%  {opacity: 25%}
    100% {opacity: 0%;display: none;}
}
@-webkit-keyframes cssAnimation {
     0%   {opacity: 100%}
	25%   {opacity: 75%}
	50%  {opacity: 50%}
	75%  {opacity: 25%}
    100% {opacity: 0%;display: none;}
}
.mineur_simu {
	background-color: #181928;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	border: solid 1px #6a668a;
	border-radius: 3px;
	text-align: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
		}
.mineur_simu_int {
	background-color: #2f3045;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-radius: 3px;
	border: solid 1px #6a668a;
}
.reglage_simu_rack
{
	min-width: 182px;
}
.simulationroom_mineurscrol {
	width: 100%;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
	
	text-align: center;
	margin-bottom: 20px;	
}
.simulationroom_rackscrol {
	width: 100%;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
	
	text-align: center;
	margin-bottom: 20px;	
}
.scrol_participant {
	width: 100%;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
	text-align: center;
	align-items: center;
		
}
.fondracksimu
{
padding-top: 2px;
padding-bottom: 2px;	
width: 100%;
background-color: #181928;
	color: #FFFFFF;
}
.reglage_inventaire_simu
{
	min-width: 515px;
}
.scroll_optimerge {
	
	width: 100%;
	height: 450px;
	text-align: center;
	padding-left: 5px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
.setrc_simu {
	background-color: #32143d;
	padding: 10px;
	float: left;
	width: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	border: solid 1px #ffdb00;
	text-align: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
.stat_simu {
	padding: 5px;
	border-top: solid 3px #6a668a;
	border-top-left-radius: 0px;
	border-radius: 3px;
	border: solid 2px #00797b;
	text-align: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);	
}
@media only screen and (min-width: 1183px) {
	.taille_simu_r {height:1360px;}
}

@media only screen and (max-width: 1183px) {
 .taille_simu_r {height:1600px;}
	
}
.form_input_simu
{
	width:99%;
}
/************************************/
.scroll_optimerge2 {
	
	width: 100%;
	height: 370px;
	border: 0px;
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
.scroll_bas_menu {
	
	width: 100%;
	height: 130px;
	padding-top: 0px;
	padding-right: 0px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-color: #252637 #444555;
   	scrollbar-width: thin;
}
.boutton_menubas {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	align-content: center;
	margin-top: 8px;
	margin-left: 5px;
	margin-bottom: 0px;
	float: left;
	width: 115px;
	height: 70px;
	border-radius: 3px;
	border:solid 1px #49485e;
}
.boutton_menubas:hover {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	align-content: center;
	margin-top: 8px;
	margin-left: 5px;
	margin-bottom: 0px;
	float: left;
	width: 115px;
	height: 70px;
	background: #49485e;
	border-radius: 3px;
	border:solid 0px #49485e;
	transform: scale(1.1); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.boutton_menubas_select {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	align-content: center;
	margin-top: 8px;
	margin-left: 5px;
	margin-bottom: 0px;
	float: left;
	width: 115px;
	height: 70px;
	background: #49485e;
	border-radius: 3px;
	border:solid 1px #49485e;
}
.scroll_import_room {
	background-color: #6a668a;
	padding: 3px;
	border:0px;
	border-radius: 4px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.boutton_gestion {
	background-color: #2f3045;
	text-align: center;
	align-items: center;
	   align-content: center;
	font-family: 'Barlow';
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	height: 130px;
	width: 100%;
}
.boutton_gestion:hover {
	background-color: #49485e;
	text-align: center;
	align-items: center;
	   align-content: center;
	height: 130px;
	width: 100%;
	font-family: 'Barlow';
	border-radius: 5px;
	border:solid 1px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.05); 
}
/*Page edit crypto*/

.edit_crypto {
	background-color: #92FEFF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #00FBFC;
	min-width: 140px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	.edit_crypto1 {
	background-color: #FFF3B5;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #FFD900;
		min-width: 140px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	.edit_crypto2 {
	background-color: #EAA39F;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #D3392F;
		min-width: 140px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	.edit_crypto3 {
	background-color: #DECC83;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #C2A633;
		min-width: 140px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	.edit_crypto4 {
	background-color: #FAC584;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #F7931A;
		min-width: 140px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	.edit_crypto5 {
	background-color: #C3B5FF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #987EFF;
		min-width: 140px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	.edit_crypto6 {
	background-color: #F8DFA0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #F3BA2F;
		min-width: 140px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	.edit_crypto7 {
	background-color: #C6ABF3;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #8247E5;
		min-width: 140px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	.edit_crypto8 {
	background-color: #67DACF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #000000;
		min-width: 140px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	.edit_crypto9 {
	background-color: #8CA9D8;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #345D9D;
		min-width:140px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
	.edit_crypto10 {
	background-color: #81848A;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #525459;
		min-width: 140px;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

	@media only screen and (min-width: 1159px) {	
	.reglage_edit_crypto{padding-left: 1.5%;}
	.reglagebulle{width: 19%;}
}	
	@media only screen and (max-width: 1159px) {
	.reglage_edit_crypto{padding-left: 4.3%;}
		.reglagebulle{width: 23%;}
}
@media only screen and (max-width: 997px) {
	.reglage_edit_crypto{padding-left: 6.5%;}
		.reglagebulle{width: 30%;}
}
@media only screen and (max-width: 662px) {
	.reglage_edit_crypto{padding-left: 14%;}
		.reglagebulle{width: 40%;}
}

/**/

.formulaire_txt
	{
		 resize: none;
	 background-color: #6a668a;
		padding-right: 2px;
		padding-left: 2px;
		border:0px;
		 border-radius: 4px;
		color: white;
		font-weight: bold;
		text-align: center;
	}
.formulaire_txt:hover
	{
		 resize: none;
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
	}
	.formulaire_txt:focus
	{
		 resize: none;
	 background-color: #6a668a;
		border:0px;
		 border-radius: 4px;
		color: white;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
	}
.fiche_ajmineur {
	
	background-color: #222338;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	border-radius: 3px;
		border:solid 2px #6a668a;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
/*********************Ajout_minuer***************************/
@media only screen and (min-width: 1138px) {	
	.reglage_fiche{width: 30%;height: 350px;}
	.reglage_place{padding-left: 0%;}
}	
	@media only screen and (max-width: 1138px) {
	.reglage_fiche{width: 40%;height: 350px;}
	.reglage_place{padding-left: 12.2%;}
}
@media only screen and (max-width: 850px) {
	.reglage_fiche{width: 45%;height: 350px;}
	.reglage_place{padding-left: 0%;}
}
/************************************************/
.reglage_ficheset{min-width: 240px; width: 30%;}

.enca_gestion_page {
	background-color: #2f3045;
	padding: 2px;
	margin-top: 0px;
	border-radius: 2px;
	margin-bottom: 3px;
}