@CHARSET "UTF-8";

/*--------------------------------------------------*/
/*          Eléments généraux                       */
/*--------------------------------------------------*/
html {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

/* Design normal */
body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: #5b558a;
	background: #c5dbe9 url(../images/design/fond_manga.png) 0 0 no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
}

p {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}

table {
	border-collapse: collapse;
	margin: auto;
}

table td {
	padding: 2px;
}

small {
	line-height: 14px;
	font-size: 11px;
}

a {
	color: #14029e;
	text-decoration: none;
	transition-property: all;
	transition-duration: 0.2s;
}

a:hover {
	color: #9e0202;
}

input[type="text"],
input[type="email"],
input[type="password"] {
	height: 18px;
	padding-left: 4px;
}

input[type=text],
input[type=email],
input[type=password],
select,
textarea {
	background-color: #fff;
	border-radius: 9px;
	font-size: 14px;
	border: 0;
	outline: none;
}

input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
select:hover,
textarea:hover {
	border: 0;
	background-color: #eee;
	outline: none;
}

input[type="submit"],
input[type="button"] {
	text-align: center;
	outline: none;
	margin-top: 5px;
	height: 24px;
	padding: 0 20px 0 20px;
	color: #fff;
	background-color: #f86161;
	background-size: 100% 100%;
	cursor: pointer;
	border-radius: 12px;
	border: 2px groove #ffffff;
	box-shadow: 1px 1px 1px 0px #000000;
	opacity: 1;
	transition-property: all;
	transition-duration: 0.1s;
}

input[type=submit]:hover {
	opacity: 0.85;
	cursor: pointer;
	outline: none;
}

input[type=submit]:active {
	box-shadow: 0px 0px 1px 0px #000000;
}

.bouton_violet {
	background: transparent url(../images/skins_formulaire/submit_violet.png);
}

.bouton_rouge {
	background: transparent url(../images/skins_formulaire/submit_rouge.png);
}

.bouton_bleu {
	background: transparent url(../images/skins_formulaire/submit_bleu.png);
}

.bouton_vert {
	background: transparent url(../images/skins_formulaire/submit_vert.png);
}

.bouton_gris {
	background: transparent url(../images/skins_formulaire/submit_gris.png);
}

.bouton_rose {
	background: transparent url(../images/skins_formulaire/submit_rose.png);
}

/*--------------------------------------------------*/
/*          Classes par défaut                      */
/*--------------------------------------------------*/
.overhide {
	overflow: hidden;
}

.invisible {
	display: none;
}

.transparent {
	opacity: 0;
}

.retour {
	position: absolute;
	top: -1px;
	left: 520px;
	width: 200px;
	height: 20px;
	background: url(../images/design/fleche_gauche.png) no-repeat;
	background-position: 0px 2px;
	font-weight: bold;
	padding-left: 30px;
}

.retour a {
	color: #fff;
}

.retour:hover {
	-webkit-animation: fleche 0.35s ease infinite alternate;
	animation: fleche 0.35s ease infinite alternate;
}

.inline-block {
	display: inline-block;
	vertical-align: top;
}

.moitie {
	width: 49%;
}

.entier {
	width: 100%;
}

.margin {
	margin: 15px 5px;
}

.margin-petit {
	margin: 5px;
}

.margin-mini {
	margin: 2px;
}

.padding {
	padding: 5px;
}

.padd_vertical {
	padding: 3px 0 3px 0;
}

.arrondi {
	border-radius: 10px;
}

.tab_separ {
	border-collapse: separate;
	border-spacing: 0px 2px;
}

.marge_haut {
	margin-top: 10px;
}

.marge_bas {
	margin-bottom: 10px;
}

.marge_gauche {
	margin-left: 10px;
}

.marge_droite {
	margin-right: 10px;
}

.clearfloat {
	clear: both;
}

.fl-droite {
	float: right;
}

.fl-gauche {
	float: left;
}

.fl-centre {
	margin-left: auto;
	margin-right: auto;
}

.centre {
	text-align: center;
}

.gauche {
	text-align: left;
}

.droite {
	text-align: right;
}

.justifier {
	text-align: justify;
}

.gras {
	font-weight: bold;
}

.italique {
	font-style: italic;
}

.frameborder1 {
	margin: 1px;
	color: #666;
	border: 1px solid;
	border-bottom-color: #fff;
	border-left-color: #fff;
	border-right-color: #d0ba98;
	border-top-color: #d0ba98;
}

.frameborder2 {
	color: #666;
	border: 1px solid;
	border-bottom-color: #d0ba98;
	border-left-color: #d0ba98;
	border-right-color: #fff;
	border-top-color: #fff;
}

.frameborder_bleu {
	background-color: #e6e5ef;
}

.frameborder_gris {
	background-color: #e7e7e7;
}

.highlight {
	background-color: #e7e7e7;
}

.rond_blanc {
	background-color: #fff;
	border-radius: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

.bloc_gris {
	display: inline-block;
	background: #fff;
	min-height: 45px;
	width: 100%;
	border: solid 1px #5b558a;
	border-radius: 5px;
	color: #5b558a;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

.bloc_gris .hr {
	width: 98%;
	height: 2px;
	margin: 1px;
	background: url(../images/layout_teaser/hr_violet.png) repeat-x;
}

.bloc_gris input[type="submit"],
.bloc_violet input[type="button"] {
	background: transparent url(../images/skins_formulaire/submit_violet.png);
	background-size: 100% 100%;
}

.bloc_gris .formulaire label {
	display: inline-block;
	vertical-align: top;
	height: 19px;
	margin: 3px 3px auto auto;
	padding-left: 10px;
	padding-top: 3px;
	color: #FFF;
	background: #9c97c1;
	border-radius: 10px 0 0 10px;
}

.bloc_gris .formulaire .form {
	display: inline-block;
	vertical-align: top;
	height: 22px;
	margin: 3px 3px auto auto;
	padding-right: 10px;
	color: #FFF;
	background: #9c97c1;
	border-radius: 0 10px 10px 0;
}

.bloc_bleu {
	display: inline-block;
	background: #fff;
	min-height: 45px;
	width: 100%;
	border: solid 1px #5746b8;
	border-radius: 5px;
	color: #5746b8;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

.bloc_bleu .hr {
	width: 98%;
	height: 2px;
	margin: 1px;
	background: url(../images/layout_teaser/hr_bleu.png) repeat-x;
}

.bloc_bleu input[type="submit"],
.bloc_bleu input[type="button"] {
	background: transparent url(../images/skins_formulaire/submit_bleu.png);
	background-size: 100% 100%;
}

.bloc_bleu .formulaire label {
	height: 19px;
	margin: 3px 3px auto auto;
	padding-left: 10px;
	padding-top: 3px;
	float: left;
	color: #FFF;
	background: #7a65ff;
	border-radius: 10px 0 0 10px;
}

.bloc_bleu .formulaire .form {
	height: 22px;
	margin: 3px 3px auto auto;
	padding-right: 10px;
	float: left;
	color: #FFF;
	background: #7a65ff;
	border-radius: 0 10px 10px 0;
}

.bloc_gris .mini_bloc {
	position: absolute;
	right: 30px;
	top: 5px;
	padding: 4px 15px 1px 15px;
	height: 15px;
	border: solid 1px #5b558a;
	border-bottom: 0px;
	background-color: #fff;
	border-radius: 8px 8px 0 0;
}

.bloc_bleu .mini_bloc {
	position: absolute;
	right: 30px;
	top: 5px;
	padding: 4px 15px 1px 15px;
	height: 15px;
	border: solid 1px #5746b8;
	border-bottom: 0px;
	background-color: #fff;
	border-radius: 8px 8px 0 0;
}

.cellule_bleu_type1,
.cellule_gris_type1,
.cellule_bleu_type2,
.cellule_gris_type2 {
	position: relative;
	float: left;
	width: 780px;
	padding: 2px 0px 7px 0px;
	background-position: 0 0, 20px bottom;
	background-size: 780px 70px, 740px 40px;
	background-repeat: no-repeat;
}

.cellule_bleu_type1 {
	background-image: url("../images/cellules/bleu_a1.png"), url("../images/cellules/bleu_a1.png");
}

.cellule_gris_type1 {
	background-image: url("../images/cellules/gris_a1.png"), url("../images/cellules/gris_a1.png");
}

.cellule_bleu_type2 {
	background-image: url("../images/cellules/bleu_b1.png"), url("../images/cellules/bleu_b1.png");
}

.cellule_gris_type2 {
	background-image: url("../images/cellules/gris_b1.png"), url("../images/cellules/gris_b1.png");
}

.demi_cellule_bleu_type1,
.demi_cellule_gris_type1,
.demi_cellule_bleu_type2,
.demi_cellule_gris_type2 {
	position: relative;
	float: left;
	width: 385px;
	padding: 2px 0px 7px 0px;
	margin-top: 10px;
	background-position: 0 0, 20px bottom;
	background-size: 385px 50px, 340px 40px;
	background-repeat: no-repeat;
}

.demi_cellule_bleu_type1 {
	background-image: url("../images/cellules/bleu_a1.png"), url("../images/cellules/bleu_a1.png");
}

.demi_cellule_gris_type1 {
	background-image: url("../images/cellules/gris_a1.png"), url("../images/cellules/gris_a1.png");
}

.demi_cellule_bleu_type2 {
	background-image: url("../images/cellules/bleu_b1.png"), url("../images/cellules/bleu_b1.png");
}

.demi_cellule_gris_type2 {
	background-image: url("../images/cellules/gris_b1.png"), url("../images/cellules/gris_b1.png");
}

.cellule_bleu_type1 h4,
.cellule_bleu_type2 h4,
.cellule_gris_type1 h4,
.cellule_gris_type2 h4,
.demi_cellule_bleu_type1 h4,
.demi_cellule_bleu_type2 h4,
.demi_cellule_gris_type1 h4,
.demi_cellule_gris_type2 h4 {
	display: block;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	margin: 5px 0px 0px 20px;
	text-align: left;
}

.postit_note {
	width: 225px;
	height: 63px;
	background: url(../images/layout_teaser/note.png) no-repeat;
}

.postit_note p {
	color: #292929;
	margin: 5px 8px;
	width: 215px;
	height: 56px;
	text-align: center;
}

.rotate4 {
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.rotate-4 {
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.msg-erreur {
	float: left;
	position: relative;
	z-index: 10;
	width: 780px;
	min-height: 90px;
	margin: 10px 3px 10px 0;
	border-radius: 10px;
	border: double 2px #fff;
	box-shadow: 1px 1px 4px #000000;
	background: #f0aaaa url(../images/site/hacker_erreur.png) no-repeat right bottom;
}

.msg-erreur h2 {
	color: #900;
	margin: 10px 7px;
	font-style: italic;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff -1px -1px 0px, #fff 1px -1px 0px;
}

.msg-attention {
	float: left;
	position: relative;
	z-index: 10;
	width: 780px;
	min-height: 90px;
	margin: 10px 3px 10px 0;
	border-radius: 10px;
	border: double 2px #fff;
	box-shadow: 1px 1px 4px #000000;
	background: #f2d175 url(../images/site/hacker_attention.png) no-repeat right bottom;
}

.msg-attention h2 {
	color: #906000;
	margin: 10px 7px;
	font-style: italic;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff -1px -1px 0px, #fff 1px -1px 0px;
}

.msg-succes {
	float: left;
	position: relative;
	z-index: 10;
	width: 780px;
	min-height: 90px;
	margin: 10px 3px 10px 0;
	border-radius: 10px;
	border: double 2px #fff;
	box-shadow: 1px 1px 4px #000000;
	background: #a2f1a2 url(../images/site/hacker_succes.png) no-repeat right bottom;
}

.msg-succes h2 {
	color: #090;
	margin: 10px 7px;
	font-style: italic;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff -1px -1px 0px, #fff 1px -1px 0px;
}

.msg-succes img,
.msg-erreur img,
.msg-attention img {
	float: left;
	margin-right: 20px;
}

.msg-succes p,
.msg-erreur p,
.msg-attention p {
	max-width: 640px;
	margin: 10px 7px;
}

/* ----- Titres ----- */
.titre_1 {
	clear: both;
	height: 35px;
	margin-top: 5px;
	margin-right: 3px;
	background-image: url('../images/titre_4.png');
}

.titre_1 .titre_2 {
	display: inline-block;
	height: 35px;
	background-image: url('../images/titre_2.png');
}

.titre_1 .titre_2 .titre_texte {
	font-size: 18px;
	position: relative;
	bottom: 8px;
	color: #8080ff;
}

.titre_1 .titre_2 .orange {
	color: #b8872e;
}

.titre_double .titre_double_titre {
	height: 35px;
	float: left;
	background: url(../images/titre_double_fond_gauche.png) left repeat-x;
}

.titre_double .titre_double_texte {
	height: 20px;
	padding-left: 4px;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
	text-align: left;
	font-size: 18px;
	color: #8080ff;
}

.titre_double .titre_double_1 {
	width: 14px;
	height: 28px;
	float: right;
	background: url(../images/titre_double_3.png) no-repeat;
}

.titre_double .titre_double_2 {
	height: 24px;
	padding-top: 4px;
	float: right;
	background: url(../images/titre_double_2.png) repeat-x;
}

.titre_double .titre_double_3 {
	width: 11px;
	height: 28px;
	float: right;
	background: url(../images/titre_double_1.png) no-repeat;
}

.titre_double .peremption {
	margin-top: 6px;
	margin-right: 10px;
}

.titre_double .barre {
	margin-top: 5px;
	text-align: left;
}

.titre_double .barre img {
	float: left;
	height: 7px;
}

/* ----- Frames ----- */
.frame {
	background-color: #f9e2be;
	border: 1px solid #c7bfb1;
	border-top-style: none;
	padding: 5px 8px;
}

/* ----- Bulles ----- */
.bulle1 {
	width: 28px;
	height: 79px;
	float: left;
	background: url(../images/bulle_1.png) no-repeat;
}

.bulle2 {
	height: 77px;
	float: left;
	background-color: #fff;
	border-bottom: 1px solid #7e7567;
	border-top: 1px solid #7e7567;
	font-style: italic;
}

.bulle3 {
	width: 7px;
	height: 79px;
	float: left;
	background: url(../images/bulle_2.png) no-repeat;
}

.label {
	display: block;
	margin: auto;
	padding-right: 5px;
}

/* ----- Couleurs ----- */
.rouge {
	color: #ff2a00;
}

.rouge_fonce {
	color: #dd2a00;
}

.bleu {
	color: #5746b8;
}

.violet {
	color: #5b558a;
}

.vert {
	color: #2a2;
}

.vert_fonce {
	color: #008800;
}

.gris {
	color: #888;
}

.orange {
	color: #e18700;
}

.pourpre {
	color: #800080;
}

.noir {
	color: #000;
}

.blanc {
	color: #fff;
}

.gold {
	color: #ffd700;
}

.seagreen {
	color: #2e8b57;
}

.lightseagreen {
	color: #20b2aa;
}

.lightskyblue {
	color: #87cefa;
}

.deepskyblue {
	color: #00bfff;
}

.lightslategray {
	color: #778899;
}

.magenta {
	color: #ff00ff;
}

.rosybrown {
	color: #bc8f8f;
}

.mediumorchid {
	color: #ba55d3;
}

.yellowgreen {
	color: #9acd32;
}

.tan {
	color: #d2b48c;
}

.lightsteelblue {
	color: #b0c4de;
}

/* ----- Animation ----- */
@-webkit-keyframes fleche {
	from {
		background-position: 0px 2px;
	}

	to {
		background-position: 5px 2px;
	}
}

@-moz-keyframes fleche {
	from {
		background-position: 0px 2px;
	}

	to {
		background-position: 5px 2px;
	}
}

@keyframes fleche {
	from {
		background-position: 0px 2px;
	}

	to {
		background-position: 5px 2px;
	}
}

.surbrillance {
	box-shadow: 0px 0px 6px 0px #000000;
}

@-webkit-keyframes bounce {
	from {
		box-shadow: 0px 0px 5px 0px #000000;
	}

	to {
		box-shadow: 0px 0px 6px 3px #ff0000;
	}
}

@-moz-keyframes bounce {
	from {
		box-shadow: 0px 0px 5px 0px #000000;
	}

	to {
		box-shadow: 0px 0px 6px 3px #ff0000;
	}
}

@keyframes bounce {
	from {
		box-shadow: 0px 0px 5px 0px #000000;
	}

	to {
		box-shadow: 0px 0px 6px 3px #ff0000;
	}
}

.surbrillance {
	-webkit-animation: bounce 0.7s ease infinite alternate;
	animation: bounce 0.7s ease infinite alternate;
}

.surbrillance:hover {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
}

/*Thème de Halloween : 
#clouds { height: 100%;  background: url(../images/design/background/halloween/cloud1.png) repeat-x 0px 0px, url(../images/design/background/halloween/cloud2.png) repeat-x 0px 100px, url(../images/design/background/halloween/cloud3.png) repeat-x 0px 210px, url(../images/design/background/halloween/ciel_nuit.png) repeat-x 0 0; }
*/

#clouds {
	height: 100%;
	background: url(../images/design/background/cloud1.png) repeat-x 0px 0px, url(../images/design/background/cloud2.png) repeat-x 0px 100px, url(../images/design/background/cloud3.png) repeat-x 0px 210px, url(../images/design/background/ciel.png) repeat-x 0 0;
}

#clouds_anim {
	height: 100%;
	background:
		url(../images/design/background/cloud1.png) repeat-x 0px 10px,
		url(../images/design/background/cloud2.png) repeat-x 0px 110px,
		url(../images/design/background/cloud3.png) repeat-x 0px 210px,
		url(../images/design/background/ciel.png) repeat-x 0 0;
	-webkit-animation: clouds 100s linear infinite;
	animation: clouds 100s linear infinite;
	transform: translateZ(0);
}

@-webkit-keyframes clouds {
	0% {
		background-position: -180px 10px, 180px 110px, -10px 210px, 0 0;
	}

	100% {
		background-position: 120% 10px, 130% 110px, 160% 210px, 0 0;
	}
}

@keyframes clouds {
	0% {
		background-position: -180px 10px, 180px 110px, -10px 210px, 0 0;
	}

	100% {
		background-position: 120% 10px, 130% 110px, 160% 210px, 0 0;
	}
}

/* ----- Droits ----- */
.select-joueur .admin {
	color: #ff0000;
}

.select-joueur .mdj {
	color: #008800;
}

.select-joueur .modo {
	color: #0055ff;
}

.select-joueur .journaliste {
	color: #800080;
}

.select-joueur .maire {
	color: #000;
}

/*--------------------------------------------------*/
/*          Structure                               */
/*--------------------------------------------------*/
#notifications {
	position: fixed;
	right: 10px;
	top: 0px;
	z-index: 100;
	width: 210px;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
	border-radius: 0px 0px 20px 20px;
	color: #444;
}

#notifications .rouge_notif {
	color: #f75959;
}

#notifications .notifs_messages,
#notifications .lien {
	display: none;
}

#notifications .lue,
#notifications .non_lue {
	width: 202px;
	margin: 3px 3px 3px 3px;
	border-radius: 5px;
}

#notifications .non_lue {
	background-color: rgba(251, 157, 89, 1);
	color: #171717;
	border: outset 1px #f86161;
}

#notifications .lue {
	background-color: rgba(240, 240, 240, 0.8);
	border: outset 1px #b0ead2;
}

#notifications .message {
	padding: 2px;
}

#notifications .date {
	text-align: center;
	font-size: 10px;
	color: #800080;
}

#notifications .notifs_trigger {
	text-align: center;
	width: 210px;
	padding: 8px 0;
	background-color: #262626;
	color: #ccc;
	border: outset 1px #262626;
	border-radius: 0px 0px 20px 20px;
}

#notifications .notifs_trigger:hover {
	cursor: pointer;
}

#pige {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	color: #000;
}

#pige .bloc_vide {
	float: right;
	width: 225px;
	height: 32px;
}

#pige p {
	margin-left: 5px;
	-webkit-text-size-adjust: 100%;
}


#superglobal {
	position: relative;
	float: left;
	min-width: 100%;
	min-height: 100%;
	background-image: url(../images/design/background/barre_noir.png), url(../images/design/background/ville.png);
	background-position: center 610px, center top, left bottom;
	background-repeat: repeat-x, no-repeat, no-repeat;
	background-attachment: scroll;
}



/*Thème de Nowel : */
/*
#superglobal {
	position: relative;
	float: left;
	min-width: 100%;
	min-height: 100%;
	background-image: url(../images/design/background/noel/barre_noir.png), url(../images/design/background/ville.png), url(../images/design/background/noel/bouzoukneige.png);
	background-position: center 610px, center top, left bottom;
	background-repeat: repeat-x, no-repeat, no-repeat;
	background-attachment: scroll;
}
*/

/*Thème de Halloween : 
#superglobal { position : relative; float: left; min-width: 100%; min-height: 100%; background-image: url(../images/design/background/barre_noir.png), url(../images/design/background/halloween/deco2.png), url(../images/design/background/halloween/ville_nuit.png); background-position: center 610px, center top, center top; background-repeat: repeat-x, no-repeat, no-repeat; background-attachment: scroll;  }
*/

#superglobal_visiteur {
	position: relative;
	float: left;
	min-width: 100%;
	color: #000;
	padding-bottom: 40px;
	min-height: 100%;
	background-image: url(../images/design/background/barre_noir.png), url(../images/design/background/barre_noir.png), url(../images/design/background/ville.png);
	background-position: center top, center 610px, center top;
	background-repeat: repeat-x, repeat-x, no-repeat;
	background-attachment: scroll;
}

#page {
	width: 1020px;
	margin: 0 auto 110px auto;
	position: relative;
}

/* Thème de Nowel : */
/*
#page .haut-page {
	position: relative;
	width: 1025px;
	height: 257px;
	background: url(../images/design/titre_page.png), url(../images/design/background/noel/head.png), url(../images/design/liaison_menu.png), url(../images/design/background/noel/centre1.png);
	background-position: 767px 223px, 0 0, 52px 230px, 105px 230px;
	background-repeat: no-repeat;
	margin-top: -2px;
}

#page .millieu-page {
	position: relative;
	background: url(../images/design/titre_page.png), url(../images/design/liaison_menu.png), url(../images/design/background/noel/centre1.png), url(../images/design/centre2.png);
	background-size: 217px 55px, 84px 45px, 921px 773px, 921px 1px;
	background-position: 767px -35px, 52px -27px, 105px -27px, 105px 0px;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
	width: 1025px;
	min-height: 715px;
	max-height: 999999px;
}

#page .bas-page {
	position: relative;
	background: url(../images/design/centre3.png) no-repeat;
	background-position: 105px top;
	width: 1019px;
	height: 40px;
}
*/


/* Thème de Halloween :
#page .haut-page { position: relative; width: 1025px; height: 257px; background: url(../images/design/titre_page.png), url(../images/design/background/noel/head.png), url(../images/design/liaison_menu.png), url(../images/design/background/noel/centre1.png); background-position: 767px 223px, 0 0, 52px 230px, 105px 230px; background-repeat: no-repeat; margin-top: -2px; }
#page .millieu-page { position: relative; background: url(../images/design/titre_page.png), url(../images/design/liaison_menu.png), url(../images/design/background/noel/centre1.png), url(../images/design/centre2.png); background-size: 217px 55px, 84px 45px, 921px 773px, 921px 1px; background-position: 767px -35px, 52px -27px, 105px -27px, 105px 0px; background-repeat: no-repeat, no-repeat, no-repeat, repeat-y; width: 1025px; min-height: 715px; max-height: 999999px; }
#page .bas-page { position: relative; background: url(../images/design/centre3.png) no-repeat; background-position: 105px top; width: 1019px; height: 40px; }

*/

