* { margin: 0; padding: 0; }

@font-face { font-family: Augusta; src: url('fonts/Augusta.ttf'); }

body   { 
	font:9pt helvetica, arial, tahoma, verdana, sans-serif;
	height: 100%;
	width: 100%;
	background: #fff5c9;
}

select{
	max-width: 200px;
}

input[disabled] {
    pointer-events: all;
}

.bg_layer{background-repeat: no-repeat;	background-position:center top; background-attachment:fixed; padding-bottom:30px;}
.bg_layer.histoire	{background-image:url(/images/design/background/histoire.jpg);}
.bg_layer.regles	{background-image:url(/images/design/background/regles.jpg);}
.bg_layer.site		{background-image:url(/images/design/background/site.jpg);}
.bg_layer.communaute{background-image:url(/images/design/background/communaute.jpg);}
.bg_layer.commun	{background-image:url(/images/design/background/BanniereV5.jpg); background-attachment:scroll;padding-top:400px;}
.bg_layer.commun .banniere{display:none;}

.layer{	/*démarre sous la top barre*/	
	min-height:400px;
	min-width:900px;
	max-width:1220px;
	padding:8px 5px 0 5px;
	margin: 0px auto 0px auto;
}
.layer.classe_layer {
    max-width: calc(260px * 5 + 200px);
}
.layer.city_layer {
    max-width: calc(260px * 5);
}

