/* Cette page contient les balises css qui ne changent pas quelle que soit la css employée. Ce sont les seuls éléments non modifiables via la css.
Pour le moment il contiennent uniquement une partie des lignes nécessaires pour faire fonctionner le menu déroulant. */

body{font-family:sans-serif;}
textarea{
	width:98%;}
table{margin:auto;}

ul{margin-top:0px;}
h1{font-family:sans-serif;}
h2{font-family:serif;}
h3{font-family:Georgia;}
h4{margin-bottom:2px;}

.equipage b a{text-decoration:none;word-wrap:break-word;}

.div_menu_h /* Sert à avoir un fond coloré sur toute la largeur de la page */
{
	width:100%;
	font-family:Trebuchet MS;
}

.sous_menu{}
.sous_menu h1{
	font-style:normal;
	text-align:center;
	margin: 0px 5px 10px;
	font-size:1.2em;}
.sous_menu h2{
	font-style:normal;
	font-size:1em;
	margin: 8px 5px 5px;
	text-align:center;
	}
.sous_menu ul{padding-left:25px;}
.navigation{line-height:1.5em;}

#centre #entete_vaisseau{
	padding:5px;
	text-align:center;
}
 #entete_vaisseau.sous_menu #encaps_nom{
	display:block;
	text-align:center;
 }
#entete_vaisseau h1{
	margin: 2px 5px;
	font-size:22px;
}
#entete_vaisseau.sous_menu .liens_block{
	position:relative;
	text-align: center;
}
#menu_gauche #entete_vaisseau.sous_menu .liens_block, #menu_droite #entete_vaisseau.sous_menu .liens_block{
	width:100%;
}
#centre #entete_vaisseau.sous_menu .liens_block{
	display:inline-block;
	width:calc(50% - 9px);
	padding:5px 0px;
	margin:0px;
}
#entete_vaisseau.sous_menu .lien_n1{
	display:block;
	width:60%;
	margin:8px auto;
	text-align:center;
	font-size:18px;
}

#entete_vaisseau.sous_menu .lien_n2{
	display:inline-block;
	margin: 3px 5px;
	width:calc(30% - 6px);
}
#entete_vaisseau.sous_menu .lien_n2 .ico{
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	display:block;
	margin:0px;
}
#entete_vaisseau.sous_menu .lien_n2 .expl{
	width:100%;
	text-align:center;
	font-size:9px;
	display:block;
	margin:0px;
}

#entete_vaisseau a{
	text-decoration:none;
}
#entete_vaisseau.sous_menu #nva, #entete_vaisseau.sous_menu #nvm{
	position:absolute;
	top:12px;
	display:block;
	text-align:center;
	margin:0;
  width:30px;
}
#entete_vaisseau.sous_menu #nva{
	right:10px;
}
#entete_vaisseau.sous_menu #nvm{
	left:10px;
}
#entete_vaisseau.sous_menu .liens_modo{
	text-align:justify;
	width:100%;
}

#entete_vaisseau.sous_menu .liens_debutant {
	text-align:center;
	display:block;
	font-size:13px;
	font-weight:bold;
	margin:auto;
}
#entete_vaisseau.sous_menu .liens_debutant div{
	display:inline-block;
	margin: 4px 15px;
}
#entete_vaisseau.sous_menu .liens_modo div{
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	width:90px;
	text-align:center;
	margin:3px;
}