#page .haut-page {
	position: relative;
	width: 1025px;
	height: 257px;
	background: url(../images/design/titre_page.png), url(../images/design/head.png), url(../images/design/liaison_menu.png), url(../images/design/centre1.png);
	background-position: 767px 223px, 0 0, 52px 230px, 105px 230px;
	background-repeat: no-repeat;
	margin-top: -2px;
}

#page .millieu-page {
	position: relative;
	background: url(../images/design/titre_page.png), url(../images/design/liaison_menu.png), url(../images/design/centre1.png), url(../images/design/centre2.png);
	background-size: 217px 55px, 84px 45px, 921px 773px, 921px 1px;
	background-position: 767px -35px, 52px -27px, 105px -27px, 105px 0px;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
	width: 1025px;
	min-height: 715px;
	max-height: 999999px;
}

#page .bas-page {
	position: relative;
	background: url(../images/design/centre3.png) no-repeat;
	background-position: 105px top;
	width: 1019px;
	height: 40px;
}


/* ----- En-tête ----- */

#jauges {
	position: absolute;
	padding: 0;
	width: 232px;
	height: 247px;
	left: 0;
	top: 0;
}

#jauges form {
	margin: 205px 0 0 40px;
}

#jauges form p {
	margin: 0 0 8px;
}

#jauges form input.input_text {
	background: transparent url(../images/bg_login.png) left top repeat;
	border: 1px dotted #ddd;
	width: 114px;
	padding: 1px 3px;
	line-height: 16px;
	color: #666;
	border-radius: 5px;
}

#jauges a.logoutBtn {
	position: absolute;
	left: 135px;
	top: 190px;
	width: 60px;
	height: 60px;
	overflow: hidden;
	text-indent: -5000px;
	display: block;
	background: transparent url(../images/design/boutons/logout_off.png) left top no-repeat;
}

#jauges a.logoutBtn:hover {
	background: transparent url(../images/design/boutons/logout_on.png) left top no-repeat;
}

#jauges p {
	margin-top: 70px;
	margin-left: 40px;
	width: 150px;
	height: 150px;
	text-align: center;
}

#page .haut-page .telescripteur {
	display: block;
	width: 646px;
	height: 18px;
	line-height: 16px;
	position: absolute;
	top: 69px;
	left: 205px;
	background: url(../images/design/telescripteur.png) no-repeat;
	text-align: center;
	padding: 0px;
}

#page .haut-page .telescripteur #telescripteur2 {
	width: 558px;
	margin-left: 85px;
	margin-top: 1px;
	font-size: 12px;
	color: #000;
}

#page .haut-page .pseudo_joueur {
	z-index: 20;
	min-width: 90px;
	height: 28px;
	background: url(../images/design/pseudo_joueur.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 160px;
	left: 184px;
	padding: 9px 30px 0 30px;
	text-align: center;
	font-size: 15px;
	color: rgba(0, 0, 0, 1);
	font-weight: bold;
}

#page .haut-page .info_struls {
	background: url(../images/design/bg_blanc_degrad.png);
	position: absolute;
	top: 200px;
	left: 195px;
	font-size: 16px;
	box-shadow: 1px 1px 2px #666;
	font-weight: bold;
	border-radius: 12px;
	padding: 1px 5px 0 35px;
	border: solid 1px #000;
	color: #000;
}

#page .haut-page .info_struls img {
	position: absolute;
	left: 2px;
	top: -5px;
}

#page .haut-page .info_fragments {
	left: 335px;
}

#page .haut-page .info_xp {
	z-index: 15;
	background: url(../images/design/bg_blanc_degrad.png);
	width: 150px;
	border-radius: 15px;
	border: solid 1px #000;
	position: absolute;
	top: 165px;
	left: 250px;
	padding-top: 1px;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding-right: 15px
}

#page .haut-page .info_xp img {
	position: absolute;
	right: -10px;
	top: -5px;
}

#page .haut-page .info_team {
	z-index: 30;
	width: 380px;
	max-height: 50px;
	text-align: center;
	overflow: hidden;
	position: absolute;
	bottom: 198px;
	left: 230px;
	font-size: 12px;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	border-radius: 10px 10px 0 0;
}

#page .haut-page .info_team p {
	margin: 2px;
}

#page .haut-page .logo {
	position: absolute;
	top: 23px;
	left: 630px;
}

#page .haut-page .logo img {
	width: 220px;
	height: 45px;
}

#info_amis a {
	position: absolute;
	top: 187px;
	left: 460px;
	padding: 0px;
	font-weight: bold;
	color: #000;
	display: block;
	min-width: 65px;
	height: 20px;
	padding-left: 20px;
	background: url(../images/design/icone_amis_off.png) no-repeat 0 3px;
}

#info_amis a:hover {
	color: #f86161;
	background: url(../images/design/icone_amis_on.png) no-repeat 0 3px;
}

#page .haut-page a.info_nb_missives_lu {
	z-index: 15;
	display: block;
	background: url(../images/layout_teaser/logo_missives_lu.png) no-repeat 0px 0px;
	width: 36px;
	height: 24px;
	position: absolute;
	top: 180px;
	left: 572px;
	font-size: 16px;
	font-weight: bold;
	padding: 9px 0 0 27px;
	color: #000;
	text-align: center;
	text-decoration: none;
}

#page .haut-page a.info_nb_missives_nonlu {
	z-index: 15;
	display: block;
	background: url(../images/layout_teaser/logo_missives_nonlu.png) no-repeat 0px 0px;
	width: 36px;
	height: 24px;
	position: absolute;
	top: 180px;
	left: 572px;
	font-size: 16px;
	font-weight: bold;
	padding: 9px 0 0 27px;
	color: #f86161;
	text-align: center;
	text-decoration: none;
}

#page .haut-page a.info_nb_missives_lu:hover,
#haut-page a.info_nb_missives_nonlu:hover {
	-webkit-transform: rotate(8deg);
	transform: rotate(8deg);
	position: absolute;
	top: 180px;
	left: 572px;
}

#page .haut-page p.info_tchat {
	z-index: 15;
	background: url(../images/layout_teaser/logo_tchat.png) no-repeat 0px 0px;
	width: 87px;
	height: 37px;
	position: absolute;
	margin-top: 178px;
	margin-left: 632px;
	font-size: 16px;
	font-weight: bold;
	padding: 9px 0 0 0;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border-radius: 20px 29px 20px 20px;
}

#page .haut-page a.tchatbtn {
	z-index: 5;
	overflow: hidden;
	border-radius: 8px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	text-decoration: none;
	position: absolute;
	margin-top: 168px;
	margin-left: 677px;
	width: 99px;
	height: 37px;
	background: transparent url(../images/layout_teaser/btn_tchat.png) no-repeat 0px 0px;
}

#page .haut-page a.tchatbtn:hover {
	-webkit-transform: rotate(8deg);
	transform: rotate(8deg);
	-webkit-transform-origin: 0 25%;
	transform-origin: 0 25%;
}

#page .haut-page .event_nozouk {
	position: absolute;
	right: 17px;
	top: 152px;
	width: 190px;
	text-align: center;
	border-radius: 10px;
	padding: 4px 1px;
	box-shadow: 1px 1px 4px #000000;
	border: solid 2px #000;
	background-color: #f86161;
}

#page .haut-page .event_nozouk input {}

#page .haut-page .event_zombie {
	position: absolute;
	right: 17px;
	top: 152px;
	width: 190px;
	text-align: center;
	border-radius: 10px;
	padding: 4px 1px;
	box-shadow: 1px 1px 4px #000000;
	border: solid 2px #000;
	background-color: #f86161;
}

#page .haut-page .event_zombie input {}

#page .haut-page .event_mlbobz {
	position: absolute;
	right: 17px;
	top: 152px;
	width: 190px;
	text-align: center;
	border-radius: 10px;
	padding: 4px 1px;
	box-shadow: 1px 1px 4px #000000;
	border: solid 2px #000;
	background-color: #FF00BF;
}

/* ----- Menu ----- */
#page .haut-page .menu_h {
	width: 733px;
	height: 55px;
	position: absolute;
	top: 102px;
	left: 230px;
}

#page .haut-page .menu_h a {
	z-index: 15;
	overflow: hidden;
	border-radius: 8px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	text-decoration: none;
	position: relative;
	transition-property: all;
	transition-duration: 0.1s;
}

#page .haut-page .menu_h .acceuil {
	float: left;
	margin-top: -1px;
	width: 139px;
	height: 53px;
	background-image: url(../images/design/boutons/accueil.png), url(../images/design/boutons/accueil_ombre.png);
	background-position: 0 0, right 6px;
	background-repeat: no-repeat;
}

#page .haut-page .menu_h .acceuil:hover {
	background-position: 3px 2px, right 5px;
}

#page .haut-page .menu_h .lexique {
	float: left;
	margin-left: 20px;
	width: 121px;
	height: 50px;
	background-image: url(../images/design/boutons/lexique.png), url(../images/design/boutons/lexique_ombre.png);
	background-position: 0 0, right 7px;
	background-repeat: no-repeat;
}

#page .haut-page .menu_h .lexique:hover {
	background-position: 3px 2px, right 6px;
}

#page .haut-page .menu_h .gazette {
	float: left;
	margin-left: 20px;
	margin-top: 6px;
	width: 136px;
	height: 50px;
	background-image: url(../images/design/boutons/gazette.png), url(../images/design/boutons/gazette_ombre.png);
	background-position: 0 0, right 6px;
	background-repeat: no-repeat;
}

#page .haut-page .menu_h .gazette:hover {
	background-position: 3px 2px, right 5px;
}

#page .haut-page .menu_h .toboz {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	width: 100px;
	height: 43px;
	background-image: url(../images/design/boutons/toboz.png), url(../images/design/boutons/toboz_ombre.png);
	background-position: 0 0, right 4px;
	background-repeat: no-repeat;
}

#page .haut-page .menu_h .toboz:hover {
	background-position: 3px 2px, right 3px;
}

#page .haut-page .menu_h .faq {
	float: right;
	margin-top: 15px;
	width: 54px;
	height: 33px;
	background-image: url(../images/design/boutons/faq.png), url(../images/design/boutons/faq_ombre.png);
	background-position: 0 0, right 2px;
	background-repeat: no-repeat;
}

#page .haut-page .menu_h .faq:hover {
	background-position: 1px 1px, right 2px;
}

/* ----- Menu de gauche ----- */

#menu_g {
	position: relative;
	width: 195px;
	padding: 0px;
	left: 0px;
	top: -10px;
	display: inline-block;
	vertical-align: top;
}

#menu_g .groupe_menu {
	width: 220px;
}

#menu_g .corde_menu {
	float: left;
	background: transparent url(../images/design/corde.png) no-repeat 35px 50px;
	background-size: 131px 5000px;
	margin-top: 3px;
}

#menu_g .corde_menu .menu {
	position: relative;
	float: left;
	width: 173px;
	margin-left: 10px;
	padding: 0px;
	margin-top: 30px;
	border-radius: 9px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

/* Thème de Nowel : */
/*
menu_g .corde_menu .menu .titre_orange {
	position: absolute;
	left: -10px;
	top: -40px;
	width: 168px;
	height: 30px;
	background: url(../images/design/background/noel/menug_titre_orange.png) no-repeat;
	transition-property: all;
	transition-duration: 0.3s;
	padding-top: 11px;
	text-align: center;
	text-shadow: #996600 1px 1px 0px, #996600 -1px 1px 0px, #603913 -1px -1px 0px, #603913 1px -1px 0px;
	color: #FFF;
}

#menu_g .corde_menu .menu .titre_rouge {
	position: absolute;
	left: -10px;
	top: -40px;
	width: 168px;
	height: 30px;
	background: url(../images/design/background/noel/menug_titre_rouge.png) no-repeat;
	transition-property: all;
	transition-duration: 0.3s;
	padding-top: 11px;
	text-align: center;
	text-shadow: #996600 1px 1px 0px, #996600 -1px 1px 0px, #603913 -1px -1px 0px, #603913 1px -1px 0px;
	color: #FFF;
}
*/
/* fin du thème de nowel */

#menu_g .corde_menu .menu .titre_orange {
	position: absolute;
	left: -10px;
	top: -40px;
	width: 168px;
	height: 30px;
	background: url(../images/design/menug_titre_orange.png) no-repeat;
	transition-property: all;
	transition-duration: 0.3s;
	padding-top: 11px;
	text-align: center;
	text-shadow: #996600 1px 1px 0px, #996600 -1px 1px 0px, #603913 -1px -1px 0px, #603913 1px -1px 0px;
	color: #FFF;
}

#menu_g .corde_menu .menu .titre_rouge {
	position: absolute;
	left: -10px;
	top: -40px;
	width: 168px;
	height: 30px;
	background: url(../images/design/menug_titre_rouge.png) no-repeat;
	transition-property: all;
	transition-duration: 0.3s;
	padding-top: 11px;
	text-align: center;
	text-shadow: #996600 1px 1px 0px, #996600 -1px 1px 0px, #603913 -1px -1px 0px, #603913 1px -1px 0px;
	color: #FFF;
}

#menu_g .corde_menu .menu:hover .titre_orange,
#menu_g .corde_menu .menu:hover .titre_rouge {
	left: 3px;
}

#menu_g .corde_menu .menu .fond_menu ul {
	margin: 25px 0px 0px 0px;
	list-style: none;
	padding-left: 12px;
	padding-bottom: 3px;
}

#menu_g .corde_menu .menu .fond_menu ul li a {
	width: 150px;
	height: 16px;
	margin: 1px 0;
	padding-left: 5px;
	color: #000;
	display: block;
}

#menu_g .corde_menu .menu .fond_menu ul li a:hover {
	margin: 1px 0;
	padding-left: 10px;
	background: url(../images/design/li_select.png) no-repeat 0px 0px;
}

#menu_g .corde_menu .menu .fond_menu {
	float: left;
	width: 173px;
	min-height: 56px;
	background: url(../images/design/menug1.png), url(../images/design/menug3.png), url(../images/design/menug2.png);
	background-size: 173px 49px, 173px 51px, 173px 800px;
	background-position: 0 top, 0 bottom, 0 20px;
	background-repeat: no-repeat, no-repeat, repeat-y;
}

#menu_g .corde_menu .menu .m_bas {
	float: left;
	width: 173px;
	height: 8px;
	background: url(../images/design/menug4.png) no-repeat 0px 0px;
	margin-top: 0px;
}

#lien_struls {
	width: 142px;
	height: 70px;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	background: url(../images/design/boutons/btn_struls2.png), url(../images/design/boutons/btn_struls1.png);
	background-position: 0 0, 0 0;
	background-repeat: no-repeat;
	float: left;
	transition-property: all;
	transition-duration: 0.2s;
}

#lien_struls:hover {
	background: url(../images/design/boutons/btn_struls2.png), url(../images/design/boutons/btn_struls1.png);
	background-position: 0 -7px, 0 0;
}

#lien_struls a {
	display: block;
	width: 135px;
	height: 27px;
	padding: 43px 7px 0px 0px;
	margin: 0px;
	text-align: right;
	background: transparent url(../images/design/boutons/btn_struls3.png) no-repeat 0px 0px;
	border-radius: 45px 45px 15px 15px;
}

/* ----- Millieu de page ----- */
#contenu {
	width: 785px;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}

#titre_page {
	width: 190px;
	height: 47px;
	padding: 0px;
	margin: -17px auto 0px 564px;
	text-align: center;
	font-size: 14px;
}

/* ----- Pied de page ----- */
#footer {
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#resume_footer {
	width: 1019px;
	height: 37px;
	margin: 0 auto;
}

#resume_footer .social {
	float: left;
	width: 80px;
	height: 18px;
	margin: 19px 0px 0px 140px;
	padding: 0;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

#resume_footer .facebook {
	float: left;
	display: block;
	width: 65px;
	height: 18px;
	padding: 19px 0px 0px 0px;
	margin: 0px;
	background: transparent url(../images/design/btn_facebook.png) no-repeat 3px 34px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

#resume_footer .facebook:hover {
	background: transparent url(../images/design/btn_facebook.png) no-repeat 3px 0px;
	color: transparent;
}

#resume_footer .twitter {
	float: left;
	display: block;
	width: 43px;
	height: 18px;
	padding: 19px 0px 0px 7px;
	margin: 0px;
	background: transparent url(../images/design/btn_twitter.png) no-repeat 0px 34px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

#resume_footer .twitter:hover {
	background: transparent url(../images/design/btn_twitter.png) no-repeat 0px 0px;
	color: transparent;
}

#resume_footer .tchat {
	float: left;
	display: block;
	width: 109px;
	height: 19px;
	padding: 5px 20px 0px 0px;
	margin: 13px 0px 0px 10px;
	text-align: right;
	background: transparent url(../images/layout_teaser/btn_tchat_footer.png) no-repeat 0px 0px;
	color: #fff;
}

#resume_footer .tchat:hover {
	color: #f86161;
}

#resume_footer .pub {
	float: left;
	display: block;
	width: 122px;
	height: 19px;
	padding: 5px 22px 0px 0px;
	margin: 13px 0px 0px 3px;
	text-align: right;
	background: transparent url(../images/layout_teaser/btn_pub_footer.png) no-repeat 0px 0px;
	color: #fff;
}

#resume_footer .pub:hover {
	color: #f86161;
}

#resume_footer .stats {
	float: right;
	display: block;
	width: 337px;
	height: 37px;
	padding: 0px;
	margin: 0px 45px 0px 0px;
	text-align: right;
	background: transparent url(../images/design/stats_footer.png) no-repeat 0px 0px;
	color: #fff;
}

#resume_footer .stats_visiteur {
	background: transparent url(../images/design/stats_footer_visiteur.png) no-repeat 0px 0px;
}

#resume_footer .stats .nb_piouk {
	float: right;
	text-align: center;
	width: 100px;
	height: 30px;
	margin: 7px 12px 0px 0px;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

#resume_footer .stats .nb_connectes {
	line-height: 13px;
	float: right;
	text-align: center;
	width: 95px;
	height: 32px;
	margin: 5px 10px 0px 0px;
	padding: 2px 0 0 0;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
}

#resume_footer .stats .nb_connectes a {
	color: #FFF;
}

#resume_footer .stats .nb_connectes a:hover {
	color: #000;
}

#resume_footer .stats .nb_actifs {
	float: right;
	text-align: center;
	width: 105px;
	height: 30px;
	margin: 7px 13px 0px 0px;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

#infos_footer {
	float: left;
	width: 100%;
	background: #000;
	min-height: 65px;
}

#nous_suivre {
	position: relative;
	width: 1019px;
	height: 45px;
	margin: 0 auto;
}

#nous_suivre .contact {
	float: left;
	width: 500px;
	margin: 15px 0px 0px 50px;
	padding: 0;
	font-size: 14px;
	color: #FFF;
}

#nous_suivre .contact a {
	color: #7a73c0;
}

#nous_suivre .contact a:hover {
	color: #f86161;
}

#nous_suivre .copyright {
	float: right;
	width: 450px;
	margin: 15px 0px 0px 0px;
	padding: 0;
	font-size: 14px;
	color: #FFF;
}

#nous_suivre .piouk {
	width: 65px;
	height: 74px;
	background: transparent url(../images/mini_piouk.png) no-repeat 0px 0px;
	position: absolute;
	top: -25px;
	right: 0px;
}

#pied {
	margin: 0px;
	padding: 3px 0px 0px 3px;
	font-size: 12px;
	min-height: 20px;
	background: #313131
}

#pied a {
	color: #e5e5e5;
}

#pied a:hover {
	color: #f86161;
}


/*--------------------------------------------------*/
/*          Site Visiteur                           */
/*--------------------------------------------------*/
#superglobal_visiteur .bande_head {
	width: 100%;
	height: 15px;
	position: absolute;
	left: 0;
	top: 42px;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	color: #000;
}

#superglobal_visiteur .persos {
	width: 100%;
	height: 435px;
	background: url(../images/design/background/personnages.png) no-repeat;
	background-position: center -20px;
	position: absolute;
	left: 0;
	top: 42px;
	color: #000;
}

#page .tete-page {
	position: relative;
	width: 1025px;
	height: 277px;
	background: url(../images/design/centre1.png);
	background-position: 50px 250px;
	background-repeat: no-repeat;
}

#page .tete-page .info-team {
	position: absolute;
	right: 13px;
	top: 66px;
	width: 335px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 7px;
	text-align: center;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

#page .tete-page .info-team p {
	margin: 2px;
}

#page .tete-page .connexion {
	position: absolute;
	right: 5px;
	top: -4px;
	width: 352px;
	height: 65px;
	background: url(../images/design/connexion.png);
	background-repeat: no-repeat;
}

#page .tete-page .connexion .form_connect input[type=text],
#page .tete-page .connexion .form_connect input[type=password] {
	width: 110px;
	background-color: #fefaef;
	border: 1px inset #b0ead2;
}

#page .tete-page .connexion p {
	margin-top: 4px;
	margin-left: 8px;
	width: 335px;
	font-size: 11px;
	text-align: center;
	color: #000;
}

#page .connexion .mdp_perdu {
	position: absolute;
	left: 12px;
	bottom: 10px;
}

#page .connexion .mdp_perdu a {
	display: inline-block;
	font-size: 11px;
	padding-left: 9px;
	padding-right: 9px;
	line-height: 16px;
	height: 16px;
	border-radius: 3px;
	border: 1px outset #b8f4db;
	background: #b8f4db;
}

#page .connexion .connexion_fb {
	position: absolute;
	right: 12px;
	bottom: 10px;
	width: 77px;
	color: #fff;
	padding-left: 15px;
	height: 16px;
	line-height: 16px;
	background: url(../images/design/boutons/connexion_fb.png) no-repeat;
	background-size: 100%;
	font-size: 11px;
	text-align: center;
	border-radius: 3px;
	border: 1px outset #29447e;
}

#page .connexion .connexion_fb:hover {
	opacity: 0.8;
}

#page .tete-page .telescripteur {
	display: block;
	width: 646px;
	height: 18px;
	line-height: 16px;
	position: absolute;
	top: 2px;
	left: 0px;
	background: url(../images/design/telescripteur.png) no-repeat;
	text-align: center;
	padding: 0px;
}

#page .tete-page .telescripteur #telescripteur2 {
	width: 558px;
	margin-left: 85px;
	margin-top: 1px;
	font-size: 12px;
	color: #000;
}

/* ----- Menu ----- */
#page .tete-page ul {
	min-width: 700px;
	list-style-type: none;
	position: absolute;
	top: 9px;
	left: 0px;
	padding: 0px;
}

#page .tete-page ul li a {
	float: left;
	display: block;
	text-align: center;
	color: #fefaef;
	margin: 0 23px 0 7px;
	width: 80px;
	background-image: linear-gradient(#444, black);
	border-radius: 4px;
}

#page .tete-page ul li a:hover {
	color: #b41320;
	background-image: linear-gradient(black, #444);
}

