@charset "utf-8";
/* CSS Document */
/*********************Corp RollerHelper**********/
body {
margin: 0;
  padding: 0;
  background-image: url("img/fond.png");
  background-size: cover;        
  background-position: center; 
  background-repeat: no-repeat;  
  background-attachment: fixed;  
  }

.table_nonclic {
    pointer-events: none;
}
.div_central {
	justify-content: center;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	text-align: center;
		
}
 /***********************************************/
.coloryellow{color: #E0980A;}
.colorblue_titre{color: #1e9d9f;}
.colorbase{color: #353b6d;}
.colorred{color: #FF7275;}
.colorgreen{color: #62BB5F;}
/************************************************/
.color_niv1{background-color: rgba(106, 102, 138, 0.4);}
.color_niv2{background-color: rgba(98, 187, 95, 0.4);}
.color_niv3{background-color: rgba(0, 137, 137, 0.4);}
.color_niv4{background-color: rgba(175, 80, 196, 0.4);}
.color_niv5{background-color: rgba(189, 196, 66, 0.4);}
/************************************************/
.table_gain { 
border-spacing: separate;
}
.table_gain thead {
	position: sticky;
  	top: 0;
  	z-index: 2;
	background: #e1eeff;
}
.table_gain th {
  padding: 5px;
}

.table_gainprofil { 
border-collapse: separate; /* Fusionne les bordures des cellules */
}
.table_gainprofil thead {
	position: sticky;
  	top: 0;
  	z-index: 2;
	background: #e1eeff;
}
.table_gainprofil th {
  padding: 5px;
	
}
.table_gainprofil td {
  padding: 5px;
  
}


/******************Formulaire Input*********************************************/
.formulaire
	{
	 background-color: #fee499;
		padding-right: 2px;
		padding-left: 2px;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		text-align: center;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
.formulaire:hover
	{
	 background-color: #fee499;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		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: #fee499;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
.formulaire:-webkit-autofill,
.formulaire:-webkit-autofill:hover,
.formulaire:-webkit-autofill:focus {
    -webkit-text-fill-color: #353b6d !important;
    font-weight: bold;
    border-radius: 4px;

    -webkit-box-shadow: 0 0 0 1000px #fee499 inset !important,
        5px 5px 15px rgba(0, 0, 0, 0.3) !important;

    box-shadow: 0 0 0 1000px #fee499 inset !important,
        5px 5px 15px rgba(0, 0, 0, 0.3) !important;

    transition: background-color 9999s ease-out, color 9999s ease-out;
}

.form_input_ggain
{
	width:99%;
	margin-top: 5px;
}
/************************************************/
.link {
		color : #353b6d;
		text-decoration: none;
	font-family: 'Anton';
	font-size: 20px;
	}
	.link:hover { 
		color: #353b6d;
	text-decoration: none;
		font-family: 'Anton';
	font-size: 20px;
	}
	.link:visited {
		color: #353b6d;
	text-decoration: none;
		font-family: 'Anton';
	font-size: 20px;
	}
	.link:active { 
		color: #353b6d;
	text-decoration: none;
		font-family: 'Anton';
	font-size: 20px;
	}

.link_general {
		color : #353b6d;
		text-decoration: none;
	}
	.link_general:hover { 
		color: #f4ab1b;
	text-decoration: none;
	}
	.link_general:visited {
	text-decoration: none;
	}
	.link_general:active { 
	text-decoration: none;
	}

.link_menu {
		color : #353b6d;
		text-decoration: none;
	}
	.link_menu:hover { 
		color: #353b6d;
	text-decoration: none;
	}
	.link_menu:visited {
	text-decoration: none;
	}
	.link_menu:active { 
	text-decoration: none;
	}

.scroll_menu_information {
	
	width: 100%;
	height: 130px;
	padding-top: 0px;
	padding-right: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #353b6d #C8C8C8;
   	scrollbar-width: thin;
}
.scroll_gestion_gain {
	
	width: 100%;
	height: 650px;
	text-align: center;
	padding-left: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #353b6d #C8C8C8;
   	scrollbar-width: thin;
}
.scroll_gestion_gainprofil {
	
	width: 100%;
	height: 280px;
	text-align: center;
	padding-left: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #353b6d #C8C8C8;
   	scrollbar-width: thin;
}
.ligne_gain2 {
	
	padding: 5px;
	border: solid 1px #C8C8C8;
	margin-bottom: 5px;	
	}
.ligne_gain {
	border-radius: 3px;
	border: solid 0px #222338;
	margin-top: 5px;
	}
.encadrer {
    
    align-items: center;
    margin-bottom: 10px;
    border-radius: 20px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	background:  linear-gradient(180deg,#f5f9ff,#daebff);
    border: 2px solid #f4ab1b;
	max-width: 1200px;
	min-width: 470px;
}
.encadrer_titre {
    
    align-items: center;
	margin-top: 10px;
    margin-bottom: 10px;
	max-width: 1200px;
	min-width: 470px;
}
.encadrer_titre2 {
    
    align-items: center;
	margin-top: 10px;
    margin-bottom: 0px;
	max-width: 1200px;
	min-width: 470px;
}
.encadrer_menu {
	margin-top: 5px;
	margin-bottom: 10px;
}
.encadrer_newmenu {
	margin-top: 5px;
	margin-bottom: 10px;
	
}
.encadrer_newmenu td {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.encadrer_contenu {
	margin-top: -6px;
}

.boutton_connexion{
	background: linear-gradient(180deg, #ffd075, #f4ab1b);
    box-shadow: 0 4px 0 #d88c1b;
    padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	align-items: center;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 5px;
	float: right;
	width: 130px;
	height: 35px;
	border-radius: 10px;
	
}
.boutton_inscription{
	background: linear-gradient(180deg, #ffd075, #f4ab1b);
    box-shadow: 0 4px 0 #d88c1b;
    padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	align-items: center;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 5px;
	float: right;
	width: 130px;
	height: 35px;
	border-radius: 10px;
}
.boutton_connexion:hover {
	background: linear-gradient(180deg, #f8d36b, #fee499);
    box-shadow: 0 4px 0 #d88c1b;
    padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	align-items: center;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 5px;
	float: right;
	width: 130px;
	height: 35px;
	border-radius: 10px;
	transform: scale(1.05); 
}
.boutton_inscription:hover {
	background: linear-gradient(180deg, #f8d36b, #fee499);
    box-shadow: 0 4px 0 #d88c1b;
    padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	align-items: center;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-right: 5px;
	float: right;
	width: 130px;
	height: 35px;
	border-radius: 10px;
	transform: scale(1.05);
}
.boutton_general {
	background-color: #f8d36b;
	font-size: 15px;
	color: #353b6d;
	text-align: center;
	align-items: center;
	margin-top: 3px;
	margin-bottom: 3px;
	height: 30px;
	font-family: 'Roboto';
	font-weight: 900;
	border-radius: 5px;
	border: 1px solid #C8C8C8;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	cursor: pointer;	
}
.boutton_general:hover {
	background-color: #fee499;
	font-size: 15px;
	color: #353b6d;
	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 #C8C8C8;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.05); 
	cursor: pointer;
}

.boutton_retour {
	background-color: #f8d36b;
	color: #353b6d;
	font-family: 'Roboto';
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	 
	cursor: pointer;
}
.boutton_retour:hover {
	background-color: #fee499;
	color: #353b6d;
	font-family: 'Roboto';
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.05);
}

.start {
	border-radius: 10px;
	border: 2px solid #C8C8C8;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.boutton_menu {
	background: linear-gradient(180deg, #f8d36b, #fee499);
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.boutton_menu:hover {
	background: linear-gradient(180deg, #ffd075, #f4ab1b);
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	transform: scale(1.05);
}
.boutton_menu_select {
	background: linear-gradient(180deg, #ffd075, #e49a07);
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.boutton_newmenu {
	background: linear-gradient(180deg, #f8d36b, #fee499);
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	display: flex;
    align-items: center;
    justify-content: center;
	width: auto;
	height: 20px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.boutton_newmenu:hover {
	background: linear-gradient(180deg, #ffd075, #f4ab1b);
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 10px;
	display: flex;
    align-items: center;
    justify-content: center;
	width: auto;
	height: 20px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	transform: scale(1.05);
}
.boutton_newmenu_select {
	background: linear-gradient(180deg, #ffd075, #e49a07);
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	display: flex;
    align-items: center;
    justify-content: center;
	width: auto;
	height: 20px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.boutton_newpe {
	background: linear-gradient(180deg, #f8d36b, #fee499);
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	display: flex;
	float: left;
    align-items: center;
    justify-content: center;
	height: 20px;
	width: auto;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.boutton_newpe:hover {
	background: linear-gradient(180deg, #ffd075, #f4ab1b);
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 10px;
	display: flex;
	float: left;
    align-items: center;
    justify-content: center;
	height: 20px;
	width: auto;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	transform: scale(1.05);
}
.boutton_newpe_select {
	background: linear-gradient(180deg, #ffd075, #e49a07);
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	display: flex;
	float: left;
    align-items: center;
    justify-content: center;
	height: 20px;
	width: auto;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.boutton_supp {
	background: linear-gradient(180deg, #f8d36b, #fee499);
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 2px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.boutton_supp:hover {
	background: linear-gradient(180deg, #ffd075, #f4ab1b);
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 2px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	transform: scale(1.05);
}

@media only screen and (min-width: 1211px) {
  .res_s1	{height: 206px;width:24.14%;float: left;margin: 0.43%;}	
	.res_s1f	{height: 107px;width:24.14%;float: left;margin: 0.43%;}
}
@media only screen and (max-width: 1211px) {
  .res_s1	{height: 206px;width:32.47%;float: left;margin: 0.43%;}
	.res_s1f	{height: 107px;width:32.47%;float: left;margin: 0.43%;}
}
@media only screen and (max-width: 909px) {
  .res_s1	{height: 206px;width:49.14%;float: left;margin: 0.43%;}
	.res_s1f	{height: 107px;width:49.14%;float: left;margin: 0.43%;}
}

@media only screen and (min-width: 1400px) {
  .res_a1	{height: auto;width:32.47%;float: left;margin: 0.43%;}
}
@media only screen and (max-width: 1400px) {
	.res_a1	{height: auto;width:49.1%;float: left;margin: 0.43%;}
}
@media only screen and (max-width: 950px) {
  .res_a1	{height: auto;width:99%;float: left;margin: 0.43%;}
}

@media only screen and (min-width: 1130px) {
  .res_f1	{height: 281px;width:49.1%;float: left;margin: 0.43%;}
	.res_b1	{height: auto;width:49.1%;float: left;margin: 0.43% 0.43% 10px 0.43%;}
	
}
@media only screen and (max-width: 1130px) {
  .res_f1	{height: 281px;width:99%;float: left;margin: 0.43%;} 	
	.res_b1	{height: auto;width:99%;float: left;margin: 0.43% 0.43% 10px 0.43%;}
	
}

.bubbles {
  display: flex;
  flex-wrap: wrap;
}
.bubbles2 {
	display: block !important;
    position: relative !important;
}
.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;	
}
.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;
	}
.form_input_inscription
{
	width:50%;
}
.form_input_inscriptionmail
{
	width:75%;
}
.centreactu_bullessbox {
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	border: solid 1px #C8C8C8;
	text-align: center;	
}
.calculateur_head {
	border-spacing: 0px;
	border-top:solid 2px #C8C8C8;
	border-left:solid 2px #C8C8C8;
	border-right:solid 2px #C8C8C8;
	border-bottom:solid 2px #C8C8C8;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	min-width:60px;
	}
.calculateur_left {
    border-collapse: separate 1px;
	border-spacing: 0px;
	border-top:solid 2px #C8C8C8;
	border-left:solid 2px #C8C8C8;
	border-right:solid 2px #C8C8C8;
	border-bottom:solid 2px #C8C8C8; 
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	min-width:50px;
}
.calculateur_body {
    border-collapse: separate 1px;
	border-spacing: 0px;
	border-top:solid 2px #C8C8C8;
	border-left:solid 2px #C8C8C8;
	border-right:solid 2px #C8C8C8;
	border-bottom:solid 2px #C8C8C8;
	min-width:60px;
}
@media only screen and (min-width: 1010px) {
  .calculateur_all	{width:75%;}
	.calculateur_bio	{width:40%;}	
}
@media only screen and (max-width: 1010px) {
  .calculateur_all	{width:99%;} 
	.calculateur_bio	{width:70%;}
}
.boutton_pool {
	background-color: #fee499;
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.boutton_pool:hover {
	background-color: #f1c23d;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.03);
}
.boutton_pool_select {
	background-color: #f1c23d;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.bouttonlast_pool {
	background-color: #fee499;
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
.bouttonlast_pool:hover {
	background-color: #f1c23d;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 0px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	transform: scale(1.03);
}
.bouttonlast_pool_select {
	background-color: #f1c23d;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 0px;
	float: left;
	width: auto;
	height: 20px;
	border-radius: 3px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
/***************************Formulaire Input calculateur*********************************************/
.formulaire_calculateur
	{
	 background-color: #C8C8C8;
		padding-right: 2px;
		padding-left: 2px;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		text-align: center;
		width: 80%;
		margin-bottom: 3px;
	}
.formulaire_calculateur:hover
	{
	 background-color: #C8C8C8;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		outline:solid 1px #f8d36b;
		text-align: center;
		width: 80%;
		margin-bottom: 3px;
	}
	.formulaire_calculateur:focus
	{
	 background-color: #C8C8C8;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		outline:solid 1px #f8d36b;
		text-align: center;
		width: 80%;
		margin-bottom: 3px;
	}
.formulaire_calculateur:-webkit-autofill,
.formulaire_calculateur:-webkit-autofill:hover,
.formulaire_calculateur:-webkit-autofill:focus {
    -webkit-text-fill-color: #353b6d !important;
    font-weight: bold;
    border-radius: 4px;
	transition: background-color 9999s ease-out, color 9999s ease-out;
}
/************************************************/
/***************************Formulaire Input inventaire*********************************************/
.formulaire_inventaire
	{
	 background-color: #C8C8C8;
		padding-right: 2px;
		padding-left: 2px;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		text-align: center;
		margin-bottom: 3px;
	}
.formulaire_inventaire:hover
	{
	 background-color: #C8C8C8;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		outline:solid 1px #f8d36b;
		text-align: center;
		margin-bottom: 3px;
	}
	.formulaire_inventaire:focus
	{
	 background-color: #C8C8C8;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		outline:solid 1px #f8d36b;
		text-align: center;
		margin-bottom: 3px;
	}
.formulaire_inventaire:-webkit-autofill,
.formulaire_inventaire:-webkit-autofill:hover,
.formulaire_inventaire:-webkit-autofill:focus {
    -webkit-text-fill-color: #353b6d !important;
    font-weight: bold;
    border-radius: 4px;
	transition: background-color 9999s ease-out, color 9999s ease-out;
}
/************************************************/
.div_profil {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	float: left;	
}

	@media only screen and (min-width: 1050px) {
	.reglage_profil{width: 50%;}
	.reglage_donation{width: 60%;}
	.reglage_donation_progress{width: 40%;}	
}	
	@media only screen and (max-width: 1050px) {
	.reglage_profil	{width: 90%;margin-bottom: 3%;margin-left: 5%;}
	.reglage_donation{width: 98%;margin-bottom: 3%;}
	.reglage_donation_progress{width: 70%;margin-bottom: 3%;}	
}
.centreactu_bulle {
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	border: 1px solid #C8C8C8;
	text-align: center;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);	
}

.barprogress_don{
	background-color: #C8C8C8;
	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; 
}
.fiche_chainerstap {
	border-radius: 10px;
	border: 2px solid #C8C8C8;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	padding: 5px;
	margin-top: 10px;
	float: left;
	margin-left: 1%;
	}
.titre_cartert {
	background: linear-gradient(180deg, #ffd075, #f4ab1b);
	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: 1180px) {	
	.reglage_tap{width: 19.14%;float: left;height: 280px;margin: 0.43%;}
	}	
@media only screen and (max-width: 1190px) {
	.reglage_tap{width: 24.14%;float: left;height: 280px;margin: 0.43%;}
}
@media only screen and (max-width: 950px) {
	.reglage_tap{width: 32.47%;float: left;height: 280px;margin: 0.43%;}
}
@media only screen and (max-width: 697px) {
	.reglage_tap{width: 49.14%;float: left;height: 280px;margin: 0.43%;}
}

@keyframes clignote_flash {
  0%   { border:solid 2px #D3D3D3; }
  40%   {border:solid 2px #FF7275; }
  100% { opacity:#000000; }
}
.flash_info {
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 10px;
	border:solid 2px #D3D3D3;
	animation-duration: 2s;
   	animation-name: clignote_flash;
   	animation-iteration-count: infinite;
   	transition: none;
	height: 20px;
	
}

@media only screen and (min-width: 1190px) {	
	.reglage_saison_reward{width: 35.28%;float: left;height: auto;margin: 0.43%;}
	.reglage_pe_reward{width: 43.28%;float: left;height: auto;margin: 0.43%;}
	.reglage_saison_quest{width: 63%;float: left;height: auto;margin: 0.43%;}
	.reglage_pe_multiple{width: 55%;float: left;height: auto;margin: 0.43%;}
	.reglage_simu_farm{width: 68.28%;float: left;height: auto;margin: 0.43%;}
	.reglage_simu_resume{width: 30%;float: left;height: auto;margin: 0.43%;}
	.reglage_img{margin-bottom: 10px;}
	.scroll_pe_event{
	height: 1200px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
    scrollbar-color: #6e6f7d #C8C8C8;
    border-radius: 4px;
	}
	.scroll_simu_farm{
	height: 700px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
    scrollbar-color: #6e6f7d #C8C8C8;
    border-radius: 4px;
	}
	}	
@media only screen and (max-width: 1190px) {
	.reglage_saison_reward{width: 99%;float: left;height: auto;margin-left: 0.43%;margin-top: 0.43%;margin-bottom: 10px;}
	.reglage_pe_reward{width: 99%;float: left;height: auto;margin-left: 0.43%;margin-top: 0.43%;margin-bottom: 10px;}
	
	.reglage_saison_quest{width: 99%;float: left;height: auto;margin-left: 0.43%;margin-right: 0.43%;margin-bottom: 10px;margin-top: 0.43%;}
	.reglage_pe_multiple{width: 99%;float: left;height: auto;margin-left: 0.43%;margin-right: 0.43%;margin-bottom: 10px;margin-top: 0.43%;}
	
	.reglage_simu_farm{width: 99%;float: left;height: auto;margin-left: 0.43%;margin-right: 0.43%;margin-bottom: 10px;margin-top: 0.43%;}
	.reglage_simu_resume{width: 99%;float: left;height: auto;margin-left: 0.43%;margin-top: 0.43%;margin-bottom: 10px;}
	.reglage_img{margin-bottom: 10px;}
	.scroll_pe_event{
	height: 500px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
    scrollbar-color: #6e6f7d #C8C8C8;
    border-radius: 4px;
	}
	.scroll_simu_farm{
	height: 400px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
    scrollbar-color: #6e6f7d #C8C8C8;
    border-radius: 4px;
	}
}
.encadrer_pe_info {
	float: left;
	padding: 5px;
	height: 38px;
	border-radius: 5px;
	border: 1px solid #C8C8C8;
	margin: 2px;
}
.encadrer_pe_event {
	border-radius: 5px;
	border: 1px solid #C8C8C8;
	margin: 0.1%
}
.encadrer_pe_event3 {
	border-radius: 5px;
	border: 1px solid #f0f6ff;
	margin: 0.1%
}
.limite_taille_img{
	min-width: 30px;
}
.encadrer_pe_event2 {
	border-radius: 5px;
	background-color: rgba(98, 187, 95, 0.3);
	border: 1px solid #E0980A;
	margin: 0.1%
}

.encadrer_gain {
	border-radius: 5px;
	border: 1px solid #C8C8C8;
	margin: 0.1%
}
.encadrer_gain2 {
	border-radius: 5px;
	border: 1px solid transparent;
	margin: 0.1%
}
.encadrer_gain_m {
	border-radius: 0px;
	border: 1px solid #C8C8C8;
	background:#e9f3ff;
	margin: 0.1%
}
.encadrer_gain2_m {
	border-radius: 0px;
	border: 1px solid transparent;
	background:#e9f3ff;
	margin: 0.1%
}
.encadrer_gain_mp {
	border-radius: 0px;
	border: 1px solid transparent;
	background:#e9f3ff;
	margin: 0.1%
}
.encadrer_gain2_mp {
	border-radius: 0px;
	border: 1px solid #e9f3ff;
	background:#e9f3ff;
	margin: 0.1%
}
/***************************Formulaire filtre seed*********************************************/
.formulaire_filtre
	{
	 background-color: #C8C8C8;
		padding-right: 2px;
		padding-left: 2px;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		text-align: center;
		margin-bottom: 3px;
		}
.formulaire_filtre:hover
	{
	 background-color: #C8C8C8;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		outline:solid 1px #f8d36b;
		text-align: center;
		margin-bottom: 3px;
		transform: scale(1.03);
	}
	.formulaire_filtre:focus
	{
	 background-color: #C8C8C8;
		border:0px;
		 border-radius: 4px;
		color: #353b6d;
		font-weight: bold;
		outline:solid 1px #f8d36b;
		text-align: center;
		margin-bottom: 3px;
	}

        
/************************************************/
/***********************Boutton page / page suivante***********************/
.page_suivante
	{
	 background: linear-gradient(180deg, #f8d36b, #fee499);
		padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
		border:0px;
		 border-radius: 3px;
		color: #353b6d;
		font-weight: bold;
		text-align: center;
		    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
.page_suivante:hover
	{
	 background: linear-gradient(180deg, #ffd075, #f4ab1b);
		border:0px;
		 border-radius: 3px;
		padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
		color: #353b6d;
		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: linear-gradient(180deg, #ffd075, #f4ab1b);
		border:0px;
		padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
		 border-radius: 3px;
		color: #353b6d;
		font-weight: bold;
		outline:solid 1px white;
		text-align: center;
		    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}

.pageselect_suivante
	{
	background: linear-gradient(180deg, #ffd075, #e49a07);
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: 0px;
	border-radius: 3px;
	color: #353b6d;
	font-weight: bold;
	text-align: center;
		    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
.pageselect_suivante:hover
	{
	background: linear-gradient(180deg, #ffd075, #e49a07);
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: 0px;
	border-radius: 3px;
	color: #353b6d;
	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: linear-gradient(180deg, #ffd075, #e49a07);
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: 0px;
	border-radius: 3px;
	color: #353b6d;
	font-weight: bold;
	text-align: center;
		    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
	}
/**************************************************/
.timer_saison {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	border: solid 2px #C8C8C8;
	height: 40px;
}
.couleur_gold {
	color: #fcb300; 
}
.bulle_gold {
	
	padding-top: 0px;
	border-radius: 10px;
	border: solid 2px #fcb300;
	text-align: center;
}
.bulle_gold_ok {
	background: #e1fff1;
	padding-top: 0px;
	border-radius: 10px;
	border: solid 2px #fcb300;
	text-align: center;
}
.couleur_free {
	color: #186668;
}
.bulle_free {
	
	padding-top: 0px;
	border-radius: 10px;
	border: solid 2px #186668;
	text-align: center;
}
.bulle_free_ok {
	background: #e1fff1;
	padding-top: 0px;
	border-radius: 10px;
	border: solid 2px #186668;
	text-align: center;
}
.gainrecompsaison {
	
	border-radius: 3px;
	border: 2px solid #62BB5F;
}
.saisongainscroll {
	width: 100%;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #6e6f7d #C8C8C8;
   	scrollbar-width: thin;
	height: 1150px;
	text-align: center;
		
}
/*******************************************************/