#fiche_perso{
	text-align:center;
} 
#nom_perso{
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	padding:5px;
}
#img_perso{position:relative;width:140px;height:140px;margin:auto;}
.rawimage{
    position: absolute;
    top: 13px;
    left: 4px;
}
svg{fill:currentColor;}
#att_mutant{position:absolute;bottom:0;right:0;height:40px;}
#att_mort{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;opacity:0.5;}
#attributs_perso{
	margin-top:0px;
	text-align:center;
}
#attributs_perso img{
}
.rot{height:170px;font-family:monospace;position:absolute;top:-8px;left:0px;right:4px;margin:auto;font-size:18px;}
.rot-10{transform: rotate(-10deg);}
.rot-20{transform: rotate(-20deg);}
.rot-30{transform: rotate(-30deg);}
.rot-40{transform: rotate(-40deg);}
.rot-50{transform: rotate(-50deg);}
.rot-60{transform: rotate(-60deg);}
.rot-70{transform: rotate(-70deg);}
.rot-80{transform: rotate(-80deg);}
.rot-90{transform: rotate(-90deg);}
.rot10{transform: rotate(10deg);}
.rot20{transform: rotate(20deg);}
.rot30{transform: rotate(30deg);}
.rot40{transform: rotate(40deg);}
.rot50{transform: rotate(50deg);}
.rot60{transform: rotate(60deg);}
.rot70{transform: rotate(70deg);}
.rot80{transform: rotate(80deg);}
.rot-5{transform: rotate(-5deg);}
.rot-15{transform: rotate(-15deg);}
.rot-25{transform: rotate(-25deg);}
.rot-35{transform: rotate(-35deg);}
.rot-45{transform: rotate(-45deg);}
.rot-55{transform: rotate(-55deg);}
.rot-65{transform: rotate(-65deg);}
.rot-75{transform: rotate(-75deg);}
.rot-85{transform: rotate(-85deg);}
.rot5{transform: rotate(5deg);}
.rot15{transform: rotate(15deg);}
.rot25{transform: rotate(25deg);}
.rot35{transform: rotate(35deg);}
.rot45{transform: rotate(45deg);}
.rot55{transform: rotate(55deg);}
.rot65{transform: rotate(65deg);}
.rot75{transform: rotate(75deg);}
.rot85{transform: rotate(85deg);}
#quand{text-align:right;font-weight:bold;}
#num_jour{font-size:18px;}
#jour_sablier{position:relative;width:100%;height:10px;font-size:10px;}
.jour_sep{position:absolute;width:3px;height:3px;top:0px;}
#jour_ecoule{position:absolute;height:3px;}
#jour_nonco{position:absolute;height:1px;top:1px;}
#jour_curseur{position:absolute;height:7px;width:7px;border-radius:7px;top:-2px;}
#jour_barre{position:relative;height:3px;width:100%;}
#jour_reste{position:absolute;right:0;}
#jour_fin{position:absolute;right:0;}
#jour_depuis, #jour_debut{position:absolute;left:0;}
#jour_haut, #jour_bas{position:relative;height:15px;}
#votes_sablier{position:relative;width:100%;}
#votes_barre{position:relative;height:2px;}
#votes_actuels{position:absolute;height:2px;}
.discu{clear:both;
	margin:5px 10px;}
.discussion{width:100%;}	
.discussion tr td{padding:5px;}
.nonlu{font-weight:bold;}
.nojour{text-align:center;
	font-weight:bold;}
.queldiscu{padding: 6px 0 3px 0px;font-family:Times;text-align:center;}
.orateur{
	font-family:Helvetica, Verdana;
	vertical-align:top;
	padding: 3px 6px;
	/*width:120px;*/}
.orateur .nom{font-weight:bold;}	
.orateur .acote{float:right;display:inline-block;}
.timediscu{text-align:center;font-size:0.8em;padding:0;margin:-7px 0 -7px;}
.message{
	position:relative;
	font-family:arial;
	padding:5px 10px 5px 30px;}
.signature{font-family:Times;font-size:0.8em;margin-top:10px;}
.discuparticip{
	display:inline-block;
	width:50%;
	font-variant:small-caps;
	font-family:serif;}
.entetediscu{width:100%;overflow:auto;}
.discujour{float:right;}
.discubas{/*clear:both;*/}
.minimess{font-style:italic;font-size:0.85em;}
.astronaute{margin-bottom:7px;}
.mort{text-decoration:line-through;}
.d_perso{margin-left:10px;display:inline-block;}
.vaiss{margin:15px;}
.resume tr td{
	height:20px;
	width:70px;
}
.resume img{
	border : 0px none;
	margin : 1px;
}
.resume{position:relative;z-index:1;}
.resume tr td.noms{width:auto;}
.resume tr td.noms i{float:right;}
.resume span{white-space: nowrap;
margin : 0px 5px;}
.resume .mesinfos span{box-shadow:0 0 8px;}
.resume .mesinfos{display:inline;}

.tableau{border-top:1px solid;}
.tableau .histo_evt{
	border-top:0 none;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	padding:2px;}

#historique{
	width:100%;
}
.nocopy{
	position:relative;
}
.nocopy .cache{position:absolute;width:100%;height:100%;z-index:2;color:transparent;text-align:center;padding-top:5px;font-size:2em;}