#page .tete-page .inscription {
	position: absolute;
	left: 400px;
	top: 50px;
	width: 204px;
	height: 204px;
	background: #fff;
	border-radius: 50%;
}

#page .tete-page .inscription a {
	display: block;
	width: 204px;
	height: 204px;
	background: url(../images/design/boutons/inscription.png) no-repeat;
}

#page .tete-page .inscription a:hover {
	width: 204px;
	height: 204px;
	background: url(../images/design/boutons/inscription.png) no-repeat;
	opacity: 0.8;
}

#page .corp-page {
	position: relative;
	background: url(../images/design/centre1.png), url(../images/design/centre2.png);
	background-size: 921px 773px, 921px 1px;
	background-position: 50px -27px, 50px 0px;
	background-repeat: no-repeat, repeat-y;
	width: 1025px;
	min-height: 755px;
	max-height: 999999px;
}

#page .corp-page h1 {
	position: absolute;
	left: 200px;
	top: -120px;
	background: url(../images/design/titre_bienvenue.png) no-repeat;
	background-position: 100px 0;
}

#page .corp-page h1 img {
	width: 570px;
	height: 115px;
	margin-top: 10px;
}

#page .corp-page .contenu {
	display: inline-block;
	width: 780px;
	margin-top: 30px;
	margin-left: 122px;
}

#page .corp-page .faq {
	position: absolute;
	right: 60px;
	top: 0px;
}

#page .corp-page .faq a {
	display: block;
	width: 54px;
	height: 33px;
	background-image: url(../images/design/boutons/faq.png), url(../images/design/boutons/faq_ombre.png);
	background-position: 0 0, right 2px;
	background-repeat: no-repeat;
}

#page .corp-page .faq a:hover {
	background-position: 1px 1px, right 2px;
}

#page .pied-page {
	position: relative;
	background: url(../images/design/centre3.png) no-repeat;
	background-position: 50px top;
	width: 1019px;
	height: 40px;
}


/*--------------------------------------------------*/
/*          Inscription Visiteur                    */
/*--------------------------------------------------*/
#visiteur-inscription table tr td:nth-child(odd) {
	width: 48%;
	text-align: right;
	padding-right: 10px;
}

#visiteur-inscription .attention {
	padding: 20px 0 5px 0;
	font-style: italic;
	text-align: left;
}

#visiteur-inscription #charte_div {
	display: none;
}

#visiteur-pass_perdu .lien {
	text-align: center;
	margin-top: 25px;
}

#visiteur-mail_non_recu form,
#visiteur-pass_perdu_confirmation form,
#visiteur-pass_perdu form,
#visiteur-inscription_confirmation form {
	margin: 15px 0;
}



/*--------------------------------------------------*/
/*          Site                                    */
/*--------------------------------------------------*/
#site-video-demo {
	background: url(../images/site/cadre_tv.png);
	width: 700px;
	height: 488px;
	display: none;
	position: absolute;
	z-index: 1000;
	overflow: visible;
}

#site-video-demo iframe {
	position: relative;
	top: 115px;
	left: 90px;
	border: 5px inset #222;
	box-shadow: 0 0 10px #222;
}

#site-accueil p {
	margin: 15px;
	text-align: justify;
}

#site-accueil .description h2 {
	font-size: 14px;
}

#site-accueil .description_fb {
	position: absolute;
	right: 100px;
	top: 75px;
	width: 240px;
	background: url(../images/design/fleche_dessin.png) no-repeat;
	background-position: 210px 10px;
}

#site-accueil .description_fb p {
	text-align: center;
	margin-right: 30px;
}

#site-accueil .img {
	float: right;
	margin-left: 15px;
}

#site-accueil .attention {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	clear: right;
}

#site-accueil .inscription_fb {
	position: absolute;
	right: 110px;
	top: 15px;
	min-width: 235px;
	min-height: 50px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

#site-accueil .inscription_fb a {
	display: block;
	width: 235px;
	height: 50px;
	border-radius: 6px;
	background: #3b5998 url(../images/design/boutons/inscription_fb.png);
	background-size: 100% 100%;
	border: 1px solid #000;
}

#site-accueil .inscription_fb a:hover {
	opacity: 0.8;
}

#site-accueil .inscription_fb:active {
	top: 17px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
}

#site-charte h4 {
	margin: 20px 0 5px 0;
}

#site-histoire .img {
	float: right;
	margin: 0 15px;
}

#site-histoire p {
	margin: 15px 0;
}

#site-creation .img {
	float: left;
	padding: 5px 15px 5px 5px;
}

#site-creation .img2 {
	float: right;
	padding: 5px 5px 5px 15px;
}

#site-creation .img img {
	max-width: 200px;
	max-height: 180px;
}

#site-creation .texte {
	color: #555;
	text-align: justify;
}

#site-lexique dl {
	list-style: none;
}

#site-lexique dl dt {
	display: block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	font-weight: bold;
	clear: left;
}

#site-lexique dl dd {
	display: block;
	margin: 0 0 10px;
	padding: 0;
}

#site-tchat iframe {
	border: 0;
	width: 100%;
	height: 500px;
}

#site-tchat .logiciels a[class=lien] {
	margin: 0 20px;
}

#site-team .avatar img {
	max-width: 80px;
	max-height: 100px;
	margin: 10px;
}

#site-team .infos {
	padding: 5px;
	padding-top: 15px;
}

#site-tobozon iframe {
	width: 700px;
	height: 1200px;
	border: 1px solid #dbc39f;
}

#site-faq-jobs table {
	width: 100%;
}

#site-faq-jobs table th {
	text-align: left;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#site-faq-jobs table td {
	padding: 0 5px;
}

#site-faq-jobs table td p[class=highlight] {
	margin: 0;
	padding: 1px 15px;
}

#site-faq-jobs table tr td:nth-child(n+2),
#site-faq-jobs table tr th:nth-child(n+2) {
	text-align: center;
}

#site-faq-jobs table tr td:nth-child(4) {
	text-align: left;
	color: #222;
}

#site-faq-clans .actions .action {
	margin: 5px 3px;
	width: 128px;
	height: 82px;
	position: relative;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #000;
	border: 2px groove #ffffff;
}

#site-faq-clans .actions .action:hover {
	margin: 4px 5px 6px 1px;
	cursor: pointer;
	box-shadow: 2px 2px 3px #000;
}

#site-faq-clans .actions .action:active {
	margin: 5px 3px;
	cursor: pointer;
	box-shadow: 0 0 10px #c75;
}

#site-faq-clans .actions .action .infos {
	position: absolute;
	bottom: 0;
	width: 128px;
}

#site-faq-clans .actions .action .infos .nom {
	max-width: 125px;
	margin-left: 3px;
	color: #fff;
	font-weight: bold;
	text-shadow: #000 1px 1px 1px, #000 -1px 1px 1px, #000 -1px -1px 1px, #000 1px -1px 1px;
}

#site-faq-clans .actions .action .infos .cout {
	width: 125px;
	border-radius: 0 0 6px 6px;
	margin: 0px auto 0px auto;
	padding: 2px;
	color: #000;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.8);
}

#site-faq-clans .actions .details .description {
	width: 80%;
	padding: 5px;
	text-align: left;
}

#site-faq-clans .actions .details .effet {
	width: 15%;
	font-weight: bold;
}


/*--------------------------------------------------*/
/*          Acceuil Joueur                          */
/*--------------------------------------------------*/

#joueur-accueil .missives {
	margin-top: 0px;
	background-image: url("../images/cellules/bleu_a1.png"), url("../images/cellules/bleu_b1.png");
	background-size: 385px 50px, 345px 50px;
}

#joueur-accueil .missives table tr td p {
	width: 380px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#joueur-accueil table {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#joueur-accueil table tr td p {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#joueur-accueil table tr:nth-child(even) {
	background: #e6e5ef;
}

#joueur-accueil .citation {
	float: left;
	width: 190px;
	height: 162px;
	color: #000;
	margin: 10px 145px 0 15px;
	text-align: center;
	background: transparent url(../images/design/bulle1.png) no-repeat 0px 0px;
}

#joueur-accueil .citation p {
	width: 150px;
	margin-left: 5px;
	margin-top: 20px;
}

#joueur-accueil .fiche {
	position: relative;
	float: left;
	width: 780px;
	min-height: 190px;
	background: transparent url(../images/cellules/gris_d1.png) no-repeat 0px 15px;
}

#joueur-accueil .fiche .personnage {
	position: absolute;
	right: 20px;
	top: -160px;
	width: 220px;
	height: 480px;
	text-align: center;
	padding-bottom: 10px;
	line-height: 480px;
	background: transparent url(../images/design/socle.png) no-repeat 0px bottom;
	background-size: 220px 90px;
}

#joueur-accueil .fiche .personnage img {
	vertical-align: bottom;
	max-width: 207px;
}

#joueur-accueil .fiche .titre_boulot {
	display: block;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	margin: 23px 0px 0px 20px;
	text-align: left;
}

#joueur-accueil .fiche .titre_clans {
	margin: 3px 0px 0px 20px;
}

#joueur-accueil .fiche .boulot {
	position: relative;
	margin-left: 10px;
	width: 310px;
}

#joueur-accueil .fiche .boulot .mini_bloc {
	position: absolute;
	right: 15px;
	top: -21px;
}

#joueur-accueil .fiche .stats {
	position: absolute;
	left: 330px;
	top: 10px;
	width: 199px;
	min-height: 171px;
	padding: 7px 0 0 15px;
	background: transparent url(../images/cellules/bleu_c1.png) no-repeat 0px 0px;
}

#joueur-accueil .fiche .stats ul {
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

#joueur-accueil .fiche .stats li {
	color: #663399;
	padding: 0px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
	background-image: url(../images/design/puce.png);
	background-repeat: no-repeat;
	background-position: 0 0.32em;
	padding-left: 15px;
}

#joueur-accueil .pts-actions .info_repartition {
	float: left;
	width: 280px;
	height: 120px;
	text-align: center;
	color: #009900;
}

#joueur-accueil .pts-actions .formulaire {
	float: left;
	width: 290px;
	height: 120px;
	font-weight: bold;
	font-size: 12px;
	color: #009900;
}

#joueur-accueil .pts-actions .formulaire label {
	width: 130px;
	height: 19px;
	margin: 3px 3px auto auto;
	padding-left: 10px;
	padding-top: 3px;
	float: left;
	color: #FFF;
	background: rgba(0, 204, 0, 0.6);
	border-radius: 10px 0 0 10px;
}

#joueur-accueil .pts-actions .formulaire .form {
	width: 140px;
	height: 22px;
	margin: 3px 3px auto auto;
	float: left;
	color: #FFF;
	background: rgba(0, 204, 0, 0.6);
	border-radius: 0 10px 10px 0;
}

#joueur-accueil .pts-actions .formulaire .form input {
	width: 60px;
	height: 18px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 10px;
	border-color: #fff;
	border-radius: 0 10px 10px 0;
	text-align: center;
}

#joueur-accueil .pts-actions .formulaire .resultat,
#joueur-accueil .pts-actions .formulaire .total,
#joueur-accueil .pts-actions .formulaire .total_maximum {
	height: 19px;
	margin: 3px 3px auto auto;
	padding-top: 4px;
	float: left;
	color: #00cc00;
	font-weight: bold;
	font-size: 14px;
}

#joueur-accueil .pts-actions .formulaire .bouton_vert {
	float: right;
	margin-right: 10px;
}

#joueur-accueil .jauges {
	float: right;
	margin: 10px 4px 0px 0px;
	width: 40px;
	min-height: 120px;
}

#joueur-accueil .jauges .stress p,
#joueur-accueil .jauges .faim p,
#joueur-accueil .jauges .sante p {
	z-index: 5;
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
}

#joueur-accueil .jauges .stress {
	position: relative;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #ffc1c1;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0px auto 0 auto;
	border-radius: 50%;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 1);
	border: 2px solid #ff7f7f;
}

#joueur-accueil .jauges .stress p {
	color: #cc0000;
}

#joueur-accueil .jauges .faim {
	position: relative;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #cdcdcd;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 10px auto 0 auto;
	border-radius: 50%;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 1);
	border: 2px solid #a6a6a6;
}

#joueur-accueil .jauges .faim p {
	color: #666666;
}

#joueur-accueil .jauges .sante {
	position: relative;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #d3cbff;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 10px auto 0 auto;
	border-radius: 50%;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 1);
	border: 2px solid #aa9cff;
}

#joueur-accueil .jauges .sante p {
	color: #0000ff;
}

#joueur-accueil .jauges .stress-nom {
	margin: auto;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #cc0000;
}

#joueur-accueil .jauges .faim-nom {
	margin: auto;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

#joueur-accueil .jauges .sante-nom {
	margin: auto;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #0000ff;
}

#joueur-accueil .toboz {
	position: relative;
	float: left;
	width: 510px;
	padding: 2px 0px 7px 0px;
	margin-top: 10px;
	background-position: 0 0, 20px bottom;
	background-size: 510px 56px, 460px 45px;
	background-repeat: no-repeat;
	background-image: url("../images/cellules/bleu_a1.png"), url("../images/cellules/bleu_a1.png");
}

#joueur-accueil .toboz h4 {
	display: block;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	margin: 5px 0px 0px 20px;
	text-align: left;
}

#joueur-accueil .toboz .liste table tr td p {
	width: 500px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#joueur-accueil .journal {
	position: relative;
	float: left;
	width: 780px;
	min-height: 180px;
	background: transparent url(../images/cellules/bleu_e1.png) no-repeat 0px 15px;
}

#joueur-accueil .journal h4 {
	display: block;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	margin: 23px 30px 0px 0px;
	text-align: right;
}

#joueur-accueil .journal .resume {
	width: 450px;
	margin-right: 15px;
	float: right;
}

#joueur-accueil .journal .tv {
	position: absolute;
	left: 15px;
	top: -20px;
	width: 285px;
	height: 199px;
	background: transparent url(../images/site/cadre_tv.png) no-repeat 0px 0px;
	background-size: 285px 199px;
}

#joueur-accueil .journal .tv p {
	margin-top: 50px;
	margin-left: 39px;
}

#joueur-accueil .journal .tv img {
	width: 204px;
	height: 124px;
}

#joueur-accueil .journal .resume .titre {
	color: #7a65ff;
	padding: 0px;
	margin: 5px 10px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

#joueur-accueil .journal .resume .news {
	padding: 2px;
}

#joueur-accueil .journal .resume .auteur {
	margin: 5px 10px;
	float: right;
}


/*--------------------------------------------------*/
/*          Controuille                             */
/*--------------------------------------------------*/
#controuille-prof .bd {
	position: relative;
	width: 780px;
	height: 830px;
	background: url(../images/controuille/bd_prof.png) no-repeat;
}

#controuille-prof .bd .antiseche1 {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 70px;
	top: -10px;
}

#controuille-prof .bd .antiseche2 {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 20px;
	top: 30px;
}

#controuille-prof .reviser {
	position: absolute;
	left: 30px;
	bottom: 10px;
	width: 270px;
	height: 46px;
	background: url("../images/design/fleche_gauche.png"), url("../images/controuille/btn_reviser.png"), url("../images/skins_formulaire/submit_gris.png");
	background-repeat: no-repeat;
	background-size: 0px 0px, 167px 21px, 100% 100%;
	background-position: 30px 22px, 55px 11px, 0 0;
	cursor: pointer;
	border-radius: 12px;
	border: 2px groove #ffffff;
	box-shadow: 2px 1px 4px 0px #000000;
	opacity: 1;
}

#controuille-prof .commencer {
	position: absolute;
	left: 318px;
	bottom: 10px;
	width: 400px;
	height: 50px;
	background: url("../images/design/fleche_droite.png"), url("../images/controuille/btn_commencer.png"), url("../images/skins_formulaire/submit_vert.png");
	background-repeat: no-repeat;
	background-size: 0px 0px, 248px 21px, 100% 100%;
	background-position: 370px 22px, 75px 11px, 0 0;
	cursor: pointer;
	border-radius: 12px;
	border: 2px groove #ffffff;
	opacity: 1;
}

#controuille-prof .cherchejob {
	position: absolute;
	left: 318px;
	bottom: 10px;
	width: 400px;
	height: 50px;
	background: url("../images/design/fleche_droite.png"), url("../images/controuille/btn_cherchejob.png"), url("../images/skins_formulaire/submit_rouge.png");
	background-repeat: no-repeat;
	background-size: 0px 0px, 280px 21px, 100% 100%;
	background-position: 370px 22px, 60px 11px, 0 0;
	cursor: pointer;
	border-radius: 12px;
	border: 2px groove #ffffff;
	opacity: 1;
}

#controuille-prof .reviser:hover {
	box-shadow: 2px 1px 4px 0px #000000;
	opacity: 0.85;
	background-size: 25px 20px, 167px 21px, 100% 100%;
	background-position: 20px 12px, 75px 11px, 0 0;
}

#controuille-prof .reviser:active {
	box-shadow: 0px 0px 1px 0px #000000;
	background-size: 25px 20px, 167px 21px, 100% 100%;
	background-position: 20px 12px, 75px 11px, 0 0;
}

#controuille-prof .commencer:hover {
	box-shadow: 2px 1px 4px 0px #000000;
	opacity: 0.85;
	background-size: 25px 20px, 248px 21px, 100% 100%;
	background-position: 350px 12px, 55px 11px, 0 0;
}

#controuille-prof .commencer:active {
	box-shadow: 0px 0px 1px 0px #000000;
	background-size: 25px 20px, 248px 21px, 100% 100%;
	background-position: 350px 12px, 55px 11px, 0 0;
}

#controuille-prof .cherchejob:hover {
	box-shadow: 2px 1px 4px 0px #000000;
	opacity: 0.85;
	background-size: 25px 20px, 280px 21px, 100% 100%;
	background-position: 350px 12px, 40px 11px, 0 0;
}

#controuille-prof .cherchejob:active {
	box-shadow: 0px 0px 1px 0px #000000;
	background-size: 25px 20px, 280px 21px, 100% 100%;
	background-position: 350px 12px, 40px 11px, 0 0;
}

#controuille-prof .suite {
	position: relative;
	float: left;
	width: 780px;
	height: 387px;
	background: url(../images/controuille/prof.png) no-repeat;
}

#controuille-prof .suite .bulle_prof1 {
	position: absolute;
	left: 389px;
	top: 20px;
	width: 325px;
	height: 165px;
	text-align: center;
	color: #000;
}

#controuille-prof .suite .bulle_prof2 {
	position: absolute;
	left: 293px;
	top: 180px;
	width: 270px;
	height: 135px;
	text-align: center;
	color: #000;
}

#controuille_controuille .feuille {
	position: relative;
	margin-top: 80px;
	width: 770px;
	min-height: 715px;
	padding-bottom: 40px;
	background-image: url("../images/controuille/perfore.png"), url("../images/controuille/bar_marge.png"), url("../images/feuille/haut.png"), url("../images/feuille/bas.png"), url("../images/feuille/milieu.png");
	background-position: 30px top, 130px 10px, 10px top, 10px bottom, 10px 0;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y;
	color: #366;
	font-family: "Courier New", "Comic Sans MS", Courier, monospace;
}

#controuille_controuille .feuille .tete {
	position: absolute;
	left: 10px;
	top: -37px;
	width: 760px;
	height: 37px;
	background: url(../images/feuille/tete.png) no-repeat;
}

#controuille_controuille .feuille .antiseche1 {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 70px;
	top: -90px;
}

#controuille_controuille .feuille .antiseche2 {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 550px;
	top: -80px;
	text-align: left;
}

#controuille_controuille .feuille .antiseche2 p {
	text-align: left;
}

#controuille_controuille .feuille .antiseche3 {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 510px;
	top: 180px;
}

#controuille_controuille .feuille .antiseche4 {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 500px;
	top: 200px;
}

#controuille_controuille .feuille .en-tete .titre {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

#controuille_controuille .feuille .en-tete {
	width: 550px;
	margin-left: 170px;
}

#controuille_controuille .feuille .questions {
	width: 78%;
	margin-left: 140px;
	margin-top: 15px;
}

#controuille_controuille .feuille .reponses {
	margin: 10px 0 20px 0;
}

#controuille_controuille .feuille .questions .bloc {
	display: inline-block;
	margin-right: 30px;
}

#controuille_controuille .feuille .questions input[type=radio] {
	margin-right: 10px;
}

/*--------------------------------------------------*/
/*          Joueur                                  */
/*--------------------------------------------------*/
#joueur-choix_perso form {
	margin-top: 30px;
}

#joueur-choix_perso .img-perso {
	float: left;
	width: 150px;
	height: 300px;
	text-align: center;
}

#joueur-choix_perso textarea {
	width: 90%;
}

/*--------------------------------------------------*/
/*          Mon compte                              */
/*--------------------------------------------------*/
#mon_compte-index .changer_bouzouk .img-perso {
	float: left;
	width: 150px;
	height: 300px;
	text-align: center;
}

#mon_compte-index .changer_bouzouk .boutons input {
	background: transparent url(../images/skins_formulaire/submit_violet.png);
	background-size: 100% 100%;
	float: left;
	margin: 5px;
	width: 150px;
	padding-bottom: 2px;
}

#mon_compte-index textarea {
	width: 90%;
}

#mon_compte-index table td {
	padding: 0 5px;
}

#mon_compte-index table td p[class=highlight] {
	margin: 1px;
	padding: 1px 20px;
}

#mon_compte-index .partager a {
	display: inline-block;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #000;
	border: 2px groove #ffffff;
}

#mon_compte-index .partager a:hover {
	margin: -1px 1px 1px -1px;
	box-shadow: 2px 2px 2px #000;
}

#mon_compte-index .partager a:active {
	margin: 0px 0px 0px 0px;
	box-shadow: 0 0 10px #c75;
}

/*--------------------------------------------------*/
/*          Historique                              */
/*--------------------------------------------------*/
#historique-index .boutons_filtre input {
	background: transparent url(../images/skins_formulaire/submit_gris.png);
	background-size: 100% 100%;
	padding-top: 3px;
	padding-bottom: 3px;
}

#historique-index .lignes {
	width: 100%;
}

#historique-index .lignes th {
	text-align: left;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#historique-index .lignes td {
	padding: 0 5px;
}

#historique-index .lignes tr td:nth-child(1) {
	width: 1px;
	white-space: nowrap;
}

#historique-index .lignes tr:nth-child(even) {
	background: #e6e5ef;
}

#historique-index .lignes td p[class=tab_espace] {
	margin: 0;
	padding: 1px 20px;
}

#historique-index .filtres table {
	width: 100%;
}

#historique-index .non_lue {
	background-color: rgba(251, 157, 89, 0.55);
}

/*--------------------------------------------------*/
/*          Missives                                */
/*--------------------------------------------------*/
#missives table {
	width: 100%;
}

#missives table th {
	text-align: left;
	padding: 0 5px 2px 5px;
	font-weight: normal;
	color: #666;
}

#missives table tr td:nth-child(-n+2),
#missives table tr td:nth-child(n+4) {
	width: 1px;
	white-space: nowrap;
}

#missives table tr:nth-child(even) {
	background: #e6e5ef
}

#missives .non-lue {
	font-weight: bold;
}

#missives table td {
	padding: 0 5px;
}

#missives table tr td:nth-child(1) {
	padding: 0;
}

#missives table tr td:nth-child(2) p {
	text-align: left;
}

#missives table td p {
	padding-right: 15px;
	margin: 1px 0;
	text-align: center;
}