h1{text-align:center;margin:5px  0 8px 0; color:#000; 	 font:22pt Augusta;}
h2{text-align:center;margin:0    0 8px 0; color:#1b763d; font:20pt Augusta;}
h3{padding-left:50px;margin:20px 0 6px 0; color:#c92e2e; font:17pt Augusta;}
h4{padding-left:30px;margin:10px 0 3px 0; color:#035221; font:14pt Augusta;}
h5{padding: 0 0 5px 5px;								   font:12pt Augusta;}
h3.c, h4.c, .c h3, .c h4, .c h5{padding:0;}

hr:not(.dashed){margin:20px 0 20px 0;color:#000;height:20px;background: url(/images/design/hr.png) center no-repeat;border:0;opacity: 1;}
hr.dashed {margin:10px 0 10px 0; border-top: 1px dashed #b39043; }

fieldset{padding: 10px 12px 15px 12px;border:1px solid #cdb769;margin: 0 10px 10px 10px;}
legend{font-weight:bold;color:#00478a;padding:0 6px 0 6px;}
option{background:#fffcef;}
a img{border:0px;}
form .titre_champ{font-weight:bold;}
.erreur{color:#c10f0f;font-weight:bold;}
form input[type=submit].gauche{margin-left:20px;}
form .valide	{background:#abe796;font-weight:bold;border:1px solid #000; color:#247c05; padding:1px 2px 1px 2px;}
form .invalide	{background:#f6b8b8;font-weight:bold;border:1px solid #000; color:#b10c0c; padding:1px 2px 1px 2px;}
form .forminfo	{border:1px solid #9b8020; padding:10px;background:url('/images/design/parchemin_fonce.png');}

.banniere{text-align:center;margin:20px 0 25px 0;}
.bg_layer.commun .banniere{visibility:hidden;}

.c{text-align:center;}
.r{position:relative;}
.b{font-weight:bold;}
.g{text-align:left !important;}
.fr{float:right;}
.fl{float:left;}
.clear{clear:both;}
.petit{font-size:7pt;}
.d-flex{display: flex;}
.d-flex .clear { flex-basis: 100%; height: 0;}
.m-0 { margin: 0 !important; }
.ml-0, .mx-0 { margin-left: 0 !important;}
.mr-0, .mx-0 { margin-right: 0 !important;}
.align-items-start{align-items: start;}
.align-items-center{align-items: center;}
.break{flex-basis: 100%; height: 0;}
.d-inline{display: inline;}
.d-inline-block{display: inline-block;}

/*Tableaux*/
.table_classic{border-collapse:collapse;margin:5px auto 15px auto;
	background:url('/images/design/parchemin.jpg') #f4e8b0;border:1px solid #b39043;}
.table_classic.g{margin-left: 10px;}
.table_classic td{border:1px solid #b39043; border-top-width:0; padding:3px;}
.table_classic .noborder-bot td{border-bottom: none;}
.table_classic tr:hover{background-image:none;background-color: #d9ecff;}
.table_classic.no_highlight tr:hover{background: none;} /*empeche le passage en bleu à la souris*/

.table_classic thead th{background:#4fa241;	padding:3px; color:#FFF;border:1px solid #277410;}
.table_classic thead a{color:#FFF !important;}

.table_classic td.icone_joueur{padding:0;width:40px;text-align:center;}
.table_classic td.icone_joueur img{margin: 0 0 -3px 0;}

.large{min-width:100%;}
.moyen{min-width:650px;}
.ligne_diff{background-image:url('/images/design/parchemin_clair.jpg');} /*ligne différente*/

/* boite de base*/
.box{margin:5px 10px 10px 10px;}
.box > h2, #rapport > h2, .box > h5{
	background:#4fa241 url('/images/design/h2.png') repeat-x;
	font-weight:normal;
	font-size:16pt;
	color:#fff5c9;
	text-align:left;
	padding:0 0 0 5px;
	margin:0;
	border:1px solid #398c39;
	border-radius: 4px 4px 0 0;
	-moz-border-radius : 4px 4px 0 0;
}
.box > h2 .deco_droite{background-image:url(/images/design/feuilles_or_droite.png); width:140px; height:20px;float:right;}
.box > h5 .deco_droite{background-image:url(/images/design/feuilles_or_droite_small.png); width:96px; height:15px;float:right;}


.box h5{font:12pt Augusta;}
.box h2 a{color:#FFF;}
.box h2.bg_titre_rouge, #rapport > h2{background: #c11717 url('/images/design/h2_rouge.png') repeat-x;border-color:#a71414;}

.box .inbox{padding:4px; background:url('/images/design/parchemin.jpg');
	border:1px solid #b39043;
	border-top-width:0;
	border-radius: 0 0 4px 4px;
	-moz-border-radius : 0 0 4px 4px;
}
.box .inbox:first-child{border-radius:4px;-moz-border-radius :4px; border-top-width:1px;}
.box .inbox h3{margin-top:0px;} /* pour eviter les écarts avec le haut du bloc dont c'est le titre*/
.box .inbox .error{padding:10px;font-weight:bold;}

.box .header{position:relative;}
.box .header div{position:absolute;top:0; z-index:1; background-position:left; background-repeat: no-repeat;}
.box .header.objets{padding-top:76px;}
.box .header.objets div{background-image: url(/images/design/objets.png);width:90px;height:100px;}
.box .header.objets h2{	margin-left:50px;padding-left:40px;}

/*éléments de la box*/
.box ul{margin-left:20px;}
.box table.table_classic td{background-color:#f6eab3;}

/*icone avant le début d'une ligne*/
.icone_liste{vertical-align:middle;}	


/*boutons*/
.lien_bouton, input[type=submit], input[type=button]{
	font:bold 13px Helvetica, arial, serif;
	color:#FFF !important;
	text-align:center;
	background: #479a2a;
	border: 1px solid #2c6a1e;
	cursor:pointer;
	text-decoration:none;
	border-radius: 5px;
	-moz-border-radius : 5px;
	overflow: visible;
}
.lien_bouton:disabled, input[type=submit]:disabled, input[type=button]:disabled {
    background: grey; border: 1px solid black;
}
input:disabled { color: #aaaaaa; }
input[type=submit], input[type=button]{padding:1px 4px 1px 4px;}
.lien_bouton, input.lien_bouton {padding:2px 5px 2px 5px;}
.lien_bouton:hover, input[type=submit]:hover, input[type=button]:hover{
	background:#bd1d1d;text-decoration:none !important;border-color: #cb3939;
}

.fond_normal{background:#f6eab3;padding:5px;border:1px solid #b39043;margin:3px;}
.fond_clair{background:#fff5c9;padding:5px;border:1px solid #b39043;margin:3px;}

.icone, .regles .table_MA .icone{height:50px;width:50px; border:1px solid black;border-radius: 5px;}
.regles .table_MA .icone{display:inline-block; margin:5px;}
.bordure{border:1px solid black;}

.icone.type_4{border-radius: 25px;overflow: hidden;}

.lien_perso  	 {color:black !important; text-decoration:none; font-weight: bold;}
.lien_perso:hover{color:#942217;}

/*couleurs effets*/
.effets{color:#0a51a9;}
.immunites{color:#945400;}

.immunites .negatif, .immunites .full_positif{color:#4e8841;}
.immunites .positif{color:#b74848;}
.effet{display: inline-block;}
.effet.positif, .effets .full_positif{color:#178514;}
.effet.negatif{color:#f42f2f;}
.effet.non_cumulable{color:#686161;}

/*barres de conso*/
.barre{}
.barre .max{position:relative;border: 1px solid black;text-align:left;background:#fff5c9;}
.barre .restants{}
.barre .nom{float:left;height:10px;font-size:8pt;}
.barre .text_avancement{position:absolute;width:60px;text-align:center;}

.b_conso{width:168px;margin:2px 0 2px 0;}
.b_conso .max, .b_conso .restants{height:10px;}
.b_conso .max{margin-left:23px;width:140px;}
.b_conso .nom{font-weight:bold;}
.b_conso .text_avancement{top:-1px;left:40px;font-size:7pt;}

.b_conso .PV{background:url('/images/design/barres/PV.gif');}
.b_conso .PM{background:url('/images/design/barres/PM.gif');}
.b_conso .PF{background:url('/images/design/barres/PF.gif');}
.b_conso .PA{background:url('/images/design/barres/PA.gif');}
.b_conso .Mvt{background:url('/images/design/barres/Mvt.gif');}

/*barres de stats*/
.stat_barre{height:10px;}
.table_stats{width:750px;}
.table_stats .nom{width:150px;}
.table_stats .nb{width:40px;text-align:center;font-weight:bold;}
.table_stats .pourcent{width:50px;text-align:center;}

/*INDEX*/
/*.index{background: center top no-repeat scroll url('/images/design/background/index.jpg');}*/
.index .banniere{margin:40px 0 45px 0; visibility:hidden;}
.liens_forum {width: 35%;float:right;margin:0 0 10px 0;}
.liens_forum h2 {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.liens_modifs{clear:right;width:35%;float:right;margin:0 0 10px 0;}
.compte{width:62%;}
.compte .inbox{min-height:270px;}
.compte img{vertical-align:top;}
.box h2 .nb_coms{float:right;}
#form_connect{margin-top:5px;text-align:center;}
#form_connect input[type=text], #form_connect input[type=password]{	width:132px;margin-bottom: 2px;}
#form_connect input[type=submit]{margin-top:5px;}
#form_connect fieldset{padding: 0; margin:0; border: none;}

.inscription_bouton{display:block;padding:4px;border:2px solid #180e9b;margin:auto;width:115px;
	background:#bbc5f9;font-size:13pt;font-weight:bold;color:#180e9b;text-align:center;font-family :  tahoma, helvetica, Arial, sans-serif;}
.inscription_bouton:hover{text-decoration:none !important;background:#a4c2ff;}


/*APERCU*/
.apercu img{vertical-align:text-top;}

/*CLASSEMENT*/
.classement .nav .type{font-size:13pt;}
.classement .nav .race_links .lien_bouton_race{
	font:bold 13px Helvetica, arial, serif;
	margin:1px;
	text-align:center;
	text-decoration:none;
	border-radius: 5px;
	-moz-border-radius : 5px;
	padding:4px 8px 4px 8px;}
.classement .nav .race_links .lien_bouton_race:hover{border:1px solid black;margin:0px;}
.classement .table_classic{border-collapse:collapse;border: 1px solid black;margin:5px auto 5px auto;width:600px;}
.classement .table_classic td{border:1px solid  #000;padding:3px;}
.classement .table_classic  .c_icone{padding:0;width:40px;height:40px;}
.classement .table_classic  .c_icone img{margin: 0 0 -3px 0;}


/* PAGE ACTION STANDARD*/
.page_action{max-width:950px;margin:auto;}
.page_action .avatar{width:250px;text-align:center;float:left;margin:0 5px 0 5px;}
.page_action .droite_avatar{margin-left:270px;}

/* PLUS INFOS*/
.infos_perso{width:990px;margin:auto;}
.infos_perso td{vertical-align:top;}
.infos_perso .c_avatar{text-align:center;width:250px;padding-top:5px;}
.infos_perso .c_equipement{width:250px;}
.infos_perso .c_infos{padding:0 10px 0 10px;}
.infos_perso .c_infos .attitude{float:right;}
.infos_perso .c_infos .attitude .icone{margin-left:5px;}
.infos_perso .c_infos .actions {display:flex}
.infos_perso .c_infos .actions .icone{margin:0 0 5px 5px;}
.infos_perso .action_speciales .inbox{padding:10px;}
/*artisanat*/
.artisanat div.recette {display: flex; justify-content: center; align-items: center;}
.artisanat tr.recette .ingredients {display: flex; justify-content: flex-start;}
.artisanat .recette { min-height:50px;margin:8px 0 12px 0;}
.artisanat .recette .transmute{margin:6px 8px 0 8px;}
.artisanat .recette .icone{margin:4px 5px 0 5px;}
.artisanat .recette .icone_success .icone {border:4px solid green;margin: 0px 2px 0 2px;}
.artisanat .recette .icone_warn .icone {border:4px solid orange;margin: 0px 2px 0 2px;}
.artisanat .recette .ib {
    display: flex; /* contexte sur le parent */
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center; /* alignement vertical */
    min-height: 50px;
    text-align: center;
}

.artisanat ul.avancement{margin-left:0px; list-style: none;}
.artisanat ul.avancement .progression_terminee{font-weight : bold; color:#247c05;}
.artisanat ul.avancement .progression_en_cours{font-weight : bold;}

.artisanat-tabs table {margin: auto; border-spacing: 0px 8px;}
.artisanat-tabs table tr:not(:first-of-type) h3 {margin-top: 1.5rem;}
.artisanat-tabs .ui-tabs-anchor{width: 85px;}

/*centre*/
.infos_perso .table_classic{margin:5px 10px 5px 10px;}
.infos_perso .table_classic .cell_g{text-align:center;vertical-align:middle;font-weight:bold;width:120px;}
.infos_perso .table_classic .cell_d{}
/*tables events*/
.table_events .t, .table_events_mini .t{width:20px;height:20px;padding:0;background-repeat:no-repeat;background-position:center;}	/*type*/
.table_events .ci	 {border-right:none;max-width:600px;min-width:500px;} /*cellule infos*/
.table_events .cis{border-left:none;width:250px;text-align:left;} /*cellule infos supplementaires*/
.table_events td, .table_events_mini td {padding:2px;}
.form_events{text-align:center;clear:both;margin-top:20px;}
/*etats*/
.etat1{color:#247c05;}
.etat2{color:#dc8d11;}
.etat3{color:#e7501b;font-weight:bold;}
.etat4{color:#ba3000;font-weight:bold;}

/*PERSONNAGE*/
.personnage{margin-bottom:30px;text-align:justify;}

/*TABLEAU DE CHASSE*/

/*
.tdc .table_classic{margin-bottom:30px;width:700px;}
.tdc .table_classic td.date{width:160px;text-align:center;}
.tdc .table_classic td.icone_joueur{width:46px;}
*/
.tdc{width:950px;margin:auto;}
.tdc .event{border: 1px solid #b39043; padding:2px; width:205px; min-height:45px;background:#fff5c9;font-size:8pt; float:left; margin:5px;}
.tdc .event .nom{font-size:9pt;font-weight:bold;}
.tdc .event .head{min-height:46px;}
.tdc .event img.icone_perso{float:left;margin:2px;}
.tdc .box{margin-bottom:30px;}

/* menu plus infos */
.menu_plus_infos{width:370px;margin:auto;margin-bottom:10px;}
.menu_plus_infos .head{min-height:45px;}
.menu_plus_infos .nom{font:22pt Augusta;padding :3px 0 3px 0;margin-left:55px;}
.menu_plus_infos .icone_layout{float:left;}
.menu_plus_infos .liens{height:22px;background:#fff5c9;border-radius: 3px;}
.menu_plus_infos .liens a{
	display:block; height:18px;float:left;padding:2px 8px 2px 8px;
	text-align:center;font-size:11pt;color:#000;}
.menu_plus_infos .liens a.selected{ font-weight:bold;}



/* INVENTAIRE */
.inventaire {margin:auto;margin-top:10px;width:1000px;}
.inventaire .bloc_gauche{width:700px;}

.inventaire .barre{margin:2px;}
.infos_poids{width:272px;height:82px;float:left;margin-top:0px;margin-left:15px;}
.b_poids.barre{width:237px;}
.b_poids.barre .restants{height:20px;background:url('/images/design/barres/magie_expertise.gif');}
.b_poids.barre .max{height:20px;margin-left:35px;}
.b_poids.barre .text_avancement{top:3px;left:75px;font-size:9pt;font-weight:bold;}
.b_poids.barre .nom{width:35px;font-size:9pt;font-weight:bold;padding-top:3px;}

.inventaire .objets{width:445px;margin-left:20px;float:left;}
.inventaire .objets .inbox{min-height:280px;}
.inventaire .objets .icone.objet{float:left;cursor:pointer;}
.inventaire .objets .icone.objet{margin:5px;}

.inventaire .munition{float:left;width:195px;margin-top:0px;height:82px;}
.inventaire .munition .icone{margin-top:0;}

.inventaire .infos_compte{float:left;width:153px;margin:0 0 0 13px;}

.inventaire #rapport{width:256px !important;float:right;min-height:400px;display:block !important;margin-top:18px;}
.inventaire #rapport .ib{margin:10px auto 10px auto;}
.inventaire #rapport .inbox{height:100%;min-height:400px;}

.inventaire .equipement{float:left;margin:5px 5px 5px 10px;}
/*position necessaire pour l'absolu*/
.equipement{width:195px;} 
.equipement .inbox{height:280px;position:relative;background: url('/images/engine/objets/persos_equipement/nu.jpg');}
.c_profil .equipement{ margin-bottom:5px;margin-left:auto;margin-right:auto;}

.equipement img{cursor:pointer;}
.equipement .tete{					top:10px;	left:72px;	position:absolute;}
.equipement .dos{					top:10px;	left:136px;	position:absolute;}
.equipement .main_droite{			top:85px;	left:5px;	position:absolute;}
.equipement .main_gauche{			top:85px;	left:136px;	position:absolute;}
.equipement .corps{					top:85px;	left:72px;	position:absolute;}
.equipement .doigt{					top:145px;	left:5px;	position:absolute;}
.equipement .mains{					top:145px;	left:136px;	position:absolute;}
.equipement .pieds{					top:225px;	left:72px;	position:absolute;}
.equipement .main_droite_secondaire{top:225px;	left:5px;	position:absolute;}
.equipement .main_gauche_secondaire{top:225px;	left:136px;	position:absolute;}

.icone.objet{text-align:left;}
.icone.objet .info_qtt{position:relative;bottom:21px;}
.icone.grise{background: url('/images/design/icone_grise.png');top:0px;left:0px;position:absolute;border:0;cursor:pointer;}
.icone.grise a{display:block; width:50px; height:50px;}

.changer_munition input[type="radio"]{display:none;}
.changer_munition .bloc_objet{width:100px;cursor:pointer;margin: 5px 7px 5px 7px;}
.changer_munition .bloc_objet.coche{cursor:pointer;background:#fff1b2 url('/images/design/v_grand.png') no-repeat 65px 15px;border-width:2px;padding:2px;font-weight:bold;}


/*  MAGIE */
.infos_sort{width:255px;border:1px solid black;padding:2px;}
* html .petites_barres {margin-left:52px;}
.infos_sort .icone.sort{float:left;}
.infos_sort .sort_nom{font-weight:bold;text-align:center;}

/*barres sorts*/
.b_sort{margin-top:2px;}

.petites_barres {margin-left:60px;height:53px;}
.petites_barres .b_sort{width:200px;margin-top:5px;}
.petites_barres .b_sort .max, .petites_barres .b_sort .restants{height:10px;}
.petites_barres .b_sort .max{margin-left:40px;width:150px;}
.petites_barres .b_sort .nom{width:40px;}
.petites_barres .b_sort .text_avancement{top:0px;left:45px;font-size:7pt;}

.grande_barre {clear:both;}
.grande_barre .b_sort{width:257px;}
.grande_barre .b_sort .max, .grande_barre .b_sort .restants{height:20px;}
.grande_barre .b_sort .max{margin-left:48px;width:202px;}
.grande_barre .b_sort .nom{width:45px;padding-top:4px;}
.grande_barre .b_sort .text_avancement{top:2px;left:72px;font-size:10pt;font-weight:bold;}

.b_sort .etude{background:url('/images/design/barres/magie_etude.gif');}
.b_sort .pratique{background:url('/images/design/barres/magie_pratique.gif');}
.b_sort .expertise{background:url('/images/design/barres/magie_expertise.gif');}

/*apprendre element*/
.app_elem{max-width:980px;margin:auto;}
.app_elem .infos{width:330px;float:left;margin:0 10px 0 0;}
.app_elem .infos .barre{margin:2px auto 2px auto;}
.app_elem .avatar{width:250px;text-align:center;float:left;margin:0 5px 0 5px;}
.app_elem .choix_elem{margin: 10px 5px 5px 350px;}
.app_elem .choix_elem table{margin:auto;}
.app_elem .elements .element{margin:4px;}

.form_elements td{padding:2px;}
.form_elements .element{width:20px;padding:0 !important;}

.elements .element, .spell_types .element{border:1px solid #b39043;padding:2px;width:135px;display:inline-block;margin:7px;background:#fff5c9;cursor:pointer;}
.elements .element div{margin-left:54px;}
.elements .element img{float:left;}
.elements .element.selected , .spell_types .element.selected {margin:2px;border:6px solid #479a2a; }


.spell_types {display: table;margin: auto;text-align: center;}

.bloc_sort{width:152px;float:left;border:1px solid black;padding:2px;margin: 0 0 5px 5px;height:54px;}
.bloc_sort .icone{float:left;margin-right:2px;}

/*magie*/
.magie{width:900px;margin:auto;}
.magie .elements{display:table;margin:auto;}
.magie .table_sorts{margin:auto;}
.magie .table_sorts td{padding:3px;vertical-align:top;}

/* new magie style */
.magie .div_sorts{margin: auto;overflow: hidden;width: 801px;display:grid;grid-template-columns: 1fr 1fr 1fr;}
.magie .div_sorts .infos_sort{height: max-content;margin: 3px;}

.livre_magie {margin:auto;}
.livre_magie .table_sorts{margin:auto;}
.livre_magie .table_sorts td{padding:3px;vertical-align:top;width:290px;}
.livre_magie .table_sorts input{margin-top:23px;margin-left:5px;}
.livre_magie .table_sorts .infos_sort{float:right;}
.livre_magie .acces_sorts {width:180px;}
.livre_magie .acces_sorts.objet{margin-left:350px;margin-top:13px;}
.livre_magie .infos_consos{width:180px;}

.livre_magie .radio_bloc_sort{float:left;margin-left:15px;}
.livre_magie .radio_bloc_sort .bloc_sort{float:none;margin-left:20px;}
.livre_magie .radio_bloc_sort input{float:left;margin:23px 0 0 2px;}

.livre_magie .presentation_objet .icone_cell{width:70px;}
.livre_magie .presentation_objet .icone_cell .icone{margin:auto;}


/*récolter*/
.recolter .box.ressource_objet{width:260px;float:left;}
.recolter .box.ressource_objet .icone, .recolter .ressource_objet .ib{margin: 0 auto 5px auto;}
.recolter .box.ressource_infos{margin:13px 5px 5px 280px;}
.recolter .box.infos_profil{width:260px;float:left;}
.recolter .box.choix_recolte{margin-left:280px;}

.b_ress.barre{width:450px;}
.b_ress.barre .restants{height:20px;background:url('/images/design/barres/magie_expertise.gif');}
.b_ress.barre .max{height:20px;margin-left:75px;}
.b_ress.barre .text_avancement{top:3px;left:150px;font-size:9pt;font-weight:bold;}
.b_ress.barre .nom{font-size:9pt;font-weight:bold;padding-top:3px;}


/*Achat objets*/
.achat_objets {max-width:980px;margin:auto;}
.achat_objets .avatar{width:250px;text-align:center;float:left;margin:0 5px 0 5px;}
.table_achat{border-collapse:collapse;}
.table_achat tr{padding:2px;}
.table_achat td{padding-right:2px;}
.table_achat .icone{margin:0px;}
.table_achat .cell_icone{padding:1px;border-width:0 1px 0 1px;}
.table_achat .prix{border: 1px solid #b39043;background:#fff5c9;margin-bottom:4px;white-space:nowrap;padding:0 1px 0 1px;}
.table_achat .choix{width:24px;}
.table_achat .space{width:30px;}

/*achat comps*/
.achat_comps {max-width:950px;margin:auto;}
.achat_comps .avatar{width:250px;text-align:center;float:left;margin:0 5px 0 5px;}
.achat_comps .bloc_objet_list {display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 7px; margin-top: 5px;}
.achat_comps .bloc_objet{width:130px;height:85px;text-align:center;margin: 0;padding: 6px;}
.achat_comps .bloc_objet .icone{float:left;}
.achat_comps .bloc_objet .icone.classe img{width: 100%;}
.achat_comps .bloc_objet input.classe {vertical-align: middle; height: 50px;}
.achat_comps .bloc_objet .prix{border: 1px solid #b39043;background:#fff5c9;margin-bottom:4px;white-space:nowrap;padding:0 1px 0 1px;margin-left:55px;}
.achat_comps .bloc_objet .name { height: 1.5rem; display: flex; justify-content: center; align-items: center;}


/* PROFIL */
.profil{max-width:1100px;margin:auto;}
.profil .actions {margin:auto;}
.profil .actions td{vertical-align:top;width:176px;background:url('/images/design/parchemin_fonce.png');border:1px solid black;}
.profil .actions h4{padding-left:0; margin-top:3px;}
.profil .actions .icone{float:left;margin:0 0 5px 5px;}
.profil .maitrises_armes{padding-top:5px;}
.profil .maitrises_armes .infos_MA{float:left;margin:0 0 5px 5px;}
.profil #tableaux_carac{margin:auto;width:960px;margin-top:10px;}
.profil #tableaux_carac .tableau_groupe_carac{float:left;margin:0 15px 0 15px;}

/*comps, sorts, attitudes, objets, etc*/
.bloc_objet{border:1px solid #b39043; background: #fff5c9; float:left;
	padding:3px; width:143px; height:53px; margin-right:5px; margin-bottom:5px;}
.bloc_objet .icone{float:left;margin-right:2px;}

/*MA*/
.icone.MA{width:35px;height:35px;}
.infos_MA{width:235px;border:1px solid #b39043;padding:2px;background:#fff5c9;}
* html .infos_MA {width:244px;}
* html .petite_barre {margin-left:39px;}
.infos_MA .icone.MA{float:left;}
.infos_MA .MA_nom{font-weight:bold;text-align:center;}

/*barres MA*/
.b_MA{margin-top:2px;}

.petite_barre {margin-left:42px;height:37px;}
.petite_barre .b_MA .max, .petite_barre .b_MA .restants{height:10px;}
.petite_barre .b_MA{width:200px;margin-top:5px;}
.petite_barre .b_MA .max{margin-left:40px;width:150px;}
.petite_barre .b_MA .nom{width:40px;}
.petite_barre .b_MA .text_avancement{top:0px;left:45px;font-size:7pt;}

.grande_barre .b_MA .max, .grande_barre .b_MA .restants{height:20px;}
.grande_barre .b_MA .max{margin-left:48px;width:184px;}
.grande_barre .b_MA .nom{width:45px;padding-top:4px;}
.grande_barre .b_MA .text_avancement{top:2px;left:72px;font-size:10pt;font-weight:bold;}

.b_MA .maitrise{background:url('/images/design/barres/magie_etude.gif');}
.b_MA .expertise{background:url('/images/design/barres/magie_expertise.gif');}


/*GROUPES*/
.groupe .bloc_perso{border: 1px solid #b39043; padding:2px; width:205px;background:#fff5c9;font-size:8pt; float:left; margin:5px;}
.groupe .bloc_perso > .nom{font-size:10pt;font-weight:bold;}
.groupe .bloc_perso .grade{margin-bottom:8px;}
.groupe .bloc_perso .position{margin-bottom:8px;}
.groupe .bloc_perso .v_space{height:5px;width:100%;}
.groupe .bloc_perso img.icone_perso{float:right;border: 1px solid black;margin:2px;}
.groupe .table_events .ci{min-width:470px;}
.contenu_coffre .icone{margin:5px; float:left;}

.guilde .info{width:650px;margin:auto;}
.guilde .info .inbox{min-height:200px;}
.guilde .info img{margin:5px;}

/* GROUPES - Faction */
.batiment .amelioration { display: flex;align-items: center; justify-content: space-around;}
.amelioration form.upgrade {width:150px; text-align:center;}
.amelioration .recette {display: flex; flex: 1; justify-content: center;}
.amelioration .recette .icone{height:35px;width:35px;margin:4px 5px 0 5px;}
.amelioration .recette .icone img:first-of-type { width: 100%;}
.amelioration .recette .icone_success .icone {border:4px solid green;margin: 0px 2px 0 2px;}
.amelioration .recette .icone_warn .icone {border:4px solid orange;margin: 0px 2px 0 2px;}

.artisanat .recette .lien{float:right;margin:20px 5px 0 5px;}

/* .batiment .amelioration .icone {height:35px;width:35px;}
.batiment .amelioration .icone img:first-of-type { width: 100%;} */

/* COFFRE */
.coffre .infos{ width:250px;}

/* QUETES */
.quete .progression_terminee{font-weight : bold; color:#247c05;}
.quete .progression_en_cours{font-weight : bold;}
.quete .quete_terminee{background:#bfde75;}
.quete .quete_terminee .titre{font-weight:bold;}
.quete .recompenses {display: flex;}
.quete .recompenses .recompense {flex: 1;}
.quete .recompenses .recompense:first-child {margin-left: 0;}
.quete .recompenses .recompense:last-child {margin-right: 0;}
.quete .recompenses .recompense .icone{float:left;margin:5px;}
.quete ul.avancement {padding-left: 15px; list-style: none;}
.quete ul.avancement > li {padding: 5px;}
.quete ul.avancement > li::before {
    content: '';
    display: inline-block;
    background-image: url(/images/design/unchecked.png);
    height: 1rem;
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -20px;
    vertical-align: bottom;
}
.quete ul.avancement > li.checked::before {
    background-image: url(/images/design/checked.png);
}
.quete ul.avancement ul.sub_list{margin-left:37px; list-style: disc;}
.quete ul.avancement .sub_list{margin: 5px 0 0 20px}
.quete .avatar { display: flex; align-items: stretch; width:250px; text-align:center;margin:5px 10px 10px 0px;}
.quete .avatar .inbox{flex: 1;}
.quete .avatar .inbox .head {font: 22pt Augusta; padding: 3px 0 3px 0;}

/* MESSAGES */
.message h2{text-align:left;border-radius:0;-moz-border-radius:0;background-image:none;
	font: bold 10pt Helvetica,Arial,sans-serif;padding:3px 3px 3px 8px;}
.message .inbox{padding:0px;background:#dbc972;border-radius:0;-moz-border-radius:0;}
.message .postleft{width:150px;float:left;padding:2px 4px 0 4px;margin:0;}
.message .postleft a{font-weight:bold;}
.message .postright{margin-left:160px;padding:4px;background:#f4e8b0;}
.message .postbot{margin-left:160px;padding:0 6px 2px 6px;background:#f4e8b0;text-align:right;}

.message .incqbox{border:1px solid #b39043;background:#fff5c9;padding:5px;margin:15px 15px 10px 15px;}
.message .incqbox p{margin:0;word-wrap: break-word;}
.message .incqbox h4{font: bold 1.1em Helvetica,sans-serif;margin:0 0 8px 0;color:#000;padding:0;}
.message img {max-width: 100%;}

/* réponse */
fieldset .reponse textarea{width: 99%;}

/*BAL*/
.bal{max-width:1000px;margin:auto;}
.bal .nl{font-weight:bold;} /*non lu*/
.bal .table_classic{width:98%;}
.bal .table_classic td{padding:4px;}
.bal .table_classic .td2{background:#dbc972; text-align:center;width:80px;} /*foncé*/
.bal .table_classic .archive{background:#fbea8f;}
.bal label.select_message{background:#dbc972; padding:2px;border: 1px solid #493d05;margin:2px;}
.bal input[type=submit]{margin:0 15px 0 15px;}
.bal input.dests{width:99%;}
.bal input.titre_sujet{width:500px;margin-bottom:7px;}
.bal .reponse textarea{height:250px;}
.bal .liens_mod{float:right;text-align:right;}

/*details*/
.bal div.dest{float:left;border:1px solid black;margin:0 5px 5px 0;height:40px;width:156px;}
.bal div.dest a{color:#000;}
.bal div.dest img{float:left;border:0px solid black;margin:0 5px 0 0;}

/*bal nav bar*/
.bal .sujet_nav{margin-bottom:20px;margin-top:20px;}
.bal .nom_sujet{font-size:10pt;font-weight: bold;}
.bal .pages{float:right;}
.bal .repondre{float:left;width:155px;font-weight: bold;}

.bal p, .message p{text-indent:0 !important;word-wrap: break-word;}

/*bal auto-completion*/
#auto_complet{position:relative;}
#auto_complet ul{position:absolute;background: #fff5c9;list-style-type:none;border:1px solid #b39043;margin:0;padding:0; z-index: 10;}
#auto_complet li{padding: 3px;cursor: pointer;width:300px;height:40px;display:block;}
#auto_complet li:hover{background-color: #d9ecff;}
#auto_complet .ac_icone{float:left;margin-right:3px;margin-bottom:-3px;}
#auto_complet .ac_id{font-size:8pt;height:12px;}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 10px;
}

/*NEWS*/
.news{margin-bottom:23px;}
.news h3{margin-top:0;}
.news .inbox{padding:8px;}

/*CARTE*/
.point_personnage{
    position:absolute;
    height:6px;
    width:6px; 
    border: 1px solid white;
    outline: 1px solid black;
    cursor: pointer;
    z-index: 16;
}
.point_personnage:hover {z-index: 16;}
.bat_info, .pnj_info, .ressource_info{position:absolute;border: 1px solid #f1a746;z-index:15;}
.pnj_interactions{background-color: #5711ae; }
.ressource_info{background-color: white; transition: transform 1s linear 0.2s;}
.ressource_show_start{transform: rotate(360deg) scale(5);}
#legende_carte{width:230px;}
#legende_carte .box h2:hover{cursor:pointer;}
#legende_carte .inbox div{float:left;margin: 2px 2px 0 0;}
#legende_carte .couleur, .t_coul{width:11px;height:11px;} /* couleur d'un terrain */
#legende_carte .inbox input[type="button"]{display:block;margin:2px 0 2px 0;}
/*############################------   T O P   B A R R E  -----#############################*/
.top_barre{width:100%;min-width:1065px;	background:#70a95d url('/images/design/menu/bg.gif')	repeat-x;
	border-collapse:collapse; white-space:nowrap;
	color:#000; border-bottom:1px solid #398c39; font-size: 8pt;}
.top_barre a{text-decoration:none;color:#000;}

.top_barre .c_menu_jeu a:hover, .top_barre .c_menu_divers a:hover{color:#cdff93;text-decoration:none;}
.top_barre .c_menu_jeu 		{width:340px !important;}
.top_barre .c_menu_divers 	{width:290px !important;}
.top_barre ul{list-style-type : none;}
.top_barre li{margin:0 1px 0 1px;text-align:center;font-size:7pt;min-width: 37px;}
.top_barre .c_menu_jeu li{float:left;}
.top_barre .c_menu_divers li{float:right;}
.top_barre ul img{margin:0 0 -2px 0; max-height: 35px;}
* html .c_menu_jeu{width:245px;}

.top_barre .c_nom{width:180px;padding-left:1px;white-space: normal;}
.top_barre .c_nom a:hover{text-decoration: underline;}
.top_barre .nom{font-size:11pt;font-weight:bold;}
.top_barre .contenu_c_nom{float:left;}

.top_barre .c_heure	{width:185px; padding-right: 5px;}
.top_barre .heure{float:right;text-align:right;}


/*############################------     CONTENU   -----##################################*/
.menu_site{width:140px;float:left;color:white;padding-top:8px; margin-left:12px;}
.menu_bloc{border: 1px solid #19530b;border-width:0 1px 0 1px; margin:0px 0px 35px 0;
	background:url(/images/design/menu.png) #35851a;padding:3px 0 12px 0;position:relative;}

/*feuilles*/
.menu_bloc .feuilles{width:170px;height:15px;}
.menu_bloc .feuilles.top{background: url(/images/design/feuilles_menu_haut.png);position:absolute;right:-16px;top:-8px;}
.menu_bloc .feuilles.bot{background: url(/images/design/feuilles_menu_bas.png); position:absolute;right:-16px;bottom:-8px;}

/*bloc*/
.menu_bloc a{color:white;text-decoration:none;}
.menu_bloc h2{text-align:center;font-size:14pt;margin:8px 0 0 0;padding-bottom:3px;color:white;border-bottom: 1px solid white;}
.menu_bloc ul{list-style-type:none;}
.menu_bloc li {color:white;}
.menu_bloc li a{display:block;padding-left:7px;}
.menu_bloc li a:hover{background:#c12525;}
.menu_bloc form a:hover{background:none;text-decoration:underline;}

.contenu{background: url('/images/design/parchemin_clair.png');border: 1px solid #b58914;
    padding:8px; margin: 0 0 15px 172px;min-height:400px;min-width:780px;border-radius: 8px;-moz-border-radius : 8px;
}

.contenu_sm{background:none;border:none;margin:auto;}
.sm_exception{margin: 0 8px 8px 162px;}

/*texte*/
.contenu p, .contenu_sm p{text-align:justify;text-indent:20px;margin-bottom:4px;}

.contenu a,.contenu_sm a{color:#04328e;text-decoration:none;}
.contenu a:hover,.contenu_sm a:hover{text-decoration:underline;}


.image{margin:5px;border:1px solid black;border-radius: 6px;}
.image_legendee{margin:10px 5px 3px 5px;font-style:italic;text-align:center;}
.image.fr, .image_legendee.fr{margin: 5px 5px 5px 15px;}
.image.fl, .image_legendee.fl{margin: 5px 15px 5px 15px;}
.image_legendee.c{margin-bottom:20px;}
.image_legendee img{border:1px solid black;border-radius: 6px;}

.bloc_classe{width:160px;float:left;text-align:center;margin-bottom:10px;}
.bloc_classe img{border:1px solid black;border-radius: 6px;}
.bloc_classe .nom{font-weight:bold;}


/*Listes*/
.contenu ul{padding-left:20px;}

/*regles*/
.classe_race{clear:right;margin-bottom:20px; background: url(/images/design/parchemin.jpg);}
.classe_race img{border:1px solid black;float:right;margin-left:5px; width: 200px;}
.regles .table_MA img{float:left;} /*maitrises armes*/
.regles .table_MA div{width:100px;margin-left:42px;margin-top:10px;}

.infos_icones {margin:auto; display: flex; flex-wrap: wrap;justify-content: center;}
.infos_icones > div{padding-bottom:10px; position: relative;}
.infos_icones .icone{margin:0 auto 3px auto;}
.infos_icones .ib{margin:0 10px 0 10px;}
.infos_icones .bloc_edit {display: flex;justify-content: space-evenly;}
.infos_icones .deleted .icone{position: relative;}
.infos_icones .deleted .delete_img{position: absolute; top:0; left:0;}
.infos_icones .deleted .ib{border: solid 2px red;}
.infos_icones .success .ib{border: solid 2px green;}

.classe.infos_icones > div{
    padding-top:10px;
    margin: 0 2px;
}
.classe.infos_icones .icone{
    z-index: 2;
    position: relative;
}
.classe.infos_icones .ib{
    margin:auto;
    z-index: 2;
    position: relative;
}

.classe.infos_icones .spe{
    background: black;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
}

.classe.infos_icones .required_bg{
    clip-path: polygon(49% 0%, 49% 100%, 51% 100%, 51% 0%);
}
.classe.infos_icones .required_bg.start {
    clip-path: polygon(49% 10px, 49% 100%, 51% 100%, 51% 10px);
}
.classe.infos_icones .required_bg.end {
    clip-path: polygon(49% 0%, 49% 50%, 51% 50%, 51% 0%);
}
.classe .bg {
    background-color: rgba(0, 0, 0, 0.1);
}
.classe .bg.left { margin: 2px 0 2px 2px; border-radius: 10px 0 0 10px;}
.classe .bg.right { margin: 2px 2px 2px 0; border-radius: 0 10px 10px 0;}
.classe .bg.top { border-radius: 10px 10px 0 0; }
.classe .bg.bottom { border-radius: 0 0 10px 10px; }

.faq .question{font-size:1.2em; font-weight:bold;}

.regles .infos_elem_racial{width:500px;margin:auto; background: url(/images/design/parchemin.jpg);}
.regles .infos_elem_racial img{margin:2px 4px 2px 2px;}
.exemple{background:url('/images/design/parchemin_fonce.png');border: 1px solid #b39043;padding:7px;margin-bottom:15px;margin-top:2px;}
.formule{font-family: courier;font-size:1.2em;white-space:nowrap;background:#fff5c9;}

.choix_categorie{margin:auto;}
.choix_categorie td{font-weight:bold;text-align:center;padding:0;}
.choix_categorie.objets td{width:78px;}
.choix_categorie.races td{width:90px;}

/*histoire*/
.histoire table.chronologie td{padding:5px 8px 5px 0;}
.histoire table.chronologie td.date{font-size:10pt;}

/*############################------   P I E D  -----#############################*/
.pied{border:1px solid #286828; border-width:1px 0 0 0; background:url('/images/design/pied.png') repeat-x;
	padding:3px 10px 10px 10px;margin:0 0 10px 0; clear:both;}
.pied > ul{width:720px;margin:auto;}
.pied > ul > li{display:block;float:left;width:180px;font-size: 1.4em;font-family:Augusta, sans-serif;color:#fff;}
.pied ul ul{margin-top:10px;}
.pied ul ul li{display:block;font-weight:normal;font-size: 0.7em; font-family:Helvetica, sans-serif;}

.pied a{color:#04328e;text-decoration:none;}
.pied a:hover{text-decoration:underline;}

/*############################------   F O O T E R  -----#############################*/
.footer {padding:3px 10px 10px 10px;margin:0 0 10px 0; clear:both;}
/*############################------    I N F O B U L L E S  -----#############################*/
#infobulle{position:absolute;visibility:hidden;text-align:left;color:#000;z-index:1000;}
.ib{border: 1px solid #b39043;font-size:8pt;padding:2px;background:lightyellow;border-radius: 5px;-moz-border-radius : 5px;}
.ib .nom{font-weight:bold;text-align:center;font-size:1.2em;}
.ib .cout{}
.ib .modificateurs{}
.ib .sous_titre{font-weight:bold;}
.ib .effets{clear:right;}
.ib .immunites{clear:right;}
.ib .portee{color:#686161;}
.ib .cible{color:#c42626;}
.ib .niveau{color:#686161;}
.ib .description{margin-top:8px;clear:both;}
.ib .type{float:right;}
.ib .id{font-weight:normal;}
.ib .race{font-weight:bold;color: #d42929;}
.ib .classe{font-weight:bold;color: #d42929;}
.ib .remplace{color:red;}

/* infobulle joueur/décor */
.ij{background:lightyellow;width:275px;}
.ij .action, #tutoriel .action{color:#5711ae;margin-top:3px;}
.ij .quetes{color:#573900;margin-top:3px;}
.ij .niveau{float:right;}
.ij .guilde_nom{}
.ij .stuff{margin:0;}
.ij .attitude{float:right;color:#686161;}
.ij .mdj{margin-top:8px;}
html>/**/body .ij .in_mdj{font-style:italic;} /*hack : tout sauf IE 7 et < */

/* ib information*/
.iinf{width:180px;}

/*ib terrains*/
.it{white-space: nowrap;}
/* infobulle profil  */
.ip{width:150px;font-weight:normal;}
/*ib attitudes*/
.iatt{width:250px;}
.nom_att{text-decoration:none;color:#000;}


/*ib objets*/
.io{width:240px;padding:2px;}
.io .slot{}
.io .groupe{float:right;margin-left:10px;}

.io .action_objet_ib{border: 1px solid #9dc2ec; padding:2px; margin:0px 0px 4px 0px; background:#e8ecf3;}
.io .nom_action{color:#dba013;font-weight:bold;}
.io .cible{float:right;}

.io .perte {color:#d42929;font-weight:bold;clear:right;float:right;}
.io .poids{color:#686161;clear:right;float:right;}
.io .valeur{color:#686161;clear:right;float:right;}
.io .magique{color:#686161;float:right;clear:right;}
.io .enchantement {color:#F99F13;clear:right;}

.io .attente{color:#d42929;float:right;font-weight:bold;}
.io .cooldown{color:#686161;}

/*ib inventaire*/
.iinv{white-space:nowrap;}

/*ib effets*/
.ieff{width:225px;}
.ieff .cumulable{float:right;}
.ib.effet{text-decoration:none;color: inherit;}


/*ib elements*/
.ielem{width:240px;padding:2px;}
/*ib sorts*/
.is{width:240px;padding:2px;}
.is .niveau{float:right;}
.is .element{font-weight:bold;}
.is .cooldown{color:#686161;}
.is .attente{color:#d42929;font-weight:bold;}

/*ib comp*/
.ia{width:240px;padding:2px;}
.ia .niveau{float:right;}
.ia .PC{float:right;clear: both;color:#686161;}
.ia .cooldown{color:#686161;}
.ia .attente{color:#d42929;font-weight:bold;}

.ia .iatt{width:230px;margin:auto;background:#f4f4f0;margin-bottom:15px;}
.ia .info_att{margin-bottom:5px;}

/* ib carte*/
.ic{font-size:1em;}
.ic img{border:1px solid black; margin:1px; vertical-align:middle;}

/*############################------   R AP P O R T -----##################################*/
#rapport{
	text-align:left; margin-bottom:30px;margin-top:0;
	/*padding:3px 3px 3px 3px;border: 1px solid #b39043;background:url('/images/design/parchemin.jpg');*/
	max-height:90vh;overflow:auto;}
#rapport h3{margin-top:3px;}
#rapport .fermer{margin-top:5px;}
.rapport_titre{text-align:center;font-size:12pt;font-weight:bold;color: #5a4b16;margin-bottom:5px;font-family:"Times New Roman", arial;}

.rapport_rate			{color:red;		font-weight: bold;}
.rapport_touche		{color:#2c8323;	font-weight: bold;}
.rapport_carac_touche{color:blue;	font-weight: bold;}
.rapport_degats		{color:purple;}
.rapport_divers		{font-style:italic;}
.rapport_cout			{color:red;}
.rapport_bonus		{color:#27a91a; font-weight:bold;}
.rapport_malus		{color:#f42f2f; font-weight:bold;}
.rapport_effet			{color:#075ee1; }
.rapport_immunites	{color:#945400;}

/* events */
.e_carac_touche	{color:blue;}
.e_touche	{color:green;}
.e_rate		{color:red;	}
.e_subit_degats {color:red;	}

/* Tabs */
.tabs-nobg { 
    padding: 0px;
    border:none;
}
.ui-widget-header{
	border:none;
}
.tabs-nobg .ui-tabs-nav { 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
.tabs-nobg .ui-tabs-panel { 
    margin: 0em 0.2em 0.2em 0.2em;
}

.tabs-nobg.ui-widget-content{
    background: none; 
}
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}

.ui-state-active a{
	background-image: url('/images/design/h2.png');
	background-size: 187px 33px;
	font-weight:normal;
	color:#fff5c9  !important;
}

.ui-tabs-anchor{
	background:#FFF5C9;
	border:1px solid #b39043;
	color:black !important;
}

.ajaxtuto-comlist{clear:both;text-align: justify;text-indent: 20px;margin-bottom: 4px;}
.ajaxtuto-comlist ul{list-style-type: none; text-indent: 0px;}
.ajaxtuto-comlist ul li{ clear:both;display:inline-block;margin:5px 0px; height:36px;}
.ajaxtuto-comlist ul li img{float:left; padding-left:20px; padding-right:10px;}
#tutoriel img.icon{
    max-width: 28px;
    max-height: 28px;
    vertical-align: middle;
    margin: 1px;
}
#tutoriel p {text-indent: 0; margin-bottom: 10px;}

/* chat page */
.chat_content {
    max-width: 800px;
    margin: auto;
    padding-top: 20px;
}
.chat_content.p1 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.chat_bigicon {
    float: left;
    width: 200px;
    margin-right: 20px;
}

/* aperçu */
.ui-dialog.img_dialog_only {
    position : fixed;
    border: 1px solid #b58914;
    padding: 0;
}
.ui-dialog.img_dialog_only .ui-dialog-titlebar {
    display:none;
}
#img_dialog {
    padding: 0;
    margin: 0;
}
#img_dialog img{
    max-height: 90vh;
}
#img_dialog .title {
    text-align: center;
    margin: 0 0 8px 0;
    color: #1b763d;
    font: 14pt Augusta;
}

/* DEBUG */
.debug_console {
    float: left;
}

table.dBug_array {
    border-collapse: separate;
}


/** autre */
.infolink:after {
    content: '?';
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 0.8em;
    line-height: 0.8em;
    border-radius: 50%;
    margin-left: 6px;
    padding: 0.13em 0.2em 0.09em 0.2em;
    color: inherit;
    border: 1px solid;
    text-decoration: none;
}