.pres_vaisseau {
margin: 10px auto; 
max-width: 480px;
}
.pres_vaisseau .titre{
border-bottom-style: solid ;
border-bottom-width: 1px;
padding:3px 5px;
font-weight:bold;
}
.pres_vaisseau .details{
border-right-width:1px ;
border-right-style:dashed;
display:inline-block;
padding:2px 0px;}
.pres_vaisseau .equipage{
padding:2px 4px;
}
.pres_vaisseau .statut{
padding:2px 4px;
}
.pres_vaisseau .temps{
display:inline-block;
vertical-align:top;
padding: 2px 4px;
text-align: right;
}
.pres_vaisseau .jour{
float:right;
text-align:right;
}
.pres_vaisseau .jusqua{
font-weight:bold;
}

.pres_vaisseau .nouveau{
border-top-width:1px;
border-top-style: solid;
padding:2px;
font-weight:normal;
}
.pres_vaisseau .caracs{
}
.pres_vaisseau .caracs div{
	display:inline-block;
	text-align:center;
}


.nouveau{font-weight:bold;}

.navipages {
	text-align:center;
	position:relative;
	opacity:0.8;
}
.navipages a{
	display:inline-block;
	text-decoration:none;
}
.navipages .gauche{position:absolute; left:0;background-color:inherit;}
.navipages .droite{position:absolute;right:0;background-color:inherit;}
.navipages .centre{
	overflow:hidden;
	margin:auto;
	width:calc(100% - 120px);
}
.navipages .innercentre{
	margin:0px -200px;
}
.navipages a:hover{
	font-weight:bold;
	color:inherit;
}
.navipages .page_actuelle{
	display:inline-block;
	font-weight:bold;
	background-color:inherit;
}
.navipages  a,.navipages .page_actuelle{
	min-width:18px;
}
.citation{font-family:Tahoma;}
.rapport{
	border-width:2px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:10px;}
.voirchoix{
	margin-left:-80px;
	border: 1px solid;
	padding:2px;
}
.bouton:hover{
	cursor:pointer;
	text-decoration:underline;
}
.bouton{text-decoration:none;}

.contenu_meow div{padding:1px;}
fieldset{padding:5px;}
#grille_dialogues td{text-align:right;}
#grille_dialogues .intitule td{
	vertical-align:top;
	text-align:center;}

#mess_jour{
	border: solid 2px;
	margin:10px auto;
	width:80%;
	padding:5px 15px;}	
	
	
#gestion tr td table{
	margin:0px;
}	
#logos img{height:25px;}
#choix_couleurs{margin:10px;}

#menu_h, #menu_h ul
{
	list-style:none;
}

#menu_h .liste, #menu_h .connexion /*Contenu des listes */
{
	display:table-cell !important;
	display:block;
	/* On change le type d'élément pour avoir un affichage correct. Et on met table-cell pour les navigateurs non-IE pour faire marcher l'alignement vertical */
	vertical-align:middle;
	text-decoration:none;
	padding:0;
	width:190px;
	height:25px;
}


#menu_h li ul /* Sous-listes */
{ 
	position:absolute; /* Position absolue */
	left:-999em; /* Hop, on envoie loin du champ de vision */
	z-index:100;
	width:190px;
}

#menu_h li:hover ul, #menu_h li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste */
{
	left:auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}

#menu_h .connexion /* Les listes plus larges */
{
	width:200px;
}
.centrer_menu_deco
{
	width:750px;
	margin:auto;
}
#menu_h .deconnexion
{
	width:250px;
}
#corps{margin-bottom:5px;}
#centre .menu_centrable li{display:inline-block !important;margin:0 5px;}
#centre .menu_centrable {
	clear:both;
	overflow:auto;
	}
#centre .menu_centrable p,#centre .menu_centrable div,#centre .menu_centrable fieldset{
	display:inline-block;margin : 0 25px 4px 25px;}
#centre .menu_centrable div p{margin-right:initial;margin-left:5px;}
#centre .menu_centrable div .taggy_pair,#centre .menu_centrable div .taggy_impair{display:block;margin:initial;}
#centre .menu_centrable h2,#centre .menu_centrable form{clear:both;}
#centre {vertical-align:top;border:none;padding: 5px;}
#tout{width:100%;background-color:transparent;}