#missives table tr td:nth-child(4) p {
	padding: 0 5px;
}

#missives .barre {
	margin-top: 5px;
}

#missives .barre img {
	float: left;
	height: 7px;
}

#missives table tr td img {
	margin-left: 10px;
	margin-right: 10px;
}

#missives .style {
	border-radius: 2px;
	width: 10px;
	height: 10px;
	box-shadow: 1px 1px 1px 0px #000000;
}

#missives-lire .lettre {
	position: relative;
	float: left;
	width: 780px;
}

#missives-lire .lettre .repondre button {
	position: absolute;
	left: 740px;
	top: 100px;
	width: 75px;
	height: 80px;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url("../images/missives/btn_repondre.png"), url("../images/vide.gif"), url("../images/missives/btn_repondre_socle.png");
	background-position: -20px 0, -20px 40px, -110px 40px;
	transition-property: all;
	transition-duration: 0.3s;
}

#missives-lire .lettre .repondre button:hover {
	cursor: pointer;
	outline-style: none;
	background-image: url("../images/missives/btn_repondre.png"), url("../images/missives/btn_repondre_ombre.png"), url("../images/missives/btn_repondre_socle.png");
	background-position: 0 0, 0px 45px, -40px 40px;
}

#missives-lire .lettre .supprimer button {
	position: absolute;
	left: 740px;
	top: 200px;
	width: 75px;
	height: 100px;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url("../images/missives/btn_supprimer.png"), url("../images/vide.gif"), url("../images/missives/btn_supprimer_socle.png");
	background-position: -10px 0, -10px 45px, -110px 50px;
	transition-property: all;
	transition-duration: 0.3s;
}

#missives-lire .lettre .supprimer button:hover {
	cursor: pointer;
	outline-style: none;
	background-image: url("../images/missives/btn_supprimer.png"), url("../images/missives/btn_supprimer_ombre.png"), url("../images/missives/btn_supprimer_socle.png");
	background-position: 10px 0, 13px 55px, -40px 50px;
}

#missives-lire .feuille {
	position: relative;
	z-index: 20;
	float: left;
	width: 764px;
	min-height: 280px;
	margin-top: 40px;
	background-image: url("../images/feuille/haut.png"), url("../images/feuille/milieu.png");
	background-position: 10px 0, 10px 0;
	background-repeat: no-repeat, repeat-y;
	color: #366;
	font-family: "Courier New", "Comic Sans MS", Courier, monospace;
}

#missives-lire .feuille .tete {
	position: absolute;
	left: 10px;
	top: -37px;
	width: 760px;
	height: 37px;
	background: url(../images/feuille/tete.png) no-repeat;
}

#missives-lire .feuille .date {
	width: 660px;
	height: 20px;
	margin-left: 50px;
	float: left;
	text-align: right;
}

#missives-lire .feuille .message {
	width: 660px;
	margin-left: 50px;
	float: left;
	margin-bottom: 60px;
}

#missives-lire .enveloppe {
	position: relative;
	z-index: 22;
	float: left;
	width: 780px;
	height: 352px;
	margin-top: -50px;
	background-image: url("../images/missives/enveloppe.png"), url("../images/missives/enveloppe_element1.png");
	background-position: 0 22px, 19px 0;
	background-repeat: no-repeat;
	color: #366;
	font-family: "Courier New", "Comic Sans MS", Courier, monospace;
}

#missives-lire .enveloppe .effet_lumiere {
	position: absolute;
	left: 1px;
	top: 21px;
	width: 774px;
	height: 300px;
	background-image: url("../images/missives/enveloppe_element2.png"), url("../images/missives/tampon.png");
	background-position: 0 0, 100px 80px;
	background-repeat: no-repeat;
}

#missives-lire .timbre {
	width: 69px;
	height: 82px;
	padding: 9px 0 0 8px;
	margin: 70px 0 0 60px;
	float: left;
	background: url(../images/missives/contour_timbre.png) no-repeat;
}

#missives-lire .enveloppe .contact {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 780px;
	color: #350000;
	font-weight: bold;
}

#missives-lire .enveloppe .contact .expediteur {
	width: 500px;
	height: 100px;
	margin: 100px 0 0 210px;
	float: left;
	text-align: right;
}

#missives-lire .enveloppe .contact .destinataire {
	width: 500px;
	height: 80px;
	margin-left: 220px;
	float: left;
	text-align: left;
}

#missives-lire .actions {
	width: 61px;
	float: right;
}

#missives-ecrire .lettre {
	float: left;
}

#missives-ecrire .lettre input[type="text"],
#missives-ecrire .lettre select,
#missives-ecrire .lettre textarea {
	border: 1px dashed #669999;
	color: #000;
	background-color: transparent;
	font-size: 15px;
}

#missives-ecrire .lettre input[type="text"]:hover,
#missives-ecrire .lettre select:hover,
#missives-ecrire .lettre textarea:hover {
	border: #999 1px solid;
	background-color: #f4faff;
}

#missives-ecrire .lettre .enveloppe {
	position: relative;
	float: left;
	margin-top: -20px;
	width: 780px;
	height: 352px;
	background-image: url("../images/missives/enveloppe_element2.png"), url("../images/missives/enveloppe.png");
	background-position: 1px 21px, 0 22px;
	background-repeat: no-repeat;
	color: #366;
	font-family: "Courier New", "Comic Sans MS", Courier, monospace;
}

#missives-ecrire .lettre .enveloppe .formulaire {
	position: absolute;
	left: 40px;
	top: 60px;
	width: 700px;
	height: 200px;
}

#missives-ecrire .lettre .enveloppe .formulaire .timbre_image {
	width: 69px;
	height: 82px;
	padding: 9px 0 0 8px;
	float: left;
	background: url(../images/missives/contour_timbre.png) no-repeat;
}

#missives-ecrire .lettre .enveloppe .formulaire .timbre select {
	height: 86px;
	width: 180px;
	float: left;
	color: #000;
}

#missives-ecrire .lettre .enveloppe .formulaire .expediteur {
	width: 420px;
	float: right;
	text-align: left;
	color: #000;
}

#missives-ecrire .lettre .enveloppe .formulaire .joueur {
	width: 320px;
	height: 65px;
	float: right;
	text-align: right;
	color: #000;
}

#missives-ecrire .lettre .enveloppe .formulaire .joueur select {
	width: 200px;
	color: #000;
}

#missives-ecrire .lettre .feuille {
	position: relative;
	float: left;
	margin-top: -150px;
	width: 770px;
	min-height: 715px;
	padding-bottom: 40px;
	background-image: url("../images/feuille/haut.png"), url("../images/feuille/bas.png"), url("../images/feuille/milieu.png");
	background-position: 10px top, 10px bottom, 10px 0;
	background-repeat: no-repeat, no-repeat, repeat-y;
	color: #366;
	font-family: "Courier New", "Comic Sans MS", Courier, monospace;
}

#missives-ecrire .lettre .feuille .tete {
	position: absolute;
	left: 10px;
	top: -37px;
	width: 760px;
	height: 37px;
	background: url(../images/feuille/tete.png) no-repeat;
}

#missives-ecrire .lettre .feuille .bloc {
	margin-left: 40px;
	width: 690px;
}

#missives-ecrire .lettre .feuille .bloc .objet {
	width: 500px;
	margin-bottom: 20px;
}

#missives-ecrire .lettre .feuille .bloc .bbcode {
	width: 590px;
	height: 40px;
}

#missives-ecrire .lettre .feuille .bloc .bbcode input {
	background: transparent url(../images/skins_formulaire/submit_violet.png);
	background-size: 100% 100%;
	width: 120px;
	transition-property: all;
	transition-duration: 0.1s;
}

#missives-ecrire .lettre .feuille .bloc .bbcode input:hover {
	opacity: 0.85;
	cursor: pointer;
	outline: none;
}

#missives-ecrire .lettre .feuille .bloc .bbcode input:active {
	box-shadow: 0px 0px 1px 0px #000000;
}

#missives-ecrire .lettre .feuille .bloc .intro {
	width: 450px;
	margin: 0 0 5px 30px;
}

#missives-ecrire .lettre .feuille .bloc .message {
	width: 675px;
}

#missives-ecrire .lettre .feuille .bloc .politesse {
	width: 550px;
	margin: 5px 0 0 30px;
}

#missives-ecrire .lettre .feuille .bloc .smileys {
	padding: 0px;
	width: 690px;
	height: 50px;
	margin-top: 5px;
	overflow-x: auto;
	overflow-y: hidden;
	word-wrap: break-word;
}

#missives-ecrire .lettre .feuille .bloc .smileys img {
	max-width: 40px;
	max-height: 30px;
	margin-left: -2px;
}

#missives-ecrire .lettre .feuille .bloc .smileys img:hover {
	background-color: #9c97c1;
	border-radius: 20%;
}

#missives-ecrire .lettre .feuille .bloc .btn_envoi {
	margin-left: 500px;
	height: 50px;
}

#missives-ecrire .lettre .feuille .text_origine {
	margin-left: 40px;
	width: 670px;
	padding: 5px;
	background-color: #f4faff;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 1px #656565;
}

/*--------------------------------------------------*/
/*          Factures                                */
/*--------------------------------------------------*/
#missives_factures-lister .cellule_bleu_type1 .bloc_bleu {
	padding-bottom: 5px;
}

#missives_factures-lister table {
	width: 100%;
}

#missives_factures-lister table th {
	text-align: left;
	padding: 0 5px 2px 5px;
	font-weight: normal;
	color: #666;
}

#missives_factures-lister table td {
	padding: 0 5px;
}

#missives_factures-lister table tr td:nth-child(n+2) {
	width: 1px;
	white-space: nowrap;
	padding: 2px 10px 2px 5px;
}

#missives_factures-lister table tr:nth-child(even) {
	background: #e6e5ef
}

#missives_factures-lister table input[type=submit] {
	margin: 0;
	padding: 1px 10px;
}

#missives_factures-lister table td p[class=highlight] {
	margin: 0;
	padding-right: 20px;
	text-align: left;
}

#missives_factures-lister table tr[class=urgent] {
	background-color: #e5b2b2;
}

#missives_factures-lister table tr[class=urgent]:nth-child(odd) {
	background-color: #ecc5c5;
}

#missives_factures-lister table input[type=number] {
	width: 70px;
	border: 2px;
	border-radius: 12px;
}

/*--------------------------------------------------*/
/*          Maison                                  */
/*--------------------------------------------------*/
#maison-index .objet {
	position: relative;
	float: left;
	width: 780px;
	margin-bottom: 10px;
	background: url(../images/cellules/gris_a1.png), url(../images/design/socle.png);
	background-position: 15px 0, 0 40px;
	background-size: 765px 50px, 100px 45px;
	background-repeat: no-repeat;
}

#maison-index .objet h4 {
	display: block;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	margin: 5px 0px 0px 100px;
	text-align: left;
}

#maison-index .objet .bloc_gris {
	float: right;
	width: 660px;
	margin-right: 10px;
}

#maison-index .objet .bloc_gris .mini_bloc {
	margin-top: -2px;
}

#maison-index .objet .image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	float: left;
	text-align: center;
	line-height: 75px;
}

#maison-index .objet .image img {
	max-width: 80px;
	max-height: 75px;
	vertical-align: bottom;
}

#maison-index .categorie-titre {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	max-height: 40px;
	width: 95%;
	min-height: 0;
	cursor: pointer;
}

/*#maison-index .categorie{}*/
#maison-index .categorie-titre p {
	margin-right: 10px;
	display: inline;
	padding: 5px;
	font-size: 20px;
	background-color: #94ddba;
	box-shadow: inset 0px 4px 5px 0px #C1C1C1, inset 0px -2px 5px 0px #5E5E5E;
}

#maison-index .categorie-titre h2 {
	display: inline;
	user-select: none;
}

#maison-index .fleche-deroulement {
	filter: hue-rotate(90deg) invert(70%);
	margin-top: 5px;
	float: right;
	user-select: none;
}

#maison-index .tourne {
	transform: rotate(-90deg);
}

#maison-index .objet .bloc_gris table {
	width: 100%;
	border-collapse: separate;
	padding: 0px;
	margin: 0px;
}

#maison-index .objet .bloc_gris table input[type=submit] {
	margin: 2px;
}

#maison-index .objet select {
	display: inline-block;
	min-width: 40px;
	max-width: 220px;
}

#maison-index .marche_noir {
	margin-top: 30px;
}

#maison-index .marche_noir .bloc_bleu {
	padding-bottom: 3px;
}

#maison-index .marche_noir table {
	width: 100%;
}

#maison-index .marche_noir tr td:nth-child(1),
#maison-index .marche_noir tr td:nth-child(n+3) {
	width: 1px;
	white-space: nowrap;
	height: 27px;
}

#maison-index .marche_noir table tr:nth-child(even) {
	background: #e6e5ef
}

#maison-index .marche_noir th {
	text-align: left;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#maison-index .marche_noir td {
	padding: 0 5px;
}

#maison-index .marche_noir .prix {
	margin: 2px 0;
	text-align: center;
	padding: 0 15px;
}

#maison-index .marche_noir .quantite {
	margin: 0;
	text-align: center;
	padding: 0;
}

#maison-index .marche_noir select {
	width: 50px;
	color: #777;
	background-color: transparent;
}

#maison-index .marche_noir select:hover {
	background-color: #eee;
}

#maison-index .marche_noir input[type="submit"] {
	margin: 0;
	padding: 0 10px;
	margin-top: -1px;
}

/*--------------------------------------------------*/
/*          Magasins                                */
/*--------------------------------------------------*/
#magasin-magasin .objet {
	position: relative;
	display: inline-block;
	width: 370px;
	height: 170px;
	margin: 0 10px 10px 10px;
	background-image: url("../images/magasins/poteau.png"), url("../images/cellules/bleu_b1.png"), url("../images/design/socle.png");
	background-position: 45px 20px, 2px 43px, 2px 95px;
	background-size: 54px 92px, 368px 40px, 163px 70px;
	background-repeat: no-repeat;
	color: #666;
}

#magasin-magasin .objet .titre {
	width: 225px;
	height: 22px;
	margin-top: 20px;
	float: right;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

#magasin-magasin .objet .image {
	z-index: 10;
	position: absolute;
	top: 50px;
	left: 15px;
	width: 135px;
	height: 95px;
	text-align: center;
	line-height: 95px;
}

#magasin-magasin .objet .image img {
	max-width: 140px;
	max-height: 95px;
	vertical-align: bottom;
}

#magasin-magasin .objet .stat_objet {
	position: absolute;
	top: 65px;
	left: 170px;
	width: 180px;
	min-height: 50px;
	padding: 4px 0 4px 0;
	text-align: left;
	color: #5746b8;
}

#magasin-magasin .objet .stat_objet p {
	max-width: 100%;
	height: 16px;
	padding: 0px 15px;
}

#magasin-magasin .objet .achat {
	width: 120px;
	height: 72px;
	float: right;
	text-align: left;
}

#magasin-magasin .objet .prix {
	position: absolute;
	top: 32px;
	left: 0px;
	width: 92px;
	padding-top: 12px;
	line-height: 16px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: #996600 1px 1px 0px, #996600 -1px 1px 0px, #603913 -1px -1px 0px, #603913 1px -1px 0px;
	background: url(../images/magasins/pancarte.png) no-repeat;
	background-size: 100% 100%;
	-webkit-transform: rotate(-25deg);
	transform: rotate(-25deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

#magasin-magasin .objet .prix .ancien {
	font-size: 14px;
	text-decoration: line-through;
	text-shadow: none;
	color: #000;
}

#magasin-magasin .objet .promo {
	position: absolute;
	top: 0px;
	left: 110px;
}

#magasin-magasin .objet .penurie {
	position: absolute;
	top: 125px;
	left: 175px;
	margin-top: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

#magasin-magasin .objet .formulaire {}

#magasin-magasin .objet .formulaire label {
	margin-left: 3px;
}

#magasin-magasin .objet .formulaire select {
	position: absolute;
	top: 133px;
	left: 172px;
	width: 50px;
	width: 50px;
	height: 22px;
	color: #555;
	border: 2px solid #9c97c1;
	border-radius: 10px;
}

#magasin-magasin .objet .formulaire select:hover {
	background-color: #eee;
}

#magasin-magasin .objet .formulaire input[type="submit"] {
	position: absolute;
	top: 125px;
	left: 230px;
	width: 120px;
	height: 28px;
}

#magasin-magasin .objet .quantite {
	position: absolute;
	top: 46px;
	left: 170px;
	width: 181px;
	height: 19px;
	text-align: center;
	color: #fff;
	font-size: 13px;
}

#magasin-magasin #magasin {
	width: 780px;
	margin: 0px;
	text-align: center;
}

#magasin-magasin #faim {
	width: 386px;
	height: 347px;
	float: right;
	background: url(../images/magasins/vendeur_bouffzouk_2.png) no-repeat;
}

#magasin-magasin #sante {
	width: 386px;
	height: 347px;
	float: right;
	background: url(../images/magasins/vendeur_indispenzouk_2.png) no-repeat;
}

#magasin-magasin #stress {
	width: 386px;
	height: 347px;
	float: right;
	background: url(../images/magasins/vendeur_luxezouk_2.png) no-repeat;
}

#magasin-magasin #boost {
	width: 386px;
	height: 347px;
	float: right;
	background: url(../images/magasins/vendeur_boostzouk_2.png) no-repeat;
}

#magasin-magasin #sante p,
#magasin-magasin #faim p,
#magasin-magasin #stress p,
#magasin-magasin #boost p {
	margin-top: 15px;
	margin-left: 12px;
	width: 240px;
	height: 100px;
	color: #000;
}

/*--------------------------------------------------*/
/*          Marché noir                             */
/*--------------------------------------------------*/
#marche_noir-index .image_vendeur {
	position: absolute;
	top: -48px;
	left: 390px;
	width: 322px;
	height: 84px;
	background: url(../images/marche_noir/vendeur.png) no-repeat;
}

#marche_noir-index .objet_pub {
	position: relative;
	float: left;
	width: 242px;
	height: 195px;
	margin-top: 10px;
	margin-left: 9px;
	margin-right: 9px;
	background-image: url("../images/marche_noir/panneau.png"), url("../images/cellules/bleu_b1.png");
	background-position: 0 13px, 0px 17px;
	background-size: 102px 123px, 242px 42px;
	background-repeat: no-repeat;
}

#marche_noir-index .objet_pub .formulaire {
	position: absolute;
	right: 10px;
	top: 160px;
	width: 240px;
	height: 30px;
	text-align: right;
	font-weight: bold;
}

#marche_noir-index .objet_pub .formulaire select {
	border: 1px solid #9c97c1;
}

#marche_noir-index .objet_pub .nom_objet {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 240px;
	height: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#marche_noir-index .objet_pub .detail_obj {
	position: absolute;
	right: 8px;
	top: 27px;
	width: 130px;
	min-height: 40px;
}

#marche_noir-index .objet_pub .detail_obj p {
	margin: 2px 0px;
	padding-left: 5px;
	background: #e6e5ef;
}

#marche_noir-index .objet_pub .prix_objet {
	position: absolute;
	left: 3px;
	top: 48px;
	width: 90px;
	height: 20px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-shadow: #996600 1px 1px 0px, #996600 -1px 1px 0px, #603913 -1px -1px 0px, #603913 1px -1px 0px;
	font-weight: bold;
	transform: rotate(-21deg);
	transform-origin: 0 0;
	-webkit-transform: rotate(-21deg);
	-webkit-transform-origin: 0 0;
}

#marche_noir-index .objet_pub .image_joueur {
	position: absolute;
	right: 13px;
	top: 51px;
	width: 100px;
	height: 90px;
	line-height: 90px;
	text-align: center;
}

#marche_noir-index .objet_pub .image_joueur img {
	max-width: 100px;
	max-height: 90px;
	vertical-align: middle;
}

#marche_noir-index .objet_pub .infos_vente {
	position: absolute;
	left: 0px;
	top: 125px;
	width: 242px;
	height: 101px;
	background: url(../images/cellules/rouge_d1.png) no-repeat;
	background-position: 0px 0px;
	background-size: 242px 35px;
}

#marche_noir-index .objet_pub .infos_vente .image {
	position: absolute;
	left: 10px;
	top: -70px;
	width: 120px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}

#marche_noir-index .objet_pub .infos_vente .image img {
	max-width: 120px;
	max-height: 100px;
	vertical-align: bottom;
}

#marche_noir-index .objet_pub .infos_vente .pseudo {
	position: absolute;
	right: 10px;
	top: 11px;
	width: 100px;
	height: 20px;
	text-align: center;
}

#marche_noir-index .objet_pub .infos_vente .pseudo a {
	color: #fb9494;
	font-size: 13px;
	font-weight: bold;
	text-shadow: #47392d 1px 1px 0px, #776250 -1px 1px 0px, #776250 -1px -1px 0px, #47392d 1px -1px 0px;
}

#marche_noir-index .objet_pub .infos_vente .pseudo a:hover {
	color: #c2a5fe;
}

#marche_noir-index .objet {
	width: 780px;
	height: 43px;
	margin-top: 20px;
	background: url(../images/marche_noir/support_ombre.png) no-repeat;
	background-position: 4px 3px;
	float: left;
}

#marche_noir-index .objet .titre {
	width: 280px;
	height: 20px;
	margin-top: -9px;
	margin-left: 0px;
	float: left;
	text-align: center;
	font-size: 14px;
}

#marche_noir-index .objet .image {
	width: 100px;
	height: 50px;
	margin-top: -15px;
	float: left;
	line-height: 50px;
	text-align: center;
}

#marche_noir-index .objet .image img {
	max-width: 80px;
	max-height: 50px;
	vertical-align: bottom;
}

#marche_noir-index .objet .detail {
	position: relative;
	float: right;
	margin-top: -2px;
	margin-right: 15px;
	width: 655px;
	min-height: 20px;
}

#marche_noir-index .objet .detail table {
	width: 100%;
	border-collapse: separate;
	padding: 0px;
	margin: 0px;
}

#marche_noir-index .objet .detail table td {
	background: #e6e5ef;
	padding-left: 10px;
}

#marche_noir-index .objet .prix {
	position: absolute;
	right: 10px;
	top: -21px;
}

#marche_noir-index .objet .objet_faim {
	display: block;
	color: #807d7d;
	width: 776px;
	height: 53px;
	background: url(../images/marche_noir/support_bouff.png) no-repeat;
	margin-top: 2px;
	margin-left: 3px;
}

#marche_noir-index .objet .objet_sante {
	display: block;
	color: #876dca;
	width: 776px;
	height: 53px;
	background: url(../images/marche_noir/support_indispen.png) no-repeat;
	margin-top: 2px;
	margin-left: 3px;
}

#marche_noir-index .objet .objet_stress {
	display: block;
	color: #e15959;
	width: 776px;
	height: 53px;
	background: url(../images/marche_noir/support_luxe.png) no-repeat;
	margin-top: 2px;
	margin-left: 3px;
}

#marche_noir-index .objet .objet_boost {
	display: block;
	color: #686f5b;
	width: 776px;
	height: 53px;
	background: url(../images/marche_noir/support_boost.png) no-repeat;
	margin-top: 2px;
	margin-left: 3px;
}

#marche_noir-index .objet .objet_faim:hover,
#marche_noir-index .objet .objet_sante:hover,
#marche_noir-index .objet .objet_stress:hover,
#marche_noir-index .objet .objet_boost:hover {
	margin-top: 0px;
	margin-left: 0px;
}

#marche_noir-index .objet .objet_faim:active,
#marche_noir-index .objet .objet_sante:active,
#marche_noir-index .objet .objet_stress:active,
#marche_noir-index .objet .objet_boost:active {
	margin-top: 2px;
	margin-left: 3px;
}

#marche_noir-acheter .en-tete {
	position: relative;
	width: 780px;
	height: 150px;
	float: left;
	background-image: url("../images/design/bulle2.png"), url("../images/magasins/vendeur_mn.png"), url("../images/cellules/rouge_d1.png"), url("../images/design/tableau_g.png"), url("../images/design/bulle3.png"), url("../images/cellules/bleu_b1.png");
	background-position: 285px 8px, 483px 0px, 115px 97px, 0 0, 603px 0, 170px 5px;
	background-size: 228px 91px, 176px 121px, 596px 43px, 156px 124px, 177px 125px, 596px 60px;
	background-repeat: no-repeat;
}

#marche_noir-acheter .en-tete .image {
	position: absolute;
	left: 170px;
	top: 10px;
	width: 135px;
	height: 120px;
	line-height: 120px;
	text-align: center;
}

#marche_noir-acheter .en-tete .image img {
	max-width: 135px;
	max-height: 120px;
	vertical-align: bottom;
}

#marche_noir-acheter .en-tete .infos_produit {
	position: absolute;
	left: 285px;
	top: 13px;
	width: 210px;
	height: 85px;
	font-size: 12px;
	color: #000;
	text-align: center;
}

#marche_noir-acheter .en-tete .texte_pnj {
	position: absolute;
	left: 625px;
	top: 15px;
	width: 155px;
	height: 115px;
	font-size: 12px;
	color: #000;
	text-align: center;
}

#marche_noir-acheter .en-tete .infos_mn {
	position: absolute;
	left: 5px;
	top: 20px;
	width: 150px;
	height: 90px;
	font-size: 12px;
	font-weight: bold;
	color: #58537c;
}

#marche_noir-acheter .objet {
	position: relative;
	width: 100%;
	float: left;
	text-align: left;
	margin: 5px 0 20px 0px;
	height: 20px;
	background-color: #cdcbe0;
}

#marche_noir-acheter .objet .titre {
	float: left;
	margin-top: 1px;
	margin-left: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 14px;
	height: 18px;
	background-color: #fff;
	border-radius: 9px;
}

#marche_noir-acheter .objet .infos {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 765px;
	height: 18px;
}

#marche_noir-acheter .objet .infos .vendeur {
	width: 230px;
	display: inline-block;
}

#marche_noir-acheter .objet .infos .quantite {
	margin-left: 35px;
	width: 130px;
	display: inline-block;
}

#marche_noir-acheter .objet .infos .peremption {
	width: 170px;
	display: inline-block;
}

#marche_noir-acheter .objet .formulaire {
	position: absolute;
	left: 600px;
	top: 8px;
	width: 150px;
	height: 22px;
	text-align: center;
	background-color: #fff;
	border-radius: 12px;
}

#marche_noir-acheter .objet .formulaire select {
	border: 1px solid #9c97c1;
}

#marche_noir-acheter .objet .formulaire input {
	margin-top: 3px;
}

/*--------------------------------------------------*/
/*          Mendiants                               */
/*--------------------------------------------------*/
#mendiants-mendier .mendier {
	position: relative;
	float: left;
	width: 100%;
	height: 350px;
	background: url(../images/mendiants/mendiant.png), url(../images/cellules/bleu_a1.png);
	background-size: 294px 301px, 550px 50px;
	background-position: right 0, left 30px;
	background-repeat: no-repeat;
}

#mendiants-mendier .mendier h4 {
	display: block;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	margin: 37px 0px 0px 30px;
	text-align: left;
}

#mendiants-mendier .mendier .infos {
	width: 440px;
	margin-left: 20px;
	margin-bottom: 2px;
}

#mendiants-mendier .mendier .infos textarea {
	width: 420px;
	margin: 5px;
}

#mendiants-mendier .mendier .infos .formulaire {
	text-align: center;
}

#mendiants-mendier .mendier .infos .formulaire input[type="submit"] {
	margin: 5px;
}

#mendiants-liste .mendiant {
	width: 217px;
	margin: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

#mendiants-liste .mendiant .bulle {
	display: inline-block;
	width: 212px;
	margin-top: 15px;
	background: url(../images/layout_teaser/bulle_texte4_millieu.png) repeat-y;
}

#mendiants-liste .mendiant .bulle p {
	margin: 0 5px 5px 5px;
}

#mendiants-liste .mendiant .bulle .haut {
	float: left;
	width: 212px;
	height: 14px;
	margin-top: -14px;
	background: url(../images/layout_teaser/bulle_texte4_haut.png) no-repeat;
}

#mendiants-liste .mendiant .perso {
	position: relative;
	float: left;
	width: 217px;
	height: 200px;
	background: url(../images/layout_teaser/bulle_texte4_bas.png) no-repeat;
	background-position: 2px 0;
}

#mendiants-liste .mendiant .perso .dons {
	position: absolute;
	color: #000;
	left: 0px;
	bottom: 0px;
	width: 217px;
	height: 103px;
	background: url(../images/mendiants/pancarte.png) no-repeat;
}

#mendiants-liste .mendiant .perso .dons .pseudo {
	margin: 8px 0 0 0;
	width: 100%;
}

#mendiants-liste .mendiant .perso .dons .pseudo a {
	color: #f86161;
	font-size: 16px;
	font-weight: bold;
	text-shadow: #47392d 1px 1px 0px, #776250 -1px 1px 0px, #776250 -1px -1px 0px, #47392d 1px -1px 0px;
}

#mendiants-liste .mendiant .perso .dons .pseudo a:hover {
	color: #c2a5fe;
}

#mendiants-liste .mendiant .perso .dons input[type="text"] {
	background-color: transparent;
	border: 1px dashed #000;
	text-align: center;
}

#mendiants-liste .mendiant .perso .dons input[type="submit"] {
	padding: 0 10px;
}

#mendiants-liste .mendiant .perso .dons .donner {
	position: absolute;
	left: 90px;
	top: 48px;
}


/*--------------------------------------------------*/
/*          Jeux                                    */
/*--------------------------------------------------*/
#jeux-lohtoh .tirage {
	float: left;
	position: relative;
	width: 100%;
	min-height: 350px;
	margin-top: 20px;
	background-image: url("../images/jeux/lohtoh.png"), url("../images/cellules/bleu_a1.png"), url("../images/design/socle.png");
	background-repeat: no-repeat;
	background-size: 240px 276px, 780px 72px, 270px 100px;
	background-position: 480px 30px, 0 90px, 470px 230px;
}

#jeux-lohtoh .tirage .texte {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

#jeux-lohtoh .tirage h4 {
	display: block;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	margin: 102px 0px 0px 20px;
	text-align: left;
}

#jeux-lohtoh .tirage .ticket {
	position: relative;
	margin-left: 20px;
	width: 420px;
}

#jeux-lohtoh .tirage .ticket table,
#jeux-lohtoh .deja_joues table {
	width: 100%;
}

#jeux-lohtoh .tirage .ticket .taxe {
	margin: 2px 0;
}

#jeux-lohtoh .tirage .cagnotte {
	top: -21px;
	right: 20px;
}

#jeux-lohtoh form {
	margin: 10px 0 20px 0;
}

#jeux-lohtoh select {
	height: 19px;
	width: 60px;
}

#jeux-lohtoh .deja_joues {
	margin-top: 25px;
}

#jeux-lohtoh .deja_joues table td {
	padding: 0 2px;
}

#jeux-lohtoh .deja_joues table td p[class=highlight] {
	margin: 0 15px;
	padding: 2px 15px;
}

#jeux-lohtoh_tirages table {
	width: 100%;
}

#jeux-lohtoh_tirages table tr:nth-child(even) {
	background: #e6e5ef
}

#jeux-lohtoh_tirages th {
	text-align: left;
	padding: 5px 5px 2px 15px;
	font-weight: normal;
	color: #000;
}

#jeux-lohtoh_tirages table td {
	padding: 0 10px;
}

#jeux-lohtoh_tirages table td:nth-child(-n+3) {
	width: 1px;
	white-space: nowrap;
}

#jeux-lohtoh_tirages table td p[class=highlight] {
	padding: 2px 15px;
	margin: 0;
}

#jeux-bonneteau .decor {
	position: relative;
	width: 780px;
	height: 450px;
	margin-top: -40px;
	float: left;
	background-image: url("../images/pnj/croupiere.png"), url("../images/jeux/casino_panel.png");
	background-position: 370px 50px, 270px 0px;
	background-size: 296px 344px, 239px 158px;
	background-repeat: no-repeat;
}

#jeux-bonneteau .texte_pnj {
	position: absolute;
	top: 150px;
	left: 1px;
	width: 400px;
	height: 120px;
	color: #000;
	text-align: center;
}

#jeux-bonneteau .mise {
	position: absolute;
	top: 250px;
	left: 0px;
	width: 400px;
	height: 120px;
	text-align: center;
}

#jeux-bonneteau .mise input {
	border: 2px solid #9c97c1;
}

#jeux-bonneteau .bols {
	position: absolute;
	top: 290px;
	right: 30px;
	width: 450px;
	height: 150px;
	text-align: center;
}

#jeux-bonneteau .bol2 {
	margin-top: 25px;
}

#jeux-bonneteau .bol1_3 {
	margin-bottom: 25px;
}

#jeux-bonneteau .bols button {
	background: transparent;
	border: none;
	outline: none;
}

#jeux-bonneteau .bols button:hover {
	cursor: pointer;
}

#jeux-bonneteau .bols button::-moz-focus-inner {
	border: 0;
}

/* bordure de merde quand on clique */

#jeux-scraplouk .infos {
	position: relative;
	display: inline-block;
	width: 780px;
	height: 680px;
	background-image: url("../images/cellules/gris_d1.png"), url("../images/cellules/gris_b1.png");
	background-size: 780px 145px, 780px 70px;
	background-position: 0px 10px, 0px 350px;
	background-repeat: no-repeat;
}

#jeux-scraplouk .infos .haut {
	position: absolute;
	left: 445px;
	top: 40px;
	width: 300px;
	padding: 3px;
}

#jeux-scraplouk .infos .bas {
	position: absolute;
	left: 445px;
	top: 370px;
	width: 300px;
	padding: 3px;
}

#jeux-scraplouk .infos .bas img {
	border-radius: 5px;
	box-shadow: 1px 1px 3px #000;
	margin-left: 30px;
}

#jeux-scraplouk .infos .bas img:hover {
	border-radius: 5px;
	box-shadow: 1px 1px 1px #777;
}

#jeux-scraplouk .tete {
	font-size: small;
}

#jeux-scraplouk .tete span {
	font-weight: bold;
}

#jeux-scraplouk .signature {
	font-size: x-small;
}

#jeux-scraplouk .contenu {
	position: absolute;
	left: 30px;
	top: 40px;
	width: 384px;
	background-color: #b0ead2;
}

#jeux-scraplouk .missing {
	margin: auto;
	position: relative;
	top: 50%;
	width: 193px;
}

#jeux-scraplouk .missing a {
	height: 63px;
	position: relative;
	top: -31px;
}

#jeux-scraplouk .missing img {
	border-width: 0px;
}

#jeux-scraplouk #unityPlayer {
	cursor: default;
	height: 624px;
	width: 384px;
	overflow: hidden;
	box-shadow: 1px 1px 3px #000;
}

/*--------------------------------------------------*/
/*          Communaute                              */
/*--------------------------------------------------*/
#communaute-classements .joueurs table {
	width: 100%;
}

#communaute-classements .joueurs table td p[class=tab_espace] {
	padding: 2px 10px;
	margin: 0 3px 0 0;
}

#communaute-classements .joueurs table tr:nth-child(odd) {
	background: #e6e5ef
}

#communaute-classements .joueurs table td {
	padding: 0;
}

#communaute-classements .entreprises {
	width: 100%;
}

#communaute-classements .entreprises tr td:nth-child(n+3) {
	width: 1px;
	white-space: nowrap;
	text-align: center;
}

#communaute-classements .entreprises tr td:nth-child(3) {
	text-align: left;
}

#communaute-classements .entreprises tr:nth-child(even) {
	background: #e6e5ef
}

#communaute-classements .entreprises th {
	text-align: center;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#communaute-classements .entreprises th:nth-child(-n+3) {
	text-align: left;
}

#communaute-classements .entreprises td {
	padding: 0 5px;
}

#communaute-classements .entreprises td p[class=highlight] {
	margin: 0;
	padding: 2px 25px;
}

#communaute-classements .image_evolution {
	height: 15px;
}

#communaute-profil .feuille {
	position: relative;
	float: left;
	margin-top: 40px;
	width: 770px;
	min-height: 715px;
	padding-bottom: 40px;
	background: url(../images/feuille/haut.png), url(../images/feuille/bas.png), url(../images/feuille/milieu.png);
	background-position: 10px top, 10px bottom, 10px 0;
	background-repeat: no-repeat, no-repeat, repeat-y;
	color: #366;
	font-family: "Courier New", "Comic Sans MS", Courier, monospace;
}

#communaute-profil .feuille .tete {
	position: absolute;
	left: 10px;
	top: -37px;
	width: 760px;
	height: 37px;
	background: url(../images/feuille/tete.png) no-repeat;
}

#communaute-profil .feuille .perso {
	position: absolute;
	top: -41px;
	left: 510px;
	width: 175px;
	height: 174px;
	background: url(../images/entreprise/postit.png) no-repeat;
}

#communaute-profil .feuille .perso .polaroid {
	float: left;
	text-align: center;
	width: 164px;
	height: 175px;
	margin-top: -12px;
	margin-left: 10px;
	background: url(../images/entreprise/polaroid.png) no-repeat;
	transform: rotate(5deg);
	transform-origin: 0 0;
	-webkit-transform: rotate(5deg);
	-webkit-transform-origin: 0 0;
}

#communaute-profil .feuille .perso .polaroid .image_perso {
	width: 140px;
	height: 143px;
	margin-top: 4px;
	margin-left: 12px;
	line-height: 143px;
	overflow: hidden;
}

#communaute-profil .feuille .perso .polaroid .image_perso img {
	height: 143px;
	vertical-align: middle;
}

#communaute-profil .feuille .perso .polaroid .nom {
	position: absolute;
	top: 152px;
	right: -3px;
	width: 170px;
	height: 30px;
	color: #000;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

#communaute-profil .feuille .trombone {
	z-index: 3;
	position: absolute;
	top: -18px;
	right: 40px;
	width: 22px;
	height: 70px;
}

#communaute-profil .feuille .bloc {
	float: left;
	margin-left: 30px;
	width: 500px;
}

#communaute-profil .feuille .bloc .titre {
	float: left;
	width: 100%;
	text-align: center;
}

#communaute-profil .feuille .bloc .sous_titre {
	float: left;
	width: 100%;
	margin-top: -15px;
	text-align: center;
}

#communaute-profil .feuille .bloc .espace {
	width: 98%;
	height: 20px;
}

/*#communaute-profil .feuille .social { position: absolute; top: 180px; right: 40px; padding: 5px; width: 180px; background-color: #f4faff; border-radius: 10px; box-shadow: 1px 1px 1px 1px #656565; }
*/
#communaute-profil .feuille .social {
	padding: 5px;
	width: 180px;
	background-color: #f4faff;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 1px #656565;
	float: right;
	margin-top: 180px;
	margin-right: 50px;
}

#communaute-profil .feuille .social p {
	margin: 5px 0 5px 0;
	text-align: left;
}

#communaute-profil .feuille .commentaire {
	float: left;
	margin-left: 40px;
	margin-top: 0px;
	width: 670px;
}

#communaute-profil form input[type="submit"] {
	background: transparent url(../images/skins_formulaire/submit_violet.png);
}

#communaute-profil .bloquer {
	margin: 10px 5px 5px 3px;
	height: 26px;
	width: 145px;
	background: #cdebfd;
	display: inline-block;
	border-radius: 50px;
	position: relative;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

#communaute-profil .bloquer:after {
	content: 'NON';
	font: 12px/26px Arial, sans-serif;
	color: #777;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .15);
}

#communaute-profil .bloquer:before {
	content: 'OUI';
	font: 12px/26px Arial, sans-serif;
	color: #bf1600;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
}

#communaute-profil .bloquer input[type=checkbox]:checked+label {
	left: 43px;
}

#communaute-profil input[type=checkbox] {
	visibility: hidden;
}

#communaute-profil .bloquer label {
	width: 100px;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
	text-align: center;
}

#communaute-profil .bloquer label {
	display: block;
	height: 18px;
	padding-top: 2px;
	color: black;
	border-radius: 50px;
	transition: all .4s ease;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
	background: #fefaef;
	user-select: none;
	background: -webkit-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefaef', endColorstr='#b3bead', GradientType=0);

}

#communaute-profil .perso {
	margin: 15px 50px 35px 25px;
}

#communaute-profil table {
	margin: 0;
}

#communaute-profil table td {
	padding: 0 5px;
}

#communaute-profil table td[class=gauche] {
	width: 1px;
	white-space: nowrap;
}

#communaute-profil table p[class=separation] {
	margin: 5px 0 10px 0;
}

#communaute-profil table td p[class=highlight] {
	margin: 1px 0;
	padding: 2px 10px;
	text-align: center;
}

#communaute-profil .marche_noir tr:nth-child(even),
#communaute-profil .parties tr:nth-child(even) {
	background: #e6e5ef
}

#communaute-classements-elections table {
	width: 100%;
}

#communaute-classements-elections table tr td:nth-child(n+2) {
	width: 1px;
	white-space: nowrap;
	text-align: center;
}

#communaute-classements-elections table th {
	text-align: center;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
	white-space: nowrap;
}

#communaute-classements-elections table th:nth-child(1) {
	text-align: left;
}

#communaute-classements-elections table td {
	padding: 0 5px;
}

#communaute-classements-elections table td p[class=highlight] {
	margin: 0;
	padding: 2px 15px;
}

#communaute-rumeurs .rumeurs table {
	width: 100%;
}

#communaute-rumeurs .rumeurs table th {
	text-align: left;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#communaute-rumeurs .rumeurs table tr td:nth-child(1),
#communaute-rumeurs .rumeurs table tr td:nth-child(3) {
	width: 1px;
	white-space: nowrap;
}

#communaute-rumeurs .rumeurs table td p[class=highlight] {
	margin: 0;
	padding: 1px 20px;
}

#communaute-rumeurs .rumeurs table td img {
	max-width: 20px;
	max-height: 20px;
	margin: 0 5px;
}

#communaute-lister_entreprises .objet {
	width: 170px;
}

#communaute-lister_entreprises .avatar {
	width: 130px;
}

#communaute-lister_entreprises .cadre p {
	text-align: center;
}

#communaute-lister_entreprises .cadre p img {
	max-width: 100px;
	max-height: 80px;
}

#communaute-lister_entreprises table td p[class=highlight] {
	margin: 1px;
	padding: 1px 20px;
}

#communaute-lister_entreprises table td {
	padding: 0 5px;
}

#communaute-lister_entreprises table {
	margin: 10px 0 30px 0;
}

/*--------------------------------------------------*/
/*          Entreprises                             */
/*--------------------------------------------------*/
#entreprises-creer .attention {
	margin: 15px;
	width: 35%;
}

#entreprises-creer .parentheses {
	font-size: 12px;
}

#entreprises-creer select {
	border: 1px solid #dbc39f;
	background-color: #eee;
	height: 19px;
	font-size: 13px;
	color: #000;
}

#entreprises-creer select:hover {
	background-color: #fff;
}

#entreprises-creer table {
	margin: 20px auto 5px auto;
}

#entreprises-creer .image_objet {
	float: right;
	height: 70px;
	width: 80px;
	text-align: center;
	margin: 5px;
}

#entreprises-creer .image_objet img {
	max-height: 70px;
	max-width: 80px;
}

#entreprises-gerer .infos_gestion {
	position: relative;
	float: left;
	width: 780px;
	height: 147px;
	margin-bottom: 20px;
	background: url(../images/cellules/gris_d1.png) no-repeat;
}

#entreprises-gerer .infos_gestion h4 {
	display: block;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	margin: 7px 0px 0px 10px;
	text-align: left;
}

#entreprises-gerer .infos_gestion .bloc_gris {
	width: 560px;
	padding-top: 5px;
}

#entreprises-gerer .infos_gestion .bloc_gris .mini_bloc {
	right: 240px;
}

#entreprises-gerer .infos_gestion .bloc_gris .finances {
	float: left;
	width: 400px;
	min-height: 20px;
}

#entreprises-gerer .infos_gestion .bloc_gris .patron {
	float: left;
	width: 160px;
	min-height: 20px;
}

#entreprises-gerer .infos_gestion .stats {
	position: absolute;
	top: 27px;
	left: 240px;
	width: 150px;
	height: 120px;
	color: #5746b8;
	background: url(../images/cellules/bleu_c1.png) no-repeat;
	background-size: 100% 100%;
}

#entreprises-gerer .infos_gestion .stats p {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}

#entreprises-gerer .infos_gestion .stats ul {
	padding: 0px;
	float: left;
	margin-left: 10px;
	margin-top: 8px;
}

#entreprises-gerer .infos_gestion .stats li {
	padding: 0px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
	background-image: url(../images/design/puce.png);
	background-repeat: no-repeat;
	background-position: 0 0.32em;
	padding-left: 15px;
}

#entreprises-gerer .infos_gestion .objet {
	z-index: 20;
	position: absolute;
	top: -2px;
	right: 20px;
	width: 175px;
	height: 174px;
	background: url(../images/entreprise/postit.png) no-repeat;
}

#entreprises-gerer .infos_gestion .objet .polaroid {
	float: left;
	text-align: center;
	width: 164px;
	height: 175px;
	margin-top: -8px;
	margin-left: 10px;
	background: url(../images/entreprise/polaroid.png) no-repeat;
	transform: rotate(5deg);
	transform-origin: 0 0;
	-webkit-transform: rotate(5deg);
	-webkit-transform-origin: 0 0;
}

#entreprises-gerer .infos_gestion .objet .polaroid .image_objet {
	width: 140px;
	height: 140px;
	margin-top: 6px;
	margin-left: 12px;
	line-height: 140px;
}

#entreprises-gerer .infos_gestion .objet .polaroid img {
	max-width: 130px;
	max-height: 130px;
	vertical-align: middle;
}

#entreprises-gerer .infos_gestion .objet .polaroid .nom_objet {
	position: absolute;
	top: 152px;
	right: -3px;
	width: 170px;
	height: 30px;
	color: #000;
	text-align: center;
	font-size: 12px;
}

#entreprises-gerer .infos_gestion .objet .trombone {
	z-index: 15;
	position: absolute;
	top: -15px;
	right: 70px;
	width: 22px;
	height: 70px;
	background: url(../images/entreprise/trombone.png) no-repeat;
}

#entreprises-gerer .action_clan {
	float: left;
	width: 780px;
	min-height: 29px;
	padding: 8px 0px 21px 0px;
	margin: 0;
	background-image: url("../images/cellules/bleu_f1.png"), url("../images/cellules/bleu_h2.png");
	background-position: 0 0, 0 bottom;
	background-repeat: no-repeat;
}