@media screen and (min-width: 500px){
.centrer_menu_co {
margin:auto;
width:960px;
}
#menu_h li /* Elements des listes */      
{ 
	float:left;
}


#menu_gauche
{vertical-align:top;
	margin:0px;
	padding:5px 0 0 5px;
	width:300px;
	border:none;
}

#menu_droite
{vertical-align:top;
	margin:0px;
	padding:5px 5px 0 0;
	width:300px;
	border:none;
}
.pres_vaisseau .temps{
width:145px;}

.pres_vaisseau .details{
width:320px;
}
.pres_vaisseau .regle{width:128px; }
.pres_vaisseau .mj{
	width:75px;
	border-left:1px dashed;
	border-right:1px dashed;
}
.pres_vaisseau .anon{width:115px;}

}
@media screen and (max-width: 499px){
.banniere
{
  height:auto !important;
}
.banniere img{
  max-width:100%;
}
#habillage_gauche,#habillage_droite{
  max-width:100%;
}
.centrer_menu_co {
margin:auto;
width:100% !important;
}
.div_menu_h /* Sert à avoir un fond coloré sur toute la largeur de la page */
{
  height:auto !important;
}
#menu_h li /* Elements des listes */      
{ 
  display: inline-block;
}

#tout{
  display:block;
  clear:both;
}
#centre{
  display:block;
  width:100% !important;
}
#menu_gauche
{
  display:block;
	margin:0px;
	padding:5px 0 0 5px;
	border:none;
  width:100% !important;
}

#menu_droite
{
  display:block;
	margin:0px;
	padding:5px 5px 0 0;
	border:none;
  width:100% !important;
}
.pres_vaisseau .temps{
width:calc(35%-10px);}

.pres_vaisseau .details{
width:65%;
}
.pres_vaisseau .caracs div{
  padding:0 2px;
  font-size:0.8em;
}
#ins_email {
    width: calc(100% - 75px);
}
}
select.depasse-pas{
	overflow:hidden;
	width:100%;
}

#menu_h .connexion ul
{
	width:200px;
}

#menu_h .deconnexion ul
{
	width:250px;
}
#contenu_meow{font-family:Times New Roman;word-wrap:break-word;}
#contenu_meow_local {
height:200px;
margin-bottom:5px;
margin-top:3px;
overflow:auto;
font-family:Times New Roman;
}
#contenu_meow_local a {
font-weight:bold;
text-decoration:none;
}
#index{
max-width:500px;
margin:auto;
}
#index  p{margin-bottom:1em;}
/*Sporalone*/
.rien{display:none !important;z-index:-1;}
#output{
z-index:10;
background-color:black;
color:white;
padding:3px;
position:absolute;
display:block;
margin-left:auto;
top: 500px;
width:500px;
border:solid 2px;}
.rmut{
background-color:#88ff88;
color:green;
font-weight:bold;}


.settings{margin-top:5px;border-top:1px dashed;padding-top:5px;}
.ss_m_aj{display:inline-block;width:248px;margin:2px;}
.ss_m_aj .sous_menu{position:relative;}
.ss_m_aj .conf_interne{height:150px;overflow-y:hidden;}
.ss_m_aj .settings{position:absolute;bottom:5px;}

.liste_inscrits{
	background:none;
	width:100%;
}
.liste_inscrits td{
	border-left:0px;
	border-style:dotted;
	border-right:0px;
	border-top:0px;
	padding:3px;
	text-align:right;
}
.liste_inscrits .nom_joueur{text-align:left;}

.infobulle span{
	position:absolute;
	margin-top:1.5em; margin-left:0.2em;
	padding:3px; border-radius:3px;
	opacity:0;
	transform:scale(0);
	transition:all .25s;
	border:1px solid;
}
.infobulle:hover span,.infobulle:focus span{
	opacity:1;
	transform:scale(1);
}

.commentaire{
	font-size:0.8em;
	border-top:1px dashed;
	padding:2px;
}
.nv_commentaire{
	padding:4px;
	border-top:dotted 1px;
	text-align:left;
}
.nv_commentaire p{font-size:0.8em;}
.ouvrir_commentaire{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:right;
	z-index:3;
}
.haut_comm{
	font-size:0.6em;
	padding:0 0 4px;
	line-height:normal;
}
.dcompact .haut_comm{
	font-size:1px;
	padding:0px;
}
.bouton_comm{
	transform:font-size(1em);
	transition:all .25s;
	padding: 2px 4px 4px;
	cursor:pointer;
	display:inline-block;
}
.bouton_comm:hover{font-size:1.1em;
	transform:font-size(1.1em);}
.mess_compact{
	margin:3px -3px;
	border:0px;
	padding:1px 4px;
	border-radius:8px;
}
.dcompact .monperso{
	margin-left:8px;
}
.dcompact .unautre{
	margin-right:2px;
}
.msg_rct{
	border-left:2px solid;
}