#entreprises-gerer .action_clan h4 {
	display: block;
	width: 100%;
	height: 25px;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	margin: 2px 0px 0px 20px;
	text-align: left;
}

#entreprises-gerer .action_clan .bloc_bleu {
	width: 780px;
	padding: 0px;
	margin: 0px;
}

#entreprises-gerer .action_clan p {
	color: #5746b8;
	height: 50px;
	margin: 8px;
}

#entreprises-gerer .liste_employes .explication {
	float: left;
	width: 100%;
	height: 20px;
	margin-top: 20px;
	font-weight: bold;
}

#entreprises-gerer .liste_employes .explication .pseudo {
	float: left;
	width: 123px;
	margin-left: 33px;
}

#entreprises-gerer .liste_employes .explication .job {
	float: left;
	width: 255px;
}

#entreprises-gerer .liste_employes .explication .jours {
	float: left;
	width: 105px;
}

#entreprises-gerer .liste_employes .explication .paye {
	float: left;
	width: 160px;
}

#entreprises-gerer .liste_employes .explication .bonus {
	float: left;
	width: 31px;
}

#entreprises-gerer .liste_employes .explication .virer {
	float: left;
	width: 35px;
}

#entreprises-gerer .liste_employes .employes {
	float: left;
	width: 100%;
	height: 20px;
	margin-bottom: 3px;
	background-color: #e6e5ef;
}

#entreprises-gerer .liste_employes .employes p {
	float: left;
}

#entreprises-gerer .liste_employes .employes .gauche {
	float: left;
	margin-left: 0px;
	width: 18px;
	height: 18px;
}

#entreprises-gerer .liste_employes .employes .icone_blanc {
	display: block;
	margin: 1px 0 0 1px;
	width: 18px;
	height: 18px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
}

#entreprises-gerer .liste_employes .employes .icone_blanc img {
	margin-top: 2px;
}

#entreprises-gerer .liste_employes .espace_tab a {
	margin: 0 0 0 10px;
}

#entreprises-gerer .liste_employes .espace_tab a:hover {
	color: #f86161;
}

#entreprises-gerer .liste_employes .employes .pseudo {
	margin-top: 1px;
	width: 130px;
	margin-left: 3px;
	height: 18px;
	padding: 0;
}

#entreprises-gerer .liste_employes .employes .pseudo .highlight_gris {
	float: left;
	margin-top: 0px;
	padding-left: 10px;
	padding-top: 1px;
	width: 110px;
	height: 17px;
	color: #474755;
	background-color: #ded6d8;
	border-radius: 9px;
}

#entreprises-gerer .liste_employes .employes .pseudo .highlight_gris a {
	color: #474755;
}

#entreprises-gerer .liste_employes .employes .pseudo .highlight_gris a:hover {
	color: #f86161;
}

#entreprises-gerer .liste_employes .employes select {
	border: none;
	color: #5b558a;
	margin-top: 1px;
	width: 250px;
	border-radius: 9px;
}

#entreprises-gerer .liste_employes .employes select[class=job_update] {
	background-color: #fed688;
}

#entreprises-gerer .liste_employes .employes .jours {
	margin-top: 1px;
	margin-left: 10px;
	width: 95px;
	height: 18px;
}

#entreprises-gerer .liste_employes .employes input[type="text"] {
	color: #5b558a;
	margin-top: 1px;
	height: 16px;
	width: 40px;
	text-align: center;
}

#entreprises-gerer .liste_employes .employes .paye {
	float: left;
	width: 158px;
	height: 18px;
}

#entreprises-gerer .liste_employes .employes .check {
	float: left;
	width: 25px;
	margin-left: 10px
}

#entreprises-gerer .liste_employes .employes input[type="checkbox"] {
	border: none;
	margin: 3px 0 10px 0;
}

#entreprises-gerer .liste_employes .bouton_violet {
	float: right;
	padding: 0 30px 0 30px;
	margin-right: 5px;
}

#entreprises-gerer .communiques .bloc_gris .frameborder_gris {
	width: 100%;
	margin-top: 15px;
}

#entreprises-gerer .communiques .bloc_gris .frameborder_gris textarea {
	margin-left: 10px;
	width: 360px;
	padding: 1px;
	height: 70px;
	color: #000
}

#entreprises-gerer .communiques .bloc_gris .boutons {
	width: 100%;
	margin: 10px 0 10px 0;
	text-align: center;
}

#entreprises-gerer .gestion_chef {
	margin-left: 10px;
}

#entreprises-gerer .gestion_chef .bloc_gris label {
	width: 130px;
	height: 19px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-top: 3px;
	float: left;
	background: #e7e7e7;
}

#entreprises-gerer .gestion_chef .bloc_gris .form {
	width: 140px;
	height: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	background: #e7e7e7;
	border-radius: 0 10px 10px 0;
}

#entreprises-gerer .gestion_chef .bloc_gris .form input[type=text] {
	width: 60px;
	margin-top: 1px;
	border-color: #fff;
	border-radius: 10px;
	text-align: center;
}

#entreprises-gerer .gestion_chef .bloc_gris input[type=submit] {
	margin-top: 4px;
	margin-bottom: 3px
}

#entreprises-gerer .paperasse {
	margin-left: 10px;
}

#entreprises-gerer .paperasse .historique {
	float: left;
	width: 100%;
}

#entreprises-gerer .paperasse .historique .bouton_violet {
	margin: 25px 2px 0 0;
	padding: 0 10px 0 10px;
}

#entreprises-gerer .paperasse .historique span {
	margin: 2px;
}

#entreprises-gerer .paperasse .frameborder_bleu,
#entreprises-gerer .paperasse .demission {
	float: left;
	width: 100%;
	margin-top: 17px;
}

#entreprises-gerer .paperasse .frameborder_bleu p {
	margin: 2px;
}

#entreprises-gerer .paperasse .frameborder_bleu span {
	margin: 3px;
}

#entreprises-gerer .paperasse .frameborder_bleu input[type=text] {
	width: 250px;
}

#entreprises-gerer .paperasse .frameborder_bleu input[type=submit] {
	margin-top: -3px;
}

#entreprises-gerer .paperasse .demission .texte {
	margin: 2px;
	width: 230px;
}

#entreprises-gerer .paperasse .demission input[type=submit] {
	margin: 15px 2px 0 0;
}

/*--------------------------------------------------*/
/*          Boulot                                  */
/*--------------------------------------------------*/
#boulot-gerer .infos_gestion {
	width: 780px;
	height: 146px;
	background: url(../images/cellules/bleu_d1.png) no-repeat;
}

#boulot-gerer .infos_gestion {
	position: relative;
	float: left;
	width: 780px;
	height: 145px;
	margin-bottom: 20px;
	background: url(../images/cellules/gris_d1.png) no-repeat;
}

#boulot-gerer .infos_gestion h4 {
	display: block;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	margin: 7px 0px 0px 10px;
	text-align: left;
}

#boulot-gerer .infos_gestion .bloc_gris {
	width: 560px;
	padding-top: 5px;
}

#boulot-gerer .infos_gestion .bloc_gris .mini_bloc {
	right: 240px;
}

#boulot-gerer .infos_gestion .bloc_gris .finances {
	float: left;
	width: 400px;
	min-height: 20px;
}

#boulot-gerer .infos_gestion .bloc_gris .patron {
	float: left;
	width: 160px;
	min-height: 20px;
}

#boulot-gerer .infos_gestion .stats {
	position: absolute;
	top: 27px;
	left: 240px;
	width: 150px;
	height: 120px;
	color: #5746b8;
	background: url(../images/cellules/bleu_c1.png) no-repeat;
	background-size: 100% 100%;
}

#boulot-gerer .infos_gestion .stats p {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}

#boulot-gerer .infos_gestion .stats ul {
	padding: 0px;
	float: left;
	margin-left: 10px;
	margin-top: 8px;
}

#boulot-gerer .infos_gestion .stats li {
	padding: 0px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
	background-image: url(../images/design/puce.png);
	background-repeat: no-repeat;
	background-position: 0 0.32em;
	padding-left: 15px;
}

#boulot-gerer .infos_gestion .objet {
	z-index: 20;
	position: absolute;
	top: -2px;
	right: 20px;
	width: 175px;
	height: 174px;
	background: url(../images/entreprise/postit.png) no-repeat;
}

#boulot-gerer .infos_gestion .objet .polaroid {
	float: left;
	text-align: center;
	width: 164px;
	height: 175px;
	margin-top: -8px;
	margin-left: 10px;
	background: url(../images/entreprise/polaroid.png) no-repeat;
	transform: rotate(5deg);
	transform-origin: 0 0;
}

#boulot-gerer .infos_gestion .objet .polaroid .image_objet {
	width: 140px;
	height: 140px;
	margin-top: 6px;
	margin-left: 12px;
	line-height: 140px;
}

#boulot-gerer .infos_gestion .objet .polaroid img {
	max-width: 130px;
	max-height: 130px;
	vertical-align: middle;
}

#boulot-gerer .infos_gestion .objet .polaroid .nom_objet {
	position: absolute;
	top: 152px;
	right: -3px;
	width: 170px;
	height: 30px;
	color: #000;
	text-align: center;
	font-size: 12px;
}

#boulot-gerer .infos_gestion .objet .trombone {
	z-index: 15;
	position: absolute;
	top: -15px;
	right: 70px;
	width: 22px;
	height: 70px;
	background: url(../images/entreprise/trombone.png) no-repeat;
}

#boulot-gerer .infos_1 {
	width: 721px;
	float: left;
	color: #777;
}

#boulot-gerer .infos_2 {
	width: 708px;
	height: 177px;
	margin: 3px 0 0 10px;
	float: left;
	background: url(../images/entreprises/en_tete_2.png) no-repeat;
	color: #666;
}

#boulot-gerer .infos_titre {
	width: 698px;
	height: 34px;
	margin-left: 10px;
	float: left;
}

#boulot-gerer .infos_titre .titre {
	height: 25px;
	padding-top: 3px;
	float: right;
	background: url(../images/entreprises/titre_2.png) repeat-x;
	font-size: 18px;
	color: #8080ff;
}

#boulot-gerer .infos_titre .titre_debut {
	width: 14px;
	height: 28px;
	float: right;
	background: url(../images/entreprises/titre_3.png) no-repeat;
}

#boulot-gerer .infos_titre .titre_fin {
	width: 11px;
	height: 28px;
	float: right;
	background: url(../images/entreprises/titre_1.png) no-repeat;
}

#boulot-gerer .infos_titre .titre2 {
	height: 24px;
	padding-top: 4px;
	float: right;
	background: url(../images/entreprises/titre_2.png) repeat-x;
}

#boulot-gerer .infos_titre_gauche {
	margin-top: 4px;
	float: left;
}

#boulot-gerer .infos_titre_droit {
	margin: 4px 155px 0 0;
	float: right;
}

#boulot-gerer .infos_gauche {
	width: 270px;
	height: 150px;
	float: left;
}

#boulot-gerer .infos_gauche .titre {
	width: 107px;
	height: 18px;
	margin: 2px 0 0 23px;
	float: left;
	text-align: left;
	color: #555;
}

#boulot-gerer .infos_gauche .infos {
	width: 250px;
	height: 70px;
	margin-top: 1px;
	float: left;
	margin-left: 13px;
	text-align: left;
}

#boulot-gerer .infos_gauche .syndicats {
	float: left;
	width: 100%;
	height: 40px;
	margin: 8px 0 0 15px;
}

#boulot-gerer .infos_droite {
	width: 260px;
	height: 150px;
	float: left;
}

#boulot-gerer .infos_droite .nom_objet {
	width: 250px;
	height: 19px;
	margin: 1px 0 0 3px;
	float: left;
	text-align: left;
	color: #555;
}

#boulot-gerer .infos_droite .infos {
	width: 245px;
	height: 37px;
	margin: 1px 0 0 8px;
	float: left;
	text-align: left;
}

#boulot-gerer .infos_droite .infos_utiles_titre {
	width: 235px;
	height: 18px;
	margin-top: 4px;
	float: left;
	text-align: right;
	color: #555;
}

#boulot-gerer .infos_droite .infos_utiles_texte {
	width: 242px;
	height: 55px;
	margin-left: 8px;
	float: left;
	text-align: left;
}

#boulot-gerer .infos_2 .image_objet {
	width: 178px;
	height: 150px;
	float: left;
	text-align: center;
}

#boulot-gerer .infos_2 .image_objet img {
	max-width: 178px;
	max-height: 120px;
}

/* Commun à boulot et entreprise */
#entreprises-gerer .tableau_affichage {
	float: left;
	margin-top: 10px;
}

#entreprises-gerer .tableau_affichage .tableau_vide,
#boulot-gerer .tableau_affichage .tableau_vide {
	float: left;
	width: 780px;
	height: 364px;
	background: url(../images/boulot/notes_vide.png) no-repeat;
	margin: 0 auto;
	border-radius: 5px;
}

#entreprises-gerer .tableau_affichage .tableau_1,
#boulot-gerer .tableau_affichage .tableau_1 {
	float: left;
	width: 780px;
	height: 364px;
	background: url(../images/boulot/notes_1.png) no-repeat;
	margin: 0 auto;
	border-radius: 5px;
}

#entreprises-gerer .tableau_affichage .tableau_2,
#boulot-gerer .tableau_affichage .tableau_2 {
	float: left;
	width: 780px;
	height: 364px;
	background: url(../images/boulot/notes_2.png) no-repeat;
	margin: 0 auto;
	border-radius: 5px;
}

#entreprises-gerer .tableau_affichage .tableau_plein,
#boulot-gerer .tableau_affichage .tableau_plein {
	float: left;
	width: 780px;
	height: 364px;
	background: url(../images/boulot/notes_plein.png) no-repeat;
	margin: 0 auto;
	border-radius: 5px;
}

#entreprises-gerer .tableau_affichage .message_1,
#boulot-gerer .tableau_affichage .message_1 {
	position: absolute;
	width: 230px;
	height: 110px;
	margin: 67px 0 0 70px;
	color: #000;
	word-wrap: break-word;
	overflow: hidden;
	font-family: "comic sans ms";
	border-radius: 0 10px 0 0;
}

#entreprises-gerer .tableau_affichage .message_2,
#boulot-gerer .tableau_affichage .message_2 {
	position: absolute;
	width: 230px;
	height: 110px;
	margin: 195px 0 0 308px;
	color: #000;
	word-wrap: break-word;
	overflow: hidden;
	font-family: "comic sans ms";
	border-radius: 10px 0 0 0;
}

#entreprises-historique table,
#boulot-historique table {
	width: 100%;
}

#entreprises-historique table th,
#boulot-historique table th {
	text-align: center;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#entreprises-historique table tr:nth-child(even),
#boulot-historique table tr:nth-child(even) {
	background: #e6e5ef
}

#entreprises-historique table td,
#boulot-historique table td {
	padding: 0 5px;
	text-align: center;
}

#entreprises-historique table td p[class=highlight],
#boulot-historique table td p[class=highlight] {
	margin: 0;
	padding: 1px 20px;
}

/*--------------------------------------------------*/
/*          Anpe                                    */
/*--------------------------------------------------*/
#anpe-rechercher .attention {
	margin: 15px;
	width: 35%;
}

#anpe-lister table {
	width: 100%;
}

#anpe-lister table tr td:nth-child(n+2) {
	width: 1px;
	white-space: nowrap;
}

#anpe-lister th {
	text-align: left;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#anpe-lister table td p[class=highlight] {
	margin: 0;
	padding: 0 15px;
	text-align: center;
}

#anpe-lister table td .job {
	margin: 0;
	padding-right: 15px;
}

#anpe-lister table td:nth-child(n+3) {
	text-align: center;
}

#anpe-voir #en-tete {
	width: 719px;
	float: left;
	background: url(../images/anpe/fond_objet.png) no-repeat;
}

#anpe-voir #en-tete .image {
	width: 155px;
	height: 122px;
	margin-top: 35px;
	text-align: center;
	float: left;
}

#anpe-voir #en-tete .image img {
	max-height: 90px;
	max-width: 100px;
}

#anpe-voir #en-tete .lien {
	width: 310px;
	height: 30px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}

#anpe-voir #en-tete .titre {
	width: 330px;
	height: 25px;
	margin-top: 10px;
	margin-left: 210px;
	text-align: center;
	float: left;
	font-size: 18px;
	color: #8080ff;
}

#anpe-voir #en-tete .bloc-gauche {
	width: 240px;
	height: 55px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}

#anpe-voir #en-tete .bloc-droite {
	width: 300px;
	height: 55px;
	margin-top: 10px;
	float: left;
}

#anpe-voir .job {
	float: left;
	width: 49%;
}

#anpe-voir .salaire {
	float: left;
	width: 49%;
}

#anpe-voir .contenu {
	margin: 5px;
}

#anpe-mes_annonces table {
	width: 100%;
}

#anpe-mes_annonces th {
	text-align: left;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#anpe-mes_annonces th:nth-child(n+3) {
	text-align: center;
}

#anpe-mes_annonces table td {
	padding: 0 5px;
}

#anpe-mes_annonces table td p[class=highlight] {
	margin: 0;
	padding: 0 5px;
	text-align: center;
}

#anpe-mes_annonces table input[type=submit] {
	margin: 0;
	padding: 1px 5px;
}

/*--------------------------------------------------*/
/*          Recrutement                             */
/*--------------------------------------------------*/

#recrutement-lister .formulaire {
	width: 600px;
	font-weight: bold;
	font-size: 12px;
	color: #009900;
}

#recrutement-lister .formulaire label {
	width: 200px;
}

#recrutement-lister .formulaire label .transparent {
	position: relative;
	top: 10px;
	color: #a588ee;
}

#recrutement-lister .formulaire .form {
	width: 350px;
}

#recrutement-lister .formulaire select {
	width: 250px;
	border-radius: 0px;
	margin-top: 1px;
	margin-left: 1px;
	height: 20px;
}

#recrutement-lister .formulaire textarea {
	margin-top: 3px;
	width: 350px;
	border: 1px solid #9c97c1;
	border-radius: 0 9px 9px 9px;
}

#recrutement-lister .formulaire textarea {
	margin-top: 3px;
	width: 350px;
	border: 1px solid #9c97c1;
	border-radius: 0 9px 9px 9px;
}

#recrutement-lister .formulaire .form input {
	width: 60px;
	height: 18px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 10px;
	border-color: #fff;
	border-radius: 0 10px 10px 0;
	text-align: center;
}

#recrutement-lister .liste table {
	width: 780px;
}

#recrutement-lister .liste table select {
	margin-top: 3px;
	width: 250px;
	height: 20px;
	border: 1px solid #5746b8;
	border-radius: 9px 0 0 9px;
}

#recrutement-lister .liste table input[type=text] {
	margin-top: 3px;
	width: 50px;
	height: 16px;
	border: 1px solid #5746b8;
	border-radius: 9px;
}

#recrutement-lister .liste table th {
	text-align: left;
	width: 25%;
	padding: 5px 5px 2px 5px;
	font-weight: bold;
}

#recrutement-lister .liste table td {
	padding: 0 5px;
}

#recrutement-lister .liste table tr td:nth-child(-n+3),
#recrutement-lister .liste table tr td:nth-child(n+5) {
	width: 1px;
	white-space: nowrap;
}

#recrutement-lister .liste table tr td.message {
	white-space: normal;
	background: #e6e5ef
}

#recrutement-lister .liste .position_bouton {
	margin: 10px;
}

#recrutement-lister .poster table tr td:nth-child(odd) label {
	text-align: right;
	margin: 1px;
	padding: 2px 10px 2px 0;
	vertical-align: middle;
	display: block;
}

#recrutement-lister .annonces th,
#recrutement-lister .annonces td {
	text-align: center;
}

#recrutement-lister .annonces td[class=message] {
	text-align: left;
}

#recrutement-lister .annonces td:nth-child(-n+4) {
	width: 1px;
	white-space: nowrap;
}

/*--------------------------------------------------*/
/*         Mairie                                   */
/*--------------------------------------------------*/
#mairie-gerer input[type=submit] {
	margin: 15px 0;
}

#mairie-gerer .gestion table input:hover,
#mairie-gerer .gestion table select:hover {
	background: #eee;
	color: #333;
}

#mairie-gerer .gestion table tr {
	background-color: #e6e5ef;
}

#mairie-gerer .gestion label[class=tab_espace],
#mairie-gerer .gestion p[class=tab_espace] {
	text-align: right;
	margin: auto;
	display: block;
	padding: 3px;
}

#mairie-gerer .shops table tr {
	background-color: #e6e5ef;
}

#mairie-gerer .shops table tr td {
	padding: 0 5px;
}

#mairie-gerer .shops table tr td p[class=tab_espace] {
	margin: 1px;
	padding: 5px 20px;
}

#mairie-index .tableau {
	position: relative;
	width: 780px;
	height: 215px;
	background-image: url("../images/mairie/bouzouk_neutre.png"), url("../images/mairie/bouzouk_neutre.png"), url("../images/mairie/tableaux.png");
	background-position: 572px 56px, 692px 56px, 0 0;
	background-repeat: no-repeat;
}

#mairie-index .tableau .note_secretaire {
	position: absolute;
	left: 60px;
	top: -18px;
	width: 225px;
	height: 63px;
	background: url(../images/mairie/note_secretaire.png) no-repeat;
}

#mairie-index .tableau .pseudo_maire {
	position: absolute;
	left: 380px;
	top: 177px;
	width: 135px;
	height: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

#mairie-index .tableau .pseudo_maire a,
#mairie-index .tableau .pseudo_ex_maire_1 a,
#mairie-index .tableau .pseudo_ex_maire_2 a,
#mairie-index .tableau .pseudo_ex_maire_3 a {
	color: #000;
}

#mairie-index .tableau .pseudo_maire a:hover,
#mairie-index .tableau .pseudo_ex_maire_1 a:hover,
#mairie-index .tableau .pseudo_ex_maire_2 a:hover,
#mairie-index .tableau .pseudo_ex_maire_3 a:hover {
	color: #c80000;
}

#mairie-index .tableau .perso_maire {
	position: absolute;
	left: 383px;
	top: 36px;
	width: 129px;
	overflow: hidden;
}

#mairie-index .tableau .perso_maire .portrait_maire {
	margin-left: -10px;
	width: 150px;
	height: 137px;
	line-height: 137px;
	text-align: center;
}

#mairie-index .tableau .perso_maire .portrait_maire img {
	max-width: 150px;
	max-height: 137px;
	vertical-align: middle;
}

#mairie-index .tableau .portrait {
	width: 150px;
	margin-left: -36px;
	line-height: 103px;
	text-align: center;
}

#mairie-index .tableau .portrait img {
	max-width: 150px;
	max-height: 103px;
	vertical-align: middle;
}

#mairie-index .tableau .img_ex_maire_1 {
	position: absolute;
	left: 14px;
	top: 53px;
	width: 77px;
	overflow: hidden;
}

#mairie-index .tableau .img_ex_maire_2 {
	position: absolute;
	left: 134px;
	top: 53px;
	width: 77px;
	overflow: hidden;
}

#mairie-index .tableau .img_ex_maire_3 {
	position: absolute;
	left: 254px;
	top: 53px;
	width: 77px;
	overflow: hidden;
}

#mairie-index .tableau .pseudo_ex_maire_1,
#mairie-index .tableau .pseudo_ex_maire_2,
#mairie-index .tableau .pseudo_ex_maire_3 {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	width: 100px;
	height: 22px;
}

#mairie-index .tableau .pseudo_ex_maire_1 {
	position: absolute;
	left: 3px;
	top: 179px;
}

#mairie-index .tableau .pseudo_ex_maire_2 {
	position: absolute;
	left: 123px;
	top: 179px;
}

#mairie-index .tableau .pseudo_ex_maire_3 {
	position: absolute;
	left: 243px;
	top: 179px;
}

#mairie-index .infos {
	position: relative;
	width: 780px;
	min-height: 230px;
	background: url(../images/cellules/bleu_a1.png) no-repeat;
	background-position: 0 20px;
}

#mairie-index .infos .image_maire {
	position: absolute;
	right: 0px;
	top: -85px;
	width: 290px;
	height: 310px;
	background: url(../images/design/socle.png) no-repeat;
	background-position: 0 195px;
	background-size: 290px 115px;
}

#mairie-index .infos .image_maire img {
	margin-left: 10px;
}

#mairie-index .infos h4 {
	float: left;
	margin: 25px 0px 0px 20px;
	width: 770px;
	height: 18px;
	color: #fff;
}

#mairie-index .infos .mandat {
	margin-left: 10px;
	width: 450px;
	padding: 3px 0 3px 0;
}

#mairie-index table {
	width: 100%;
}

#mairie-index table tr:nth-child(even) {
	background: #e6e5ef
}

#mairie-index table tr td:nth-child(2) {
	margin-left: 10px;
}

#mairie-index table td p[class=highlight] {
	margin: 0 10px;
	padding: 1px 10px;
}

#mairie-index .gestion_taxes {
	margin-left: 10px;
}

#mairie-index .taxes {
	padding: 3px 0 3px 0;
}

#mairie-index .espace {
	width: 15px;
}

#mairie-index .donations table th {
	text-align: center;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#mairie-index .donations table td p[class=highlight] {
	margin: 0 10px;
	padding: 1px 20px;
}

#mairie-index .historique table {
	width: 100%;
}

#mairie-index .historique table th {
	text-align: left;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#mairie-index .historique table th:nth-child(1) {
	text-align: center;
}

#mairie-index .historique table tr td:nth-child(1) {
	width: 1px;
	white-space: nowrap;
}

#mairie-index .historique table td p[class=highlight] {
	margin: 0 10px;
	padding: 1px 10px;
	text-align: center;
}

/*--------------------------------------------------*/
/*         Elections                                */
/*--------------------------------------------------*/
#elections-lister .retour,
.elections-candidater .retour {
	width: 350px;
	left: 410px;
}

#elections-lister .a_vote {
	width: 760px;
	padding: 5px;
	background-color: #f4faff;
	border-radius: 5px;
	box-shadow: 1px 1px 1px 1px #656565;
	margin-bottom: 20px;
}

#elections-lister .affiche {
	position: relative;
	width: 170px;
	height: 220px;
	background: url(../images/elections/affiche_jaune.png) no-repeat;
	background-size: 170px 219px;
	float: left;
	color: #666;
}

#elections-lister .affiche .nom_candidat {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 170px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-shadow: #7c0b00 1px 1px 0px, #7c0b00 -1px 1px 0px, #7c0b00 -1px -1px 0px, #7c0b00 1px -1px 0px;
}

#elections-lister .affiche .nom_candidat a {
	color: #ffb900;
}

#elections-lister .affiche .nom_candidat a:hover {
	color: #adab0f;
}

#elections-lister .affiche .slogan {
	position: absolute;
	top: 35px;
	left: 5px;
	width: 160px;
	font-size: 13px;
	text-align: center;
	color: #7c0b00;
	font-weight: bold;
}

#elections-lister .affiche .slogan .texte {
	text-shadow: #fefbdb 1px 1px 1px, #fefbdb -1px 1px 1px, #fefbdb -1px -1px 1px, #fefbdb 1px -1px 2px;
}

#elections-lister .affiche .image_candidat {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 160px;
	height: 130px;
	text-align: center;
}

#elections-lister .affiche .image_candidat img {
	max-width: 160px;
	max-height: 130px;
}

#elections-lister .affiche .programme_electoral {
	position: absolute;
	top: 148px;
	left: -5px;
	width: 170px;
	height: 36px;
	padding-top: 3px;
	line-height: 13px;
	background: url(../images/elections/lien_toboz_jaune.png) no-repeat;
	background-size: 170px 36px;
}

#elections-lister .affiche .programme_electoral a {
	color: #fff;
}

#elections-lister .affiche .programme_electoral a:hover {
	color: #adab0f;
}

#elections-lister .affiche_bleu {
	position: relative;
	width: 170px;
	height: 220px;
	background: url(../images/elections/affiche_bleu.png) no-repeat;
	background-size: 170px 219px;
	float: left;
	color: #666;
}

#elections-lister .affiche_bleu .nom_candidat {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 170px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-shadow: #7c0b00 1px 1px 0px, #7c0b00 -1px 1px 0px, #7c0b00 -1px -1px 0px, #7c0b00 1px -1px 0px;
}

#elections-lister .affiche_bleu .nom_candidat a {
	color: #ffb900;
}

#elections-lister .affiche_bleu .nom_candidat a:hover {
	color: #adab0f;
}

#elections-lister .affiche_bleu .slogan {
	position: absolute;
	top: 35px;
	left: 5px;
	width: 160px;
	font-size: 13px;
	text-align: center;
	color: #11008f;
	font-weight: bold;
}

#elections-lister .affiche_bleu .slogan .texte {
	text-shadow: #e0ebfe 1px 1px 1px, #e0ebfe -1px 1px 1px, #e0ebfe -1px -1px 1px, #e0ebfe 1px -1px 2px;
}

#elections-lister .affiche_bleu .image_candidat {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 160px;
	height: 130px;
	text-align: center;
}

#elections-lister .affiche_bleu .image_candidat img {
	max-width: 160px;
	max-height: 130px;
}

#elections-lister .affiche_bleu .programme_electoral {
	position: absolute;
	top: 148px;
	left: -5px;
	width: 170px;
	height: 36px;
	padding-top: 3px;
	line-height: 13px;
	background: url(../images/elections/lien_toboz_bleu.png) no-repeat;
	background-size: 170px 36px;
}

#elections-lister .affiche_bleu .programme_electoral a {
	color: #fff;
}

#elections-lister .affiche_bleu .programme_electoral a:hover {
	color: #adab0f;
}

#elections-lister .zone_candidat {
	display: inline-block;
	position: relative;
	width: 100%;
	background: url(../images/cellules/gris_e1.png) no-repeat;
}

#elections-lister .zone_candidat .droite {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 560px;
	padding: 5px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#elections-lister .zone_candidat .droite .texte_electorale {
	width: 100%;
	margin-top: 10px;
	text-align: left;
}

#elections-lister .zone_candidat .droite .texte_electorale_bleu {
	width: 100%;
	margin-top: 10px;
	text-align: left;
	color: #1e00ff;
}

#elections-lister .zone_candidat .droite .vote_tour2 {
	text-align: center;
	font-weight: bold;
	margin-top: -26px;
}

#elections-lister .zone_candidat .droite .vote_tour2 input {
	background: transparent url(../images/skins_formulaire/submit_rouge.png);
	background-size: 100% 100%;
	margin-top: 2px;
}

#elections-lister .candidat {
	width: 170px;
	margin-left: 15px;
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
	vertical-align: top;
}

#elections-lister .candidat .vote_tour1 {
	width: 170px;
	text-align: center;
	font-weight: bold;
}

#elections-lister .candidat .vote_tour1 input {
	margin: 5px 0px 0px 0px;
	padding-left: 8px;
	padding-right: 8px;
	max-width: 166px;
}

#elections-avancement .actif {
	border: 1px outset #a9a2ae;
	background-color: #fdda78;
	border-radius: 5px;
	padding: 2px;
}

#elections-avancement .inactif {
	border: 1px inset #d9d2de;
	background-color: #f9e2be;
	border-radius: 5px;
	padding: 2px;
	color: #777;
}

#elections-avancement .tour_0 {
	width: 190px;
}

#elections-avancement .tour_1 {
	width: 165px;
}

#elections-avancement .tour_2 {
	width: 165px;
}

#elections-avancement .tour_3 {
	width: 180px;
}

#elections-avancement .dates {
	margin-top: 5px;
	margin-bottom: 30px;
}

#elections-avancement .date_1 {
	float: left;
}

#elections-avancement .date_2 {
	float: left;
	margin-left: 162px;
}

#elections-avancement .date_3 {
	float: left;
	margin-left: 140px;
}

#elections-avancement .date_4 {
	float: left;
	margin-left: 138px;
}

#elections-avancement .date_5 {
	text-align: right;
}

#elections-historique table {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 5px;
}

#elections-historique table tr {
	text-align: center;
}

#elections-historique table tr:nth-child(even) {
	background: #e6e5ef;
}

/*--------------------------------------------------*/
/*          Gazette                                 */
/*--------------------------------------------------*/
#gazette-index {
	width: 780px;
	color: #000;
	margin-top: 5px;
}

#gazette-index .journal {
	display: inline-block;
	position: relative;
	color: #333;
	width: 770px;
	margin-left: 5px;
	min-height: 500px;
	padding-bottom: 30px;
	padding-top: 2px;
	margin-top: 135px;
	background-image: url("../images/gazette/reflet.png"), url("../images/gazette/journal_haut2.png"), url("../images/gazette/journal_bas.png"), url("../images/gazette/journal_millieu.png");
	background-position: 3px -50px, 0 top, 0 bottom, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
}

#gazette-index .journal .journal_haut {
	display: inline-block;
	position: absolute;
	left: 0px;
	top: -149px;
	width: 770px;
	height: 149px;
	background-image: url("../images/gazette/reflet.png"), url("../images/gazette/titre_gazette.png"), url("../images/gazette/journal_haut1.png");
	background-position: 4px 3px, 80px 30px, 0 0;
	background-repeat: no-repeat;
}

#gazette-index .journal.page {
	display: inline-block;
	position: relative;
	color: #333;
	width: 770px;
	margin-left: 5px;
	min-height: 700px;
	padding-bottom: 30px;
	padding-top: 2px;
	margin-top: 20px;
	background-;
	background-image: url("../images/gazette/reflet.png"), url("../images/gazette/journal_page1.png"), url("../images/gazette/journal_bas.png"), url("../images/gazette/journal_millieu.png");
	background-position: 3px -50px, 0 top, 0 bottom, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
}

#gazette-index .journal .journal_haut .date_edition {
	width: 300px;
	margin-top: 120px;
	margin-left: 14px;
	font-size: 12px;
	font-weight: bold;
	color: #f86161;
}

#gazette-index .journal .article_une {
	display: inline-block;
	float: right;
	margin-right: 37px;
	margin-bottom: 8px;
	width: 570px;
	min-height: 400px;
	background-color: rgba(255, 188, 0, 0.15);
	border-radius: 5px;
}

#gazette-index .journal .article_une .colonne_centrale {
	width: 560px;
	float: left;
	margin-left: 5px;
	-webkit-column-count: 2;
	-webkit-column-gap: 14px;
	-moz-column-count: 2;
	-moz-column-gap: 14px;
	column-count: 2;
	column-gap: 14px;
}

#gazette-index .journal .article_une .titre {
	width: 560px;
	min-height: 30px;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #555;
	margin-bottom: 5px;
}

#gazette-index .journal .article_une .image {
	width: 560px;
	margin-left: 5px;
	float: left;
	text-align: center;
}

#gazette-index .journal .article_une .image img {
	max-width: 560px;
	max-height: 200px;
}

#gazette-index .journal .article_gris {
	background-color: rgba(161, 161, 161, 0.4);
}

#gazette-index .journal .article_gauche {
	display: inline-block;
	float: left;
	padding: 2px;
	margin-left: 11px;
	margin-bottom: 15px;
	width: 140px;
	border-radius: 5px;
}

#gazette-index .journal .article_bas {
	column-count: 2;
	column-gap: 20px;
	float: right;
	width: 680px;
	margin-top: 20px;
	margin-right: 37px;
	margin-bottom: 25px;
	background-color: rgba(255, 188, 0, 0.15);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
}

#gazette-index .journal .article_bas .chronique {
	width: 100%;
	display: block;
	break-inside: avoid;
}

#gazette-index .journal .article_bas .chronique h2 {
	margin-bottom: 10px;
}

#gazette-index .journal .article_bas .chronique .auteur {
	margin-bottom: 5px;
	font-style: italic;
}


#gazette-index .journal .article_precedent {
	display: inline-block;
	float: left;
	padding: 2px;
	margin-left: 11px;
	margin-bottom: 15px;
	width: 410px;
	border-radius: 5px;
}

#gazette-index .journal .article_precedent span.infos {
	float: right;
	font-size: 12px;
}

#gazette-index .journal .classements {
	display: inline-block;
	padding: 2px;
	float: right;
	margin-right: 37px;
	width: 276px;
}

#gazette-index .journal .colonne_bas {
	display: inline-block;
	padding: 2px;
	width: 430px;
	margin-left: 11px;
}

#gazette-index .journal .colonne_bas .texte {
	word-wrap: break-word;
}

#gazette-index .journal .colonne_bas .ancien_article {
	width: 430px;
	padding: 2px;
	text-align: justify;
	margin-bottom: 10px;
	border-radius: 5px;
	display: none;
	overflow: hidden;
}

#gazette-index .journal .colonne_bas .ancien_article .image {
	width: 430px;
	text-align: center;
}

#gazette-index .journal .colonne_bas .ancien_article .image img {
	max-width: 430px;
	max-height: 150px;
}

#gazette-index .journal .secret_haut {
	background-image: url("../images/gazette/reflet.png"), url("../images/gazette/playboobz/titre.png"), url("../images/gazette/journal_haut1.png");
	background-position: 4px 3px, 25px 22px, 0 0;
	background-repeat: no-repeat;
}

#gazette-index .journal .secret_une {
	width: 520px;
	min-height: 680px;
	background: url("../images/gazette/playboobz/citation.png"), url("../images/gazette/playboobz/actrice.png");
	background-repeat: no-repeat;
	background-position: 10px 30px, 0 0;
}

#gazette-index .journal .secret_gauche {
	width: 190px;
	border-radius: 5px;
}

#gazette-index .journal .secret_basg {
	width: 555px;
}

#gazette-index .journal .secret_basd {
	width: 150px;
}

#gazette-index .journal .article_gauche.colonne_abonnement {
	margin-bottom: 40px;
}

#gazette-index .abonnement {
	height: 26px;
	width: 145px;
	background: #f9e2be;
	display: inline-block;
	border-radius: 50px;
	position: relative;
	top: 20px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

#gazette-index .abonnement:after {
	content: 'NON';
	font: 12px/26px Arial, sans-serif;
	color: #777;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .15);
}

#gazette-index .abonnement:before {
	content: 'OUI';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
}

#gazette-index .abonnement input[type=checkbox]:checked+label {
	left: 43px;
}

#gazette-index input[type=checkbox] {
	visibility: hidden;
}

#gazette-index .frais {
	display: block;
	position: relative;
	top: 25px;
	left: 10px;
	width: 150px;
	font-style: italic;
}

#gazette-index .abonnement label {
	width: 100px;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
	text-align: center;
}

#gazette-index .abonnement label {
	display: block;
	height: 18px;
	padding-top: 2px;
	color: black;
	border-radius: 50px;
	transition: all .4s ease;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
	background: #fefaef;
	user-select: none;
	background: -webkit-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefaef', endColorstr='#b3bead', GradientType=0);

}

#gazette-gerer .articles table {
	width: 100%;
}

#gazette-gerer .articles table tr:nth-child(even),
#gazette-gerer .nb_articles table tr:nth-child(even) {
	background: #e6e5ef;
}

#gazette-gerer .articles table th {
	text-align: center;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#gazette-gerer .articles table th:nth-child(2),
#gazette-gerer .articles table th:nth-child(3) {
	text-align: left;
}

#gazette-gerer .articles table td {
	padding: 0 5px;
}

#gazette-gerer .articles table tr td:nth-child(1),
#gazette-gerer .articles table tr td:nth-child(2),
#gazette-gerer .articles table tr td:nth-child(4),
#gazette-gerer .articles table tr td:nth-child(5) {
	width: 1px;
	white-space: nowrap;
}

#gazette-gerer .articles table input[type=submit] {
	margin: 0;
	padding: 1px 10px;
}

#gazette-gerer .articles table td p[class=tab_espace] {
	margin: 0;
	padding: 1px 10px;
}

#gazette-gerer .nb_articles table td {
	padding: 0 5px;
}

#gazette-gerer .nb_articles table td p[class=tab_espace] {
	margin: 1px;
	padding: 1px 10px;
}

#gazette-rediger table {
	width: 100%;
}

#gazette-rediger .chronique_ligne form {
	display: inline;
}

#gazette-rediger .error {
	color: rgb(184, 13, 13) !important;
}

#gazette-historique_article table {
	width: 100%;
}

#gazette-historique_article table th {
	text-align: center;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#gazette-historique_article table td:nth-child(1),
#gazette-historique_article table td:nth-child(2) {
	width: 1px;
	white-space: nowrap;
	text-align: center;
}

#gazette-historique_article table td {
	padding: 0 5px;
}

#gazette-historique_article table td p[class=highlight] {
	margin: 0;
	padding: 5px 20px;
}

#gazette-images_disponibles {
	padding: 20px;
	display: none;
	width: 800px;
	height: 600px;
	z-index: 1000;
	position: absolute;
	top: 0;
	overflow: auto;
	background-color: rgba(230, 230, 230, 0.9);
	border: 8px solid #c28235;
	border-radius: 10px;
}

#gazette-images_disponibles img {
	opacity: 0.85;
	max-width: 100px;
	max-height: 100px;
}

#gazette-images_disponibles img:hover {
	cursor: pointer;
}

#piges-gerer .piges table tr:nth-child(even) {
	background: #e6e5ef;
}

/*--------------------------------------------------*/
/*          Plouk                                   */
/*--------------------------------------------------*/
#plouk-index table {
	width: 100%;
}

#plouk-index table th {
	text-align: center;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#plouk-index table td {
	padding: 0 5px;
	text-align: center;
}

#plouk-index table td p[class=tab_espace] {
	margin: 0;
	padding: 2px 15px;
}

#plouk-index table input[type=submit] {
	margin: 0;
	padding: 1px 10px;
}

#plouk-index .proposees,
#plouk-index .en_cours {
	padding-bottom: 3px;
}

#plouk-index .proposees td:nth-child(1),
#plouk-index .proposees td:nth-child(n+3) {
	width: 1px;
	white-space: nowrap;
}

#plouk-index .proposees tr:nth-child(even) {
	background: #e7e7e7;
}

#plouk-index .en_cours td:nth-child(1),
#plouk-index .en_cours td:nth-child(2),
#plouk-index .en_cours td:nth-child(n+4) {
	width: 1px;
	white-space: nowrap;
}

#plouk-index .en_cours tr:nth-child(even) {
	background: #e6e5ef;
}

#plouk-index .proposees td:nth-child(2),
#plouk-index .en_cours td:nth-child(3) {
	text-align: left;
}

#plouk-index .liste_bouzouks {
	width: 100%;
	padding: 15px;
}

#plouk-index .liste_bouzouks td {
	padding: 5px 10px;
	width: 50px;
	text-align: left;
}

#plouk-creer table {
	width: 780px;
	margin-left: -5px;
}

#plouk-creer table tr:nth-child(odd) {
	background: #e6e5ef;
}

#plouk-creer table td {}

#plouk-creer table td p[class=tab_espace] {
	margin-left: 150px;
}

#plouk-creer select[name=nb_tours],
#plouk-creer select[name=mediatisation],
#plouk-creer select[name=charisme],
#plouk-creer select[name=partisans] {
	width: 50px;
}

#plouk-jouer #waiter {
	padding: 10px;
	z-index: 1000;
	position: absolute;
	width: 600px;
	top: 400px;
	left: 50px;
	border-radius: 15px;
	border: 2px solid yellow;
	background-color: rgba(200, 50, 50, 0.8);
	color: orange;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	box-shadow: #D55 0 0 50px;
	text-shadow: #000 2px 2px 2px, #000 -2px 2px 2px, #000 -2px -2px 2px, #000 2px -2px 2px;
}

#plouk-jouer .partie .fond_joueur {
	position: relative;
	background: url(../images/plouk/fond.png) no-repeat;
	height: 480px;
	width: 700px;
	margin: 5px 0 0 40px;
}

#plouk-jouer .partie .fond_spectateur {
	position: relative;
	background: url(../images/plouk/fond_spectateur.png) no-repeat;
	height: 420px;
	width: 700px;
	margin: 5px 0 0 40px;
}

#plouk-jouer .partie #defausse {
	position: absolute;
	top: 142px;
	left: 366px;
}

#plouk-jouer .partie #tribune_createur {
	position: absolute;
	top: 70px;
	left: 130px;
	height: 216px;
	overflow: hidden;
}

#plouk-jouer .partie #tribune_adversaire {
	position: absolute;
	top: 70px;
	left: 467px;
	height: 216px;
	overflow: hidden;
}

#plouk-jouer .partie #sondages_createur {
	position: absolute;
	top: 245px;
	left: 240px;
	height: 20px;
	width: 40px;
	text-align: center;
	font-size: 140%;
	color: #ff2a3f;
	font-weight: bolder;
}

#plouk-jouer .partie #sondages_adversaire {
	position: absolute;
	top: 245px;
	left: 293px;
	height: 20px;
	width: 40px;
	text-align: center;
	font-size: 140%;
	color: #0084ff;
	font-weight: bolder;
}

#plouk-jouer .partie #sondages {
	position: absolute;
	top: 142px;
	left: 186px;
	width: 200px;
	height: 135px;
}

#plouk-jouer .partie #jouer {
	position: absolute;
	top: 436px;
	left: 240px;
}

#plouk-jouer .partie #jouer img,
#plouk-jouer .partie #defausser img {}

#plouk-jouer .partie #defausser {
	position: absolute;
	top: 436px;
	left: 351px;
}

#plouk-jouer .partie #jouer img:hover {
	cursor: pointer;
	background: url(../images/plouk/jouer_hover.png);
}

#plouk-jouer .partie #defausser img:hover {
	cursor: pointer;
	background: url(../images/plouk/defausser_hover.png);
}

#plouk-jouer .partie #plouk_flash {
	position: absolute;
	top: 150px;
	left: 159px;
	width: 380px;
	height: 120px;
	color: orange;
	text-align: center;
	font-weight: bold;
	text-shadow: #000 2px 2px 2px, #000 -2px 2px 2px, #000 -2px -2px 2px, #000 2px -2px 2px;
}

#plouk-jouer .partie #perso_createur {
	position: absolute;
	top: 10px;
	left: 20px;
}

#plouk-jouer .partie #perso_createur img,
#plouk-jouer .partie #perso_adversaire img {
	max-width: 85px;
	max-height: 100px;
}

#plouk-jouer .partie #perso_adversaire {
	position: absolute;
	top: 10px;
	left: 595px;
}

#plouk-jouer .partie .pseudos {
	height: 25px;
}

#plouk-jouer .partie .pseudos p {
	margin-top: 11px;
	width: 151px;
	height: 24px;
	text-align: center;
	color: #000;
	font-size: 140%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	border-left-width: 0px;
}

#plouk-jouer .partie .pseudos #pseudo_createur {
	float: left;
	margin-left: 108px;
}

#plouk-jouer .partie .pseudos #pseudo_adversaire {
	float: right;
	margin-right: 108px;
}

#plouk-jouer .partie .case_gauche {
	float: left;
	margin-left: 145px;
	width: 60px;
	text-align: center;
	font-size: 150%;
	color: #000;
	font-weight: bold;
}

#plouk-jouer .partie .case_droite {
	float: right;
	margin-right: 145px;
	width: 60px;
	text-align: center;
	font-size: 150%;
	color: #000;
	font-weight: bold;
}

#plouk-jouer .partie .chronos {
	margin-top: 25px;
	height: 30px;
}

#plouk-jouer .partie .mediatisations {
	margin-top: 61px;
	height: 37px;
}

#plouk-jouer .partie .partisans {
	margin-top: 61px;
	height: 37px;
}

#plouk-jouer .partie .media_parti_gauche {
	float: left;
	margin-left: 73px;
	width: 50px;
	text-align: center;
	font-size: 200%;
	color: #000;
	font-weight: bold;
}

#plouk-jouer .partie .media_parti_droite {
	float: right;
	margin-right: 73px;
	width: 50px;
	text-align: center;
	font-size: 200%;
	color: #000;
	font-weight: bold;
}

#plouk-jouer .partie .ajout_media_gauche {
	position: absolute;
	left: 72px;
	top: 177px;
	width: 50px;
	text-align: center;
	color: #fff;
}

#plouk-jouer .partie .ajout_media_droite {
	position: absolute;
	left: 575px;
	top: 178px;
	width: 50px;
	text-align: center;
	color: #fff;
}

#plouk-jouer .partie .ajout_partisans_gauche {
	position: absolute;
	left: 72px;
	top: 274px;
	width: 50px;
	text-align: center;
	color: #fff;
}

#plouk-jouer .partie .ajout_partisans_droite {
	position: absolute;
	left: 575px;
	top: 275px;
	width: 50px;
	text-align: center;
	color: #fff;
}

#plouk-jouer .partie .charismes {
	margin-top: 15px;
	height: 20px;
}

#plouk-jouer .partie .charismes p {
	width: 35px;
	text-align: center;
	color: #e1e1e1;
	font-weight: bold;
}

#plouk-jouer .partie .charismes #charisme_createur {
	float: left;
	margin-left: 170px;
}

#plouk-jouer .partie .charismes #charisme_adversaire {
	float: right;
	margin-right: 172px;
}

#plouk-jouer .partie .infos {
	position: absolute;
	left: 366px;
	top: 55px;
	height: 30px;
}

#plouk-jouer .partie .infos #infos_tours {
	float: left;
	width: 60px;
	text-align: center;
	font-size: 200%;
	color: #222;
	font-weight: bolder;
	font-family: Arial, sans-serif;
}

#plouk-jouer .partie .cartes {
	margin-top: 2px;
}

#plouk-jouer .partie .carte {
	float: left;
	margin-left: 12px;
	height: 124px;
	width: 93px;
}

#plouk-jouer .partie #carte_1 {
	margin-left: 40px;
}

#plouk-jouer .partie .carte img:hover {
	cursor: pointer;
}

#plouk-jouer #plouk_actions {
	text-align: center;
	margin-top: 10px;
}

#plouk-jouer #plouk_actions .bouton_alerte {
	position: relative;
	display: inline-block;
}

#plouk-jouer #plouk_actions .bouton_alerte input {
	display: inline-block;
	width: 180px;
	margin: 5px;
	background: transparent url(../images/skins_formulaire/submit_rouge.png);
	background-size: 100% 100%;
}

#plouk-jouer #plouk_actions .bouton_alerte input:hover {
	opacity: 0.85;
	cursor: pointer;
	outline: none;
}

#plouk-jouer #plouk_actions .pari_objet {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	color: #000;
	background-color: #f9e2be;
	height: 26px;
	border-radius: 50px;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

#plouk-jouer #plouk_actions .pari_objet p {
	margin: 3px;
	padding-left: 8px;
	padding-right: 8px;
}

/* SLIDE THREE */
#plouk-jouer .slideThree {
	width: 146px;
	height: 26px;
	background: #f9e2be;
	display: inline-block;
	border-radius: 50px;
	position: relative;
	top: -2px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

#plouk-jouer .slideThree:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #777;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .15);
}

#plouk-jouer .slideThree:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
}

#plouk-jouer .slideThree label,
#plouk-jouer #plouk_actions .pari_objet p {
	display: block;
	height: 18px;
	padding-top: 2px;
	color: #000;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;

	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
	background: #fefaef;
	background: -webkit-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fefaef 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefaef', endColorstr='#b3bead', GradientType=0);
}

#plouk-jouer .slideThree label {
	width: 100px;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
}

#plouk-jouer .slideThree input[type=checkbox]:checked+label {
	left: 43px;
}

#plouk-jouer input[type=checkbox] {
	visibility: hidden;
}

/*--------------------------------------------------*/
/*          Clans                                   */
/*--------------------------------------------------*/
#clans-lister {
	color: #222;
	float: left;
}

#clans-lister .infos_clans {
	position: relative;
	width: 100%;
	height: 103px;
}

#clans-lister .infos_clans .description {
	float: left;
	margin-left: 150px;
	margin-top: 10px;
	text-align: center;
	padding: 5px;
}

#clans-lister .infos_clans .partisant {
	position: absolute;
	left: 10px;
	top: 0px;
}

#clans-lister .infos .description {
	min-height: 80px;
	padding: 5px;
	margin: 0;
}

#clans-lister .infos .chef,
#clans-lister .infos .nb_membres,
#clans-lister .infos .nom_entreprises {
	padding: 3px 15px 3px 15px;
	display: inline-block;
	margin: 5px 10px;
	background-color: #fff;
	border-radius: 10px;
}

#clans-lister .infos form {
	text-align: center;
	margin: 0;
}

#clans-lister .syndicat .button {
	background: transparent url(../images/skins_formulaire/submit_violet.png);
	background-size: 100% 100%;
}

#clans-lister .button {
	position: relative;
	top: 0px;
	margin: 0 3px 3px 0;
	padding: 0 5px;
}

#clans-lister .espace {
	float: left;
	width: 395px;
}

#clans-lister .nom_clan {
	float: left;
	width: 250px;
	height: 18px;
	padding: 3px;
	margin-bottom: 3px;
	border-radius: 0 10px 10px 0;
}

#clans-creer .marge_haut {
	margin-top: 40px;
}

#clans-gerer {
	color: #222;
}

#clans-gerer .heure_serveur {
	position: absolute;
	right: 160px;
}

#clans-gerer .infos table {
	position: relative;
	width: 330px;
}

#clans-gerer .infos table td {
	padding: 2px;
}

#clans-gerer .infos table td p {
	margin-left: 10px;
	padding: 2px 10px;
}

#clans-gerer .infos .enchere {
	font-size: 13px;
	width: 445px;
	text-align: center;
	position: absolute;
	right: 0px;
}

#clans-gerer .infos .enchere p {
	padding: 10px;
}

#clans-gerer .infos .enchere input[type=submit] {
	margin-top: 2px;
}

#clans-gerer .news_tobo table {
	width: 100%;
	margin: 3px 0 3px 0;
}

#clans-gerer .news_tobo table tr:nth-child(even) {
	background: #e6e5ef
}

#clans-gerer .actions .action {
	margin: 5px 9px;
	width: 134px;
	height: 82px;
	position: relative;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #000;
	border: 2px groove #ffffff;
}

#clans-gerer .actions .action:hover {
	margin: 4px 10px 6px 8px;
	cursor: pointer;
	box-shadow: 2px 2px 3px #000;
}

#clans-gerer .actions .action:active {
	margin: 5px 9px;
	cursor: pointer;
	box-shadow: 0 0 10px #c75;
}

#clans-gerer .actions .action .infos {
	position: absolute;
	bottom: 0;
	width: 134px;
}

#clans-gerer .actions .action .infos .nom {
	max-width: 128px;
	margin-left: 3px;
	font-weight: bold;
	text-shadow: #000 1px 1px 1px, #000 -1px 1px 1px, #000 -1px -1px 1px, #000 1px -1px 1px;
}

#clans-gerer .actions .action .infos .cout {
	width: 130px;
	border-radius: 0 0 6px 6px;
	margin: 0px auto 0px auto;
	padding: 2px;
	color: #000;
	font-weight: bold;
}

#clans-gerer .actions .action .possible .nom {
	color: #ddd;
}

#clans-gerer .actions .action .possible .cout {
	background: rgba(255, 255, 255, 0.8);
}

#clans-gerer .actions .action .impossible .nom {
	color: #d21;
}

#clans-gerer .actions .action .impossible .cout {
	background: rgba(200, 5, 7, 0.6);
	color: #000;
}

#clans-gerer .actions .details .description {
	float: left;
	width: 635px;
	padding: 5px;
	text-align: left;
	margin-top: 5px;
	background: #e6e5ef;
	border-radius: 0 5px 5px 0;
}

#clans-gerer .actions .details .effet {
	float: right;
	width: 120px;
	font-weight: bold;
	margin-top: 5px;
	background: #e6e5ef;
	border-radius: 5px 0 0 5px;
}

#clans-gerer .actions .details .condition {
	float: left;
	width: 780px;
	margin: 5px 0 5px 0;
	background: #e6e5ef;
}

#clans-gerer .actions .details .condition span {
	display: inline-block;
	margin: 2px;
	padding: 3px 10px 3px 10px;
	background: #fff;
	border-radius: 8px;
}

#clans-gerer .actions .details .lancement {
	float: left;
	width: 100%;
	margin: 5px 0;
}

#clans-gerer .donation {
	float: left;
	position: relative;
	width: 780px;
	height: 140px;
	background-image: url("../images/clans/pnj_donation.png"), url("../images/cellules/bleu_b1.png");
	background-size: 190px 140px, 780px 70px;
	background-position: 0 0, 0 15px;
	background-repeat: no-repeat;
	font-size: 13px;
}

#clans-gerer .donation h4 {
	position: absolute;
	left: 160px;
	top: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#clans-gerer .donation .texte {
	position: absolute;
	left: 195px;
	top: 42px;
	width: 570px;
	padding: 2px;
}

#clans-gerer .donation .mini_bloc {
	position: absolute;
	right: 30px;
	top: -21px;
	padding: 4px 15px 1px 15px;
	height: 15px;
	border: solid 1px #5746b8;
	border-bottom: 0px;
	background-color: #fff;
	border-radius: 8px 8px 0 0;
}

#clans-gerer .donation p[class=texte] {
	width: 580px;
	height: 50px;
	float: left;
	margin: 0 0 0 85px;
}

#clans-gerer .donation form {
	position: absolute;
	right: 10px;
	top: 100px;
}

#clans-gerer .donation form input[type=text] {
	text-align: center;
	border: 1px solid #9c97c1;
}

#clans-gerer .modifier {
	padding-bottom: 10px;
}

#clans-gerer .modifier table {
	border-collapse: separate;
	width: 100%;
}

#clans-gerer .modifier table tr td {
	padding: 2px 15px;
}

#clans-gerer .modifier table tr {
	background: #e6e5ef
}

#clans-gerer .membres table {
	width: 100%;
	margin-top: 3px;
}

#clans-gerer .membres table tr:nth-child(odd) {
	background: #e6e5ef
}

#clans-gerer .membres table tr:nth-child(1) {
	background: #fff;
	text-align: center;
}

#clans-gerer .membres table th {
	text-align: center;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#clans-gerer .membres table td {
	padding: 0 5px;
}

#clans-gerer .membres table td .espace {
	min-height: 5px;
}

#clans-gerer .membres table td:nth-child(n+3) {
	text-align: center;
}

#clans-gerer .membres table td p[class=tab_esp] {
	margin: 0;
	padding: 2px 15px;
}

#clans-gerer .actions_lancees table {
	width: 100%;
}

#clans-gerer .actions_lancees table th {
	text-align: left;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#clans-gerer .actions_lancees table td p[class=highlight] {
	margin: 0 5px;
	padding: 2px 10px;
	text-align: center;
}

#clans-gerer .actions_lancees table td:nth-child(n+4),
#clans-gerer .actions_lancees table th:nth-child(n+4) {
	text-align: center;
}

#clans-gerer .actions_lancees table tr:nth-child(even) {
	background: #e6e5ef
}

#clans-gerer .cellule_bleu_type1 .quitter {
	padding-top: 10px;
}

#clans-gerer .cellule_bleu_type1 .quitter label {
	float: left;
	margin-top: 8px;
	background: #e6e5ef;
	border-radius: 0 10px 10px 0;
	width: 650px;
	height: 20px;
}

#clans-recrutement table {
	width: 100%;
}

#clans-recrutement table th {
	text-align: center;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#clans-recrutement table td {
	padding: 0 5px;
}

#clans-recrutement table td:nth-child(n+2) {
	text-align: center;
}

#clans-recrutement table td p[class=tab_espace] {
	margin: 0;
	padding: 2px 15px;
}

#clans-recrutement table input[type=submit] {
	margin: 2px;
}

#clans-historique table {
	width: 100%;
}

#clans-historique table tr:nth-child(even) {
	background: #e6e5ef
}

#clans-historique table th {
	text-align: left;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
	white-space: nowrap;
}

#clans-historique table td {
	padding: 1px 5px;
}

#clans-historique table td p[class*=highlight] {
	margin: 0;
	padding: 1px 5px;
	text-align: center;
}

#clans-historique table td img {
	box-shadow: 1px 1px 5px black;
	border-radius: 5px;
	margin-top: 3px;
}

#clans-historique table td img[class*=enchere_]:hover {
	cursor: pointer;
	box-shadow: 0 0 8px green;
	border-radius: 7px;
}

/*--------------------------------------------------*/
/*          Amis                                    */
/*--------------------------------------------------*/
#amis-index table th {
	text-align: left;
	padding: 5px 5px 2px 5px;
	font-weight: normal;
	color: #000;
}

#amis-index table td p[class=highlight] {
	margin: 0 5px;
	padding: 0px 20px;
}

#amis-index table td form {
	display: inline-block;
}

#amis-index table td input[type=submit] {
	margin: 0;
	padding: 1px 25px;
}

#amis-index .joueur {
	width: 208px;
	margin: 10px 0 0 15px;
	display: inline-block;
	vertical-align: top;
}

#amis-index .joueur input[type="submit"] {
	padding: 0 2px;
	margin: 0;
}

/*--------------------------------------------------*/
/*          TDC                                     */
/*--------------------------------------------------*/

#trou-du-culte .main-image {
	width: 100%;
	margin-top: 10px;
}

#trou-du-culte .souhait-input {
	margin-top: 10px;
	margin-left: 10px;

}

#trou-du-culte .souhait-content {
	margin: 0;
	padding: 0;
	padding-bottom: 0.1em;
}

#trou-du-culte .souhait-content .form {
	background-color: #e6e5ef;
	padding: 5px 5px;

}


#trou-du-culte .autres-souhaits-box {
	margin-top: 20px;
}

#trou-du-culte .autres-souhaits-content {
	display: grid;
	grid-template-columns: 1fr 5fr;
	column-gap: 5px;
	row-gap: 10px;
}

#trou-du-culte .souhait-auteur {
	display: flex;
	flex-flow: column;

}

#trou-du-culte .souhait-auteur .avatar {
	height: 70px;
	width: auto;
	align-self: center;
}

#trou-du-culte .souhait-auteur .pseudo {
	text-align: center;
	color: black;
	font-size: 17px;
	font-weight: 600;
}

#trou-du-culte .souhait-corps {
	font-size: 16px;
	color: rgb(92, 91, 91);
	font-style: italic;
	align-self: center;
}

#trou-du-culte .jeter-box {
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 3px;
}

#trou-du-culte .jeter-box span {
	margin: 0 0.5em;
}

#trou-du-culte .jeter-box input[type=number] {
	border-radius: 9px;
	padding: 0.1em 0.6em;
	width: 50px;
	border: none;
	background-color: #e6e5ef;
}

#trou-du-culte .jeter-box input:hover {}

/*--------------------------------------------------*/
/*          Autres                                  */
/*--------------------------------------------------*/



#musee-index .image_socle {
	position: absolute;
	top: 431px;
	left: 580px;
	width: 80px;
	height: 58px;
	background: url(../images/musee/socle_off.png) no-repeat;
}

#musee-index .image_socle:active {
	position: absolute;
	top: 430px;
	left: 580px;
	width: 80px;
	height: 58px;
	background: url(../images/musee/socle_on.png) no-repeat;
}

#musee-index .schnibble-box {
	visibility: hidden;
	position: absolute;
	width: 100%;
	height: 500px;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 100;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}

#musee-index .schnibble-img {
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
}

#musee-index #schnibble-aec-img {
	height: 200px;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	filter: drop-shadow(0 0 4em white) drop-shadow(0 0 1em white);
}

#musee-index .schnibble-text {
	color: white;
	font-size: 20px;
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
	margin-top: 350px;
	opacity: 0;
}

#blocage .image {
	margin: 15px;
	max-width: 200px;
}

#blocage .message {
	margin-top: 50px;
}

.machine_a_cafe .div_messages {
	width: 780px;
	height: 312px;
	margin: 0;
	float: left;
	color: #777;
	background: url(../images/design/mac/reparateur.png), url(../images/design/mac/tchat_fond.png);
	background-position: 602px 152px, 0 0;
	background-repeat: no-repeat;
}

.machine_a_cafe .titre {
	width: 260px;
	height: 20px;
	margin: 6px 0 0 10px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

.machine_a_cafe .messages {
	width: 605px;
	height: 201px;
	float: left;
	margin: 0px 0 0 1px;
	padding-left: 2px;
	overflow: auto;
	color: #333;
	word-wrap: break-word;
	border-radius: 8px;
}

.machine_a_cafe .tableau {
	width: 156px;
	height: 125px;
	float: right;
	margin-top: 5px;
	background: url(../images/design/mac/tableau_presence.png) no-repeat;
}

.machine_a_cafe .tableau .connectes {
	width: 145px;
	height: 100px;
	float: left;
	margin: 10px 0 0 6px;
	overflow: auto;
}

.machine_a_cafe .messages p {
	margin: 2px 0;
}

.machine_a_cafe .tableau .connectes .pseudos {
	padding-left: 15px;
}

.machine_a_cafe .tableau .connectes .pseudos li {
	text-indent: -3px;
	list-style-type: square;
}

.machine_a_cafe .zone_saisi {
	z-index: 300;
	width: 574px;
	height: 34px;
	float: left;
	margin-top: 5px;
	background: url(../images/design/mac/zone_saisi_ombre.png) no-repeat 2px 2px;
}

.machine_a_cafe .zone_saisi p {
	width: 574px;
	height: 32px;
	float: left;
	background: url(../images/design/mac/zone_saisi.png) no-repeat;
	padding: 0;
}

.machine_a_cafe .zone_saisi .formulaire {
	padding: 0;
}

.machine_a_cafe .zone_saisi .formulaire #message_nb_caracteres_restants {
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #660000;
	margin-top: 9px;
	margin-left: 3px;
}

.machine_a_cafe .zone_saisi .formulaire input[type="text"] {
	float: left;
	margin-top: 6px;
	margin-left: 20px;
	width: 405px;
	height: 16px;
	border: 1px solid #e72e2e;
	border-radius: 10px;
	background: #fff url("../images/design/mac/saisi_fond.png") repeat-x;
}

.machine_a_cafe .zone_saisi .formulaire input[type="submit"],
input[type="button"] {
	float: right;
	width: 111px;
	height: 27px;
	font-size: 12px;
	color: #fff;
	margin-top: 2px;
	margin-right: 3px;
	background: url("../images/design/mac/envoyer.png") no-repeat;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.machine_a_cafe .zone_saisi .formulaire input[type=submit]:hover,
input[type=reset]:hover {
	font-weight: bold;
	opacity: 1
}

.machine_a_cafe .zone_saisi .formulaire input[type=submit]:active,
input[type=reset]:active {
	margin-top: 4px;
	margin-right: 1px;
}

.machine_a_cafe .smileys {
	float: left;
	margin-top: 5px;
	padding: 0px;
	width: 598px;
	height: 40px;
	overflow-x: auto;
	overflow-y: hidden;
	word-wrap: break-word;
}

.machine_a_cafe .smileys img {
	float: left;
	max-width: 20px;
	max-height: 20px;
	margin-left: -2px;
}

.machine_a_cafe .smileys img:hover {
	background-color: #a588ee;
	border-radius: 20%;
}

.machine_a_cafe .moderer input[type="submit"],
input[type="button"] {
	text-align: center;
	outline: none;
	margin-top: 5px;
	height: 24px;
	padding: 0 20px 0 20px;
	color: #fff;
	background-color: #f86161;
	background-size: 100% 100%;
	cursor: pointer;
	border-radius: 12px;
	border: 2px groove #ffffff;
	box-shadow: 1px 1px 1px 0px #000000;
	opacity: 1;
	transition-property: all;
	transition-duration: 0.1s;
}

.machine_a_cafe .moderer input[type=submit]:hover {
	opacity: 0.85;
	cursor: pointer;
	outline: none;
}

.machine_a_cafe .moderer input[type=submit]:active {
	box-shadow: 0px 0px 1px 0px #000000;
}

table.liste_bouzouks {
	width: 100%;
	padding: 15px;
}

table.liste_bouzouks td {
	padding: 5px 10px;
	width: 50px;
}

.onglet {
	position: absolute;
	top: -16px;
	left: 195px;
	width: 640px;
	height: 30px;
	overflow: hidden;
	height: 47px;
	-webkit-transform: rotate(1.1deg);
	transform: rotate(1.1deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.onglet .deco {
	float: left;
	width: 100%;
	height: 25px;
	margin: -23px 0px 0px 0px;
	padding: 0px;
}

.onglet .onglet1 {
	background: url(../images/design/onglet_bas.png) no-repeat -551px 0px;
}

.onglet .onglet2 {
	background: url(../images/design/onglet_bas.png) no-repeat -413px 0px;
}

.onglet .onglet3 {
	background: url(../images/design/onglet_bas.png) no-repeat -275px 0px;
}

.onglet .onglet4 {
	background: url(../images/design/onglet_bas.png) no-repeat -137px 0px;
}

.onglet .menu {
	float: left;
	height: 47px;
	list-style-type: none;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	margin-left: 20px;
	padding: 0px;
}

.onglet .menu .actif {
	float: left;
	display: block;
	margin: 5px 3px 0px 0px;
	color: #000;
	width: 135px;
	height: 35px;
	padding-top: 5px;
	background: url(../images/design/onglet_actif.png) no-repeat;
}

.onglet .menu a {
	float: left;
	display: block;
	margin: 5px 3px 0px 0px;
	color: #fff;
	width: 135px;
	height: 35px;
	padding-top: 5px;
	background: url(../images/design/onglet_inactif.png) no-repeat;
}

.onglet .menu a:hover {
	float: left;
	color: #000;
	margin: 0px 3px 0px 0px;
}

.flocon {
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	text-shadow: 0px 0px 2px black;
	font-size: 1.5em;
	user-select: none;
}

/* Alors, il pète ce code, non  ? */