/* Définition des variables */

:root {
	--bgMainColor: #222;
	--textMainColor: #fff;

	--bgBlueDark: #1c2025;
	--bgBlueLight: #272c36;
	--bgBlueHigh: #3d4452;
	--bgGreenDark: #3a4436;
	--bgGreenLight: #3f743d;
	--bgOrangeDark: #4d4339;
	--bgOrangeLight: #7a5838;
	--bgRedDark: #3a2929;
	--bgRedLight: #693535;
	--bgRedHigh: #895555;

	--bgBtnCancel: #706639;
	--bgBtnCancelOver: #aa781c;
	--bgBtnClose: #396772;
	--bgBtnCloseOver: #2794af;
	--bgBtnOk: #397039;
	--bgBtnOkOver: #319e22;

	--bgTitle: #4f6386;

	--fontSizeXXX: 1.8em;
	--fontSizeXX: 1.5em;
	--fontSizeX: 1.2em;
	--fontSizeNormal: 1em;
	--fontSizeSmall: 0.8em;
	--fontSizeSmallx: 0.5em;
	--fontSizeSmallxx: 0.2em;

	--menuTopFontSize: 1em;
	--menuTopPadding: 10px 40px 10px 44px;

	--box800: 800px;
	--box600: 600px;
	--box500: 500px;
	--box400: 400px;
	--boxPlain: 100%;

}

* {
	color: var(--textMainColor);
}

html {
	background-color: var(--bgMainColor);
}

body {
	margin: auto;
	height: 100%;
	font-family: 'Mada', Helvetica, Verdana, Arial, sans-serif;
	font-style: 1em;
	min-width: 600px;
	background-image: url("images/GradientPage.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	background-attachment: fixed;
}

header {
	margin: auto;
	width: 100%;
	min-height: 30px;
	min-width: 400px;
	overflow: hidden;
	z-index: 2;
	background-color: #000;
}

.navbar {
	overflow: hidden;
}

.navbar a {
	float: left;
	text-transform: uppercase;
	font-size: 16px;
	color: white;
	text-align: center;
	padding: 24px 20px 20px;
	text-decoration: none;
	transition: background-color .5s;
}

.dropdown {
	float: left;
	overflow: hidden;
}

.dropdown .dropbtn {
	text-transform: uppercase;
	font-size: 16px;
	border: none;
	outline: none;
	color: white;
	height: 64px;
	padding: 22px 16px 20px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	transition: background-color .5s;
}

.navbar a:hover,
.dropdown:hover .dropbtn {
	background-color: #2c5163;
}

.dropdown-content {
	text-transform: uppercase;
	display: none;
	position: absolute;
	background-color: #2a414d;
	width: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	float: none;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content a:hover {
	background-color: #2c5163;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.iconMenu {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0px 10px 0px 0px;
	vertical-align: middle;
}

#headerHome {
	height: 60px;
	padding: 300px 10vw 300px 10vw;
	text-shadow: #000 1px 1px 20px, #000 -1px -1px 20px, #000 1px 1px 20px;
	font-size: 125%;
	background-image: url('images/headerTopBckgnd.png'), url('images/BackgroundBody-1.jpg');
	background-position: center bottom, center center;
	background-size: 100% 500px, 100%;
	background-repeat: no-repeat, no-repeat;
	overflow: hidden;

}

#logo {
	float: left;
	text-align: center;
	top: 0px;
	padding: 10px 50px 0px 20px;
	height: 48px;
}

.menuTop {
	float: left;
	color: #fff;
	padding: 10px 10px 0px 10px;
	font-size: 0.5em;
	text-align: center;
	border-bottom: 4px solid transparent;
	text-transform: uppercase;
}

.menuTop:hover {
	border-bottom: 4px solid #37485886;
}

#account {
	display: none;
	position: fixed;
	top: 60px;
	right: 0px;
	min-width: 60px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	height: 60px;
	overflow: hidden;
	color: #fff;
	background-color: #234236;
}

#accountMenu {
	overflow: auto;
	margin: 0 0 10px 0;
	color: #fff;
}

.iconAccount {
	height: 22px;
	transition: background-color .25s;
	padding: 0 10px 0 0;
	margin: 0px;
}

#accountUserName {
	float: left;
	font-weight: bold;
	text-align: left;
	padding: 2px 5px 0;
	color: #fff;
	height: 30px;
	overflow: hidden;
}

#accountUserName:hover {
	background-color: #444;
}

#accountAvatar {
	float: left;
	margin: 0 0 0 5px;
	width: 72px;
}

#accountAvatarSmall {
	float: left;
	margin: 0px 10px 0 0;
	height: 22px;
	width: 22px;
	border-radius: 4px;
}

footer {
	padding: 50px;
	height: 100px;
	overflow: hidden;
	z-index: 2000;
	background-color: #000;
}

main {
	margin: 0 auto 100px;
	min-height: 100%;
	overflow: auto;
}

article {
	margin: 0 auto;
	min-height: 100%;
	width: 980px;
	margin: 10px 0px 50px 0px;
	overflow: auto;
}

#content {
	margin: 0 auto;
	min-height: 100%;
	width: 980px;
	padding: 10px;
	overflow: auto;
}

#contentFull {
	min-width: 980px;
	background-color: #000;
	overflow: auto;
	padding: 20px;
	min-height: 100%;
}

div {
	overflow: auto;
}

li {
	display: inline;
}

#time_rpg {
	float: right;
	width: 450px;
	padding: 8px 20px 0 0;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	text-align: right;
	overflow: hidden;
	z-index: 10;
}

.panelLine {
	margin: 1px 0 0 0;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
	padding: 5px;
	text-align: left;
	background-color: #222;
	overflow: hidden;
}

#box_navigation {
	position: absolute;
	height: 50px;
	width: 100%;
}

#accountBoxInfosUser {
	float: right;
	padding: 10px;
	background-color: #444444;
	border-radius: 5px;
	color: #eee;
	margin: 0 0 20px 20px;
}

#accountCode {
	padding: 20px;
	background-color: #444;
	border-radius: 5px;
	color: #eee;
	margin: 20px 0 0 0;
}

#accountGodFather {
	padding: 20px;
	background-color: #444;
	border-radius: 5px;
	color: #eee;
	margin: 20px 0 0 0;
}

#accountKeyGen {
	padding: 20px;
	background-color: #444;
	border-radius: 5px;
	color: #eee;
	margin: 20px 0 0 0;
}

#ActaryaKey {
	margin: 20px 0 0 0;
	padding: 10px;
	background-color: #a17219;
	border-radius: 5px;
	text-align: center;
	font-size: x-large;
}

#codeInput {
	float: left;
	margin: 5px 0 5px 0;
	width: 88%;
	height: 50px;
	font-size: 22px;
	text-align: center;
	background-color: #404f5f;
	color: white;
}

#codeSubmit {
	float: right;
	margin: 5px 0 5px 0;
	width: 50px;
	height: 50px;
	font-size: 22px;
	text-align: center;
	background-color: #669704;
}

#ActaryaCode {
	margin: 20px 0 0 0;
	padding: 10px;
	background-color: #964b05;
	border-radius: 5px;
	text-align: center;
	font-size: x-large;
}

.actysSolde {
	font-size: var(--fontSizeBigX);
}

.awardSolde {
	font-size: var(--fontSizeBigX);
}

.cashSolde {
	font-size: var(--fontSizeBigX);
}

#actysOnAccount {
	float: right;
	margin: 0px 0 0 5px;
	min-width: 50px;
	height: 55px;
	padding: 5px 70px 10px 15px;
	color: white;
	background-color: #502c45;
	border-radius: 10px;
	background-image: url("images/iconActysFlatWhite.png");
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-size: 48px;
	text-align: right;
	overflow: hidden;
}

#cashOnAccount {
	float: right;
	margin: 0px 0 0 5px;
	min-width: 50px;
	height: 55px;
	padding: 5px 70px 10px 15px;
	color: white;
	background-color: #502c2c;
	border-radius: 10px;
	background-image: url("images/iconCreditCardWhite.png");
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-size: 48px;
	text-align: right;
	overflow: hidden;
}

#awardOnAccount {
	float: right;
	margin: 0px 0 0 5px;
	min-width: 50px;
	height: 55px;
	padding: 5px 70px 10px 15px;
	color: white;
	background-color: #315830;
	border-radius: 10px;
	background-image: url("images/iconAwardWhite.png");
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-size: 48px;
	text-align: right;
	overflow: hidden;
}

#nickNameIdent {
	float: left;
	width: 220px;
	margin: 0px 0 0 0;
	padding: 10px;
	background-color: #48566d;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: white;
	background-image: url("images/iconContactCircledOutlineWhite.png");
	background-position: center right 5px;
	background-repeat: no-repeat;
	background-size: 32px;
}


#guk {
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #366d31;
	border-radius: 5px;
	text-align: center;
	font-size: 18px;
	color: white;
	background-image: url("images/iconKeyWhite.png");
	background-position: center right 5px;
	background-repeat: no-repeat;
	background-size: 32px;
}

#godfatherKey {
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #48566d;
	border-radius: 5px;
	text-align: center;
	font-size: 18px;
	color: white;
	background-image: url("images/iconKeyWhite.png");
	background-position: center right 5px;
	background-repeat: no-repeat;
	background-size: 32px;
}

#godfatherLink {
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #3e4755;
	border-radius: 5px;
	text-align: center;
	font-size: 18px;
	color: white;
	background-image: url("images/iconLinkWhite.png");
	background-position: center right 5px;
	background-repeat: no-repeat;
	background-size: 32px;
}

#menuPanel {
	position: absolute;
	top: 50px;
	bottom: 50px;
	left: -300px;
	width: 300px;
	color: #fff;
	font-size: 12px;
	background-color: #222;
	text-align: left;
	overflow: hidden;
	z-index: 2500;
}

.menuLine {
	padding: 10px;
	width: 280px;
	color: #fff;
	font-size: 18px;
	background-color: #222;
	text-align: left;
	overflow: hidden;
	cursor: pointer;
}

.menuLine:hover {
	background-color: #333;
}

#warningTop {
	float: right;
	margin: 40px;
	height: 140px;
}

#accountOff {
	float: right;
	margin: 0px 20px;
	height: 125px;
	width: 270px;
	overflow: hidden;
}

#accountDelete {
	padding: 10px 10px 10px 70px;
	border-radius: 5px;
	background-color: #aa7e05;
	background-image: url("images/account_delete.png");
	background-position: 10px 3px;
	background-repeat: no-repeat;
	background-size: 48px;
}

#alertsBox {
	float: left;
	height: 20px;
	width: 600px;
	padding: 3px 5px 0px 25px;
	margin: 0px 0px 0px 5px;
	text-align: left;
	line-height: 16px;
	font-weight: bold;
	color: #ccc;
	background-color: #333;
	background-image: url("images/icon_alert.png");
	background-position: 3px 1px;
	background-size: 20px;
	background-repeat: no-repeat;
	border: 1px solid #444;
	border-radius: 5px;
	overflow: hidden;
}

#home_top {
	position: relative;
	width: 795px;
	padding: 0px;
	color: #fff;
	height: 205px;
	overflow: hidden;

}

#tileMember0 {
	float: left;
	padding: 10px;
	width: 245px;
	height: 180px;
	background-image: url("images/tileMember0.pngf");
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 11px;
}

#tileMember1 {
	float: left;
	padding: 10px;
	width: 245px;
	height: 180px;
	background-image: url("images/tileMember1.pngf");
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 11px;
}

#tileMember2 {
	float: left;
	padding: 10px;
	width: 245px;
	height: 180px;
	background-image: url("images/tileMember2.pngf");
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 11px;
}


.footerBloc {
	float: left;
	height: 250px;
	margin: 0 45px 0 0;
	width: 245px;
	color: #fff;
	overflow: hidden;
}

#footerBlocMembers {
	float: left;
	margin: 60px 35px 0 0;
	width: 200px;
	color: #fff;
	overflow: hidden;
}

#footerBlocTreasures {
	float: left;
	margin: 60px 40px 0 0;
	width: 250px;
	color: #fff;
	overflow: hidden;
}

#footerBlocRubis {
	float: left;
	margin: 60px 45px 0 0;
	width: 250px;
	color: #fff;
	overflow: hidden;
}

#footerBlocSuccess {
	float: left;
	margin: 60px 0px 0 0;
	width: 235px;
	color: #fff;
	overflow: hidden;
}

#footerInfos {
	padding: 5px;
	padding: 20px 20px 10px 20px;
	height: 240px;
	font-size: 10px;
	color: #fff;
	overflow: hidden;

}

#footerLegals {
	padding: 5px;
	height: 40px;
	font-size: 9px;
	color: #aaa;
	text-align: center;
	overflow: hidden;
	background-color: #333;

}

#boxPicRandContent {
	float: right;
	background-color: #000;
	width: 300px;
	height: 200px;
	overflow: hidden;
}

.boxPicRand {
	width: 300px;
	height: 200px;
}

#boxPicRand1 {
	float: right;
	width: 320px;
	height: 200px;
	overflow: hidden;
	text-align: center;
	border-radius: 0 26px 0 0;
}

#boxPicRand2 {
	float: right;
	width: 300px;
	height: 200px;
	overflow: hidden;
	border-radius: 0 26px 0 0;
}

#homeAgree {
	width: 740px;
	margin: 50px auto;
	background-color: #dfc2de;
	border: 2px solid #865784;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 0px 0px 50px #cfa8d1;
	overflow: auto;
}

.locked {
	background-color: rgb(223, 129, 129);
	background-image: url("images/icon-locked.gif");
	background-position: center right;
	background-repeat: no-repeat;
}

.required {
	padding: 10px;
	background-color: #5f2f2f;
	background-image: url("images/icon_input_required.png");
	background-position: center right;
	background-repeat: no-repeat;
	color: #fff;
}

.requiredList {
	border: 1px solid #e0bc86;
	border-radius: 4px;
	padding: 10px;
	background-color: #c9aeae;
	background-image: url("images/icon_input_required_list.png");
	background-position: center right;
	background-repeat: no-repeat;
	color: #000;
}

select {
	width: calc(100% - 20px);
	background-color: #ddd;
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 10px;
	margin: 4px 0px 0 0;
	height: 29px;
}

textarea {
	width: calc(100% - 20px);
	background-color: #ddd;
	border-radius: 4px;
	padding: 10px;
	margin: 5px 0px 0 0;
	min-height: 50px;
}

input {
	width: calc(100% - 20px);
	background-color: #ddd;
	border-radius: 4px;
	padding: 10px;
	margin: 5px 0px 0 0;
	height: 18px;
}

input.loginBox {
	float: left;
	margin: 0px;
	width: calc(100% - 55px);
	padding: 10px 5px 10px 5px;
	height: 12px;
	color: #000;
	background-color: #eeeeee;
}

img {
	border: 0;
	vertical-align: text-top
}

label {
	padding: 0px 0px 4px 0px;
	font-weight: bold;
}

label.labelDown:hover {
	background-image: url(images/link_arrow_over.png);
}

label.labelDown {
	background-image: url(images/link_arrow_down.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;
	font-weight: bold;
}

label.labelUp:hover {
	background-image: url(images/link_arrow_over_up.png);
}

label.labelUp {
	background-image: url(images/link_arrow_up.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;
	font-weight: bold;
}

h1 {
	font-size: 1.5em;
	margin: 0 0 5px 0;
	padding: 30px 0px 20px 0px;
	font-weight: bold;
}

h2 {
	background-image: url(images/title-h2.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 20px;
	margin: 0 0 5px 0;
	padding: 5px 0 2px 30px;
	font-weight: bold;
}

h3 {
	background-image: url(images/title-h3.png);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 2px 0 0 20px;
	font-weight: bold;
	color: #fff;
}

h4 {
	margin: 5px 0 5px 0;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

h5 {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #000;
}

.bigTitle {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 28px;
	color: #000;
}

hr {
	margin: 2px 0 2px 0;
	border: 2px solid #555;
}

p {
	padding: 10px 0 10px 0;
	overflow: auto;
}

.link {
	color: #398691;
	cursor: pointer;
}

.link:hover {
	color: #339faf;
}

a {
	text-decoration: none;
	color: rgb(78, 122, 241);
}

a:link,
a:visited,
a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1 a:link,
h1 a:visited,
h1 a:active {
	text-decoration: none;
	font-size: 16px;
}

h1 a:hover {
	text-decoration: none;
	font-size: 16px;
}

a.arrow:link,
a.arrow:visited,
a.arrow:active {
	background-image: url(images/link-list-small-off.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-size: 12px;
}

a.arrow:hover {
	background-image: url(images/link-list-small-on.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-size: 12px;
}

a.arrowW:link,
a.arrowW:visited,
a.arrowW:active {
	background-image: url(images/link_arrow_down.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 15px;
	text-decoration: none;
	font-size: 12px;
}

a.arrowW:hover {
	background-image: url(images/link_arrow_over.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 15px;
	text-decoration: none;
	font-size: 12px;
}

a.tip:link,
a.tip:visited,
a.tip:active {
	text-decoration: none;
	font-weight: bold;
}

a.tip:hover {
	text-decoration: none;
	font-weight: bold;
}

a.icon {
	color: #fff;
	width: 80px;
	height: 80px;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	font-size: 9px;
	text-align: center;
	background-color: #333;
	border-radius: 10px;
	overflow: hidden;
}

a.icon:hover {
	width: 80px;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;
	font-size: 9px;
	text-align: center;
	background-color: #444;
	border-radius: 10px;
}

a.footer:link,
a.footer:visited,
a.footer:active {
	background-image: url(images/link-list-small-off.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}

a.footer:hover {
	background-image: url(images/link-list-small-on.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #eee;
	font-size: 11px;
}

a.blackLink:link,
a.blackLink:visited,
a.blackLink:active {
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

a.blackLink:hover {
	color: #555;
	font-size: 11px;
	text-decoration: none;
}

table {
	margin: 0px;
	padding: 0px;
}

thead {
	margin: 0 0 0 4px;
	padding: 0px;
}

tbody {
	margin: 0px;
	padding: 0px;
}

th {
	padding: 1px 2px 1px 2px;
	text-align: center;
	font-weight: bold;
	background-color: rgb(92, 92, 92);
	border-radius: 3px;
	font-size: 12px;
	border: 1px solid #444;
}

tr:hover {
	background-color: #999;
}

td {
	vertical-align: middle;
}

td.line_even {
	height: 18px;
	padding: 1px 2px 1px 2px;
	border-radius: 3px;
	background-color: #555;
	color: #fff;
	font-size: 13px;
	opacity: 0.8;
}

td.line_odd {
	height: 18px;
	padding: 1px 2px 1px 2px;
	border-radius: 3px;
	background-color: #444;
	color: #fff;
	font-size: 13px;
	opacity: 0.8;
}

td.line_select {
	height: 18px;
	padding: 1px 2px 1px 2px;
	border-radius: 3px;
	background-color: #999;
	color: #000;
	font-size: 13px;
	opacity: 0.8;
}

td.line_even:hover {
	background-color: #777;
}

td.line_odd:hover {
	background-color: #666;
}

.bgPink {
	background-color: #9d37a6;
}

#contentBlog {
	overflow: auto;
	padding: 0 5px 0 0;
}

#contentFaq {
	overflow: auto;
	padding: 0 5px 0 0;
}

#contentGalery {
	overflow: auto;
	min-height: 100%;
	background-image: url(images/bckgrnd-top-galery.jpg), url(images/bckgrnd-home-galery.jpg);
	background-repeat: no-repeat, repeat-y;
	background-size: 100%;
	background-position: top left, top left;
	border-radius: 0 30px 0 0;
	padding: 0 5px 0 0;
}

#contentLiveStream {
	min-height: 300px;
	color: #fff;
	background-image: url(images/bckgrnd-top-live.jpg), url(images/bckgrnd-home-live.jpg);
	background-repeat: no-repeat, repeat-y;
	background-size: 100%;
	background-position: top left, top left;
	background-color: #333;
	overflow: auto;
}

#contentLogin {
	overflow: auto;
	min-height: 300px;
	background-image: url(images/bckgrnd-top-login.jpg), url(images/bckgrnd-home-login.jpg);
	background-repeat: no-repeat, repeat-y;
	background-size: 100%;
	background-position: top left, top left;
}

#contentMain {
	padding: 0px 0px 60px 0px;
	width: 1100px;
	overflow: auto;
	background-image: url(images/bckgrnd-home-top.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top left;
}

#contentSuggestions {
	background-color: #202022;
	min-height: 100%;
	overflow: auto;
	padding: 0 5px 0 0;
}

#content_logout {
	margin: 50px 0 30px 0;
	padding: 0 20px 0 0;
	line-height: 20px;
	background-image: url(images/bckgrnd-home-logout.jpg);
	background-repeat: no-repeat;
	width: 980px;
	border: 4px solid #eee;
	background-color: #f7f7f7;
	overflow: auto;
	min-height: 400px;
}

.form_line {
	margin: 0 0 4px 0;
	padding: 4px 2px 4px 2px;
	border: 1px solid #444;
	background-color: #555;
	border-radius: 4px;
	overflow: auto;
	color: #fff;
	min-height: 50px;
}

.formError {
	background-image: url(images/iconWarningWhite.png);
	background-repeat: no-repeat;
	background-position: left 5px top 10px;
	background-size: 40px;
	width: auto;
	min-height: 40px;
	margin: 0 0 5px 0;
	padding: 10px 10px 10px 60px;
	background-color: rgb(141, 22, 22);
	border-radius: 5px;
	overflow: auto;
}

.form_line_login {
	width: calc(100% - 20px);
	margin: 0 0 4px 0;
	padding: 4px;
	border-bottom: 1px solid #fff;
	background-color: #ddd;
	overflow: auto;
	border-radius: 4px;
	color: #000;
}

.warningForm {
	color: #eee;
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: #572b02;
	border-radius: 4px;
}

.form_line_box {
	width: calc(100% - 8px);
	margin: 0 0 4px 0;
	padding: 4px;
	background-color: #ddd;
	overflow: auto;
	border-radius: 4px;
	color: #000;
}

.formLine {
	width: calc(100% - 40px);
	margin: 0 0 4px 0;
	padding: 20px;
	background-color: #333;
	overflow: auto;
	border-radius: 4px;
}

.right_50 {
	float: right;
	width: 48%;
	padding: 5px 0 5px 10px;
}

.right_50b {
	float: right;
	width: 48%;
	border-left: 2px solid #000;
	padding: 5px 0 5px 10px;
}

.w25 {
	width: 24%;
}

.w33 {
	margin: 0 4px 4px 0;
	width: 32%;
}

.w33x2 {
	width: 31.5%;
	padding: 5px;
}

.w50 {
	width: 48%;
}

.w50x2 {
	width: 48%;
	padding: 5px;
}

.w66 {
	width: 66%;
}

.w75 {
	width: 74%;
}

.left_50b {
	float: left;
	width: 48%;
	border-right: 2px solid #000;
	padding: 5px 10px 5px 0;
}

.left {
	float: left;
}

.left_10 {
	float: left;
	margin: 0 10px 0 0;
}

.gauche {
	float: left;
	margin: 0 10px 0 0;
}

.left_5 {
	float: left;
	margin: 0 5px 0 0;
}

.left_2 {
	float: left;
	margin: 0 2px 0 0;
}

.left_nav {
	float: right;
	padding: 5px;
	margin: 0 0 0 40px;
}

.padding5 {
	padding: 0 5px 0 5px;
}

.right {
	float: right;
}

.right_10 {
	float: right;
	margin: 0 0 0 10px;
}

.droite {
	float: right;
	margin: 0 0 0 10px;
}

.right_5 {
	float: right;
	margin: 0 0 0 5px;
}

.right_2 {
	float: right;
	margin: 0 0 0 2px;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.small {
	font-size: 10px;
}

.smallX {
	font-size: 11px;
}

.smallXX {
	font-size: 12px;
}

.round {
	border-radius: 6px;
}

.shadow {
	box-shadow: 0px 0px 10px #000;
}

.black {
	color: #000;
}

.white {
	color: #fff;
}

.red {
	color: #fff;
}

.green {
	color: #070;
}

.wh75 {
	width: 75%;
}

.autowidth {
	width: auto;
	overflow: auto;
}

.w100 {
	width: 100%;
	overflow: auto;
}

.w320 {
	width: 320px;
	overflow: auto;
}

.w160 {
	width: 160px;
	overflow: auto;
}

.select {
	border-bottom: 10px solid #f73;
	border-radius: 5px;
}

.center {
	text-align: center;
}

.textRight {
	text-align: right;
}

#columnLeft {
	float: left;
	width: 690px;
	padding: 0 5px 5px 5px;
	overflow: auto;
	margin: 0 0 2px 0;

}

#columnRight {
	float: right;
	width: 300px;
	overflow: auto;
	margin: 0px;
}

#columnLeft33 {
	float: left;
	width: 28.5%;
	background-color: rgba(0, 0, 0, 0.9);
	padding: 10px;

}

#columnRight33 {
	float: left;
	width: 29%;
}

#columnLeft66 {
	float: right;
	width: 70%;
}

#columnRight66 {
	float: right;
	width: 67%;
	background-color: rgba(0, 0, 0, 0.9);
	padding: 10px;
}

.accountLeft {
	font-size: 11px;
	float: left;
	width: 48.1%;
	padding: 5px;
	margin: 2px;
	border: 2px solid #ddd;
	border-radius: 5px;
}

.pubFull {
	background-color: #eee;
	width: 1100px;
	overflow: auto;
	margin: 0 0 5px 0;
	padding: 5px;
	min-height: 100%;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0px 0px 50px #d5b4d7;
}

.accountRight {
	font-size: 11px;
	float: right;
	width: 48.1%;
	padding: 8px;
	margin: 2px;
	border: 2px solid #ddd;
	border-radius: 5px;
}

.box {
	clear: both;
	position: fixed;
	display: block;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	border: 0px;
	text-align: center;
	background-image: url(images/bckgrnd-box.png);
}

#pageLogin {
	padding: 20px;
}

#boxUser {
	clear: both;
	position: fixed;
	display: block;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	border: 0px;
	text-align: center;
	background-image: url(images/bckgrnd-box.png);
}

#loadingUserView {
	margin: 50px;
	min-height: 100px;
	width: 300px;
}

#boxUserInfos {
	margin: 150px auto;
	min-height: 200px;
	width: 500px;
	padding: 5px;
	background-color: #333333;
	border: 2px solid #eeeeee;
	border-radius: 0 20px 0 20px;
	box-shadow: 0px 0px 100px #ffffff;
	color: #fff;
	text-align: justify;
	overflow: auto;
}

#avatarProfilView {
	float: right;
	max-width: 140px;
	border-radius: 0 15px 0 15px;
	box-shadow: 0px 0px 5px #eee;
	margin: 0 0 10px 10px;
}

#sliderHome {
	float: left;
	width: 100%;
	height: 400px;
	overflow: hidden;
	border-radius: 10px;
}

#slider {
	float: left;
	width: 100%;
	height: 400px;
}

.box_item {
	padding: 2px;
	text-align: justify;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #000;
	font-size: 12px;
	color: #aaa;
}

.box_item_33 {
	float: left;
	padding: 2px;
	text-align: justify;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 5px;
	font-size: 12px;
	color: #aaa;
	width: 32%;
	margin: 0 5px 2px 0;
}

#accountInfos {
	float: left;
	margin: 0 10px 0 0;
	width: 200px;
	border: 1px solid #bbb;
	border-radius: 5px;
}

#accountLogout {
	float: right;
	margin: 0px 4px 2px 5px;
}

#accountLogoutBar {
	position: absolute;
	top: 0px;
	margin: 0 0 0 680px;
	padding: 5px;
	width: 330px;
	height: 110px;
	overflow: hidden;
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 0px 25px #000;
	background-color: #ddd;
	text-align: left;
}

.accountBox {
	float: right;
	height: 21px;
	padding: 5px 5px 0px 5px;
	margin: 0px;
	text-align: left;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	background-color: #ddd;
	border: 1px solid #bbb;
	border-radius: 5px;
	overflow: hidden;
}

#account_box_message {
	float: right;
	padding: 3px 5px 0px 5px;
	margin: 0px 0px 0px 5px;
	text-align: left;
	line-height: 20px;
	background-color: #ddd;
	border: 1px solid #bbb;
	border-radius: 5px;
	color: #000;
}

#accountAccess {
	float: right;
	margin: 0 5px 0 5px;
	text-align: left;
}

#box_home {
	display: block;
	position: relative;
	margin: 0 auto;
	top: 150px;
	width: 640px;
	padding: 10px;
	background-color: #333;
	border: 4px solid #000;
	border-radius: 10px;
	box-shadow: 0px 0px 25px #000;
	text-align: justify;
	overflow: auto;

}

#box_message {
	display: block;
	position: relative;
	margin: 0 auto;
	top: 175px;
	width: 700px;
	padding: 10px;
	background-color: #eee;
	border: 4px solid #000;
	border-radius: 10px;
	box-shadow: 0px 0px 25px #000;
	text-align: justify;
	overflow: auto;
}


#pm_box {
	position: absolute;
	left: 50%;
	margin-left: -272px;
	top: 200px;
	width: 485px;
	height: 249px;
	background-image: url(images/box_messagerie_bckgrnd.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#pm_box .pm_box_count {
	width: 280px;
	margin: 95px 0 0 120px;
	font-size: 38px;
	color: black;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px 0px 12px white;
}

#box_message_content {
	border-radius: 5px;
	width: 690px;
	max-height: 300px;
	overflow: auto;
	background-color: #ddd;
	padding: 5px 5px 10px 5px;
}

#inBox1100 {
	margin: 0px auto;
	width: 1100px;
	text-align: left;
}

#box_custom9 {
	position: absolute;
	display: none;
	top: 204px;
	margin: 0px 0 0 180px;
	padding: 0 0 4px 2px;
	width: 230px;
	background-color: #fff;
	border-radius: 5px;
	border: 0px solid transparent;
	color: #fff;
	Text-align: left;
	overflow: auto;
	box-shadow: 4px 4px 8px #000;
	z-index: 10;
}

.box33l {
	float: left;
	width: 28.2%;
	height: 280px;
	margin: 0 10px 0 0;
	padding: 20px;
	border: 2px solid #eee;
	border-radius: 10px;
	box-shadow: 0px 0px 25px #ccc;

}

.box33r {
	float: right;
	width: 28.2%;
	height: 280px;
	padding: 20px;
	border: 2px solid #eee;
	border-radius: 10px;
	box-shadow: 0px 0px 25px #ccc;

}

.pointer {
	cursor: pointer;
}

.linkIcon {
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
	text-align: center;
	transition: background-color .5s;
}

.linkIconSelect {
	padding: 5px;
	font-weight: bold;
	background-color: #346156;
	background-image: url('images/iconCheckedWhite.png');
	background-position: right 4px center;
	background-repeat: no-repeat;
	background-size: 16px;
}

.linkIcon:hover {
	color: #fff;
	background-color: #4e6479;
}

.yes {
	border-radius: 5px;
	background-color: #7c2a7c;
	border: 1px solid #111;
	text-align: center;
	color: #fff;
	padding: 10px 20px 5px 20px;
	margin: 0 5px 0 5px;
	cursor: pointer;
	font-weight: bold;
	min-height: 25px;
}

.yes:hover {
	background-color: #419e25;
}

.no {
	border-radius: 5px;
	background-color: rgb(27, 27, 27);
	border: 1px solid #111;
	text-align: center;
	color: #fff;
	padding: 10px 20px 5px 20px;
	margin: 0 5px 0 5px;
	cursor: pointer;
	min-height: 25px;
}

.no:hover {
	background-color: #494949;
}

.cancel {
	border-radius: 5px;
	box-shadow: 0px 0px 5px #aaa;
	background-color: #bfd255;
	background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	border: 1px solid #111;
	text-align: center;
	color: #000;
	padding: 5px;
	margin: 0 5px 0 5px;
	cursor: pointer;
	font-weight: bold;
	min-height: 25px;
}

.buttonCancel {
	border: 1px solid #000;
	text-align: center;
	color: #eee;
	background-color: #b96024;
	padding: 10px 25px 10px 25px;
	margin: 10px;
	cursor: pointer;
	font-weight: bold;
	min-height: 20px;
}

.buttonCancel:hover {
	background-color: #c97034;
}

.buttonOk {
	border: 1px solid #000;
	text-align: center;
	color: #eee;
	background-color: #3d723d;
	margin: 10px;
	padding: 10px 10px 6px 30px;
	cursor: pointer;
	font-weight: bold;
	min-height: 26px;
	overflow: auto;
	transition: background-color .25s;
}

.buttonOk:hover {
	background-color: #2a9c2a;
}

.buttonKeyGen {
	float: right;
	margin: 15px 0 0 5px;
	border-radius: 5px;
	background-color: #473b31;
	background-image: url(images/separator.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 22px;
	text-align: left;
	padding: 10px;
	min-height: 35px;
	width: 320px;
	cursor: pointer;
}

.buttonKeyGen:hover {
	background-color: #dd6c10;

}

.buttonKeyGenC {
	float: right;
	margin: 15px 0 0 5px;
	border-radius: 5px;
	background-color: #aa0707c2;
	background-image: url(images/separator.png), url(images/icon_warning_small.png);
	background-repeat: no-repeat;
	background-position: right center, 5px center;
	background-size: 22px, 32px;
	text-align: left;
	padding: 10px 15px 10px 42px;
	min-height: 35px;
	width: 320px;
	cursor: pointer;
}

.buttonKeyGenC:hover {
	background-color: #ff0000;

}

.button_red {
	border-radius: 3px;
	box-shadow: 0px 0px 5px #777;
	background-color: #f58494;
	background: linear-gradient(to bottom, #ffbf55 0%, #dd8e2a 50%, #ee7200 51%, #dd9e2d 100%);
	border: 1px solid #111;
	text-align: center;
	color: #000;
	padding: 2px 10px 2px 10px;
	margin: 4px 5px 0 5px;
	cursor: pointer;
	font-weight: bold;
	overflow: auto;
	min-height: 25px;
}

.button_green {
	border-radius: 3px;
	box-shadow: 0px 0px 5px #777;
	background-color: #b4e391;
	background: linear-gradient(to bottom, #b4e391 0%, #61c419 50%, #b4e391 100%);
	border: 1px solid #111;
	text-align: center;
	color: #000;
	padding: 2px 10px 2px 10px;
	margin: 4px 5px 0 5px;
	cursor: pointer;
	font-weight: bold;
	min-height: 25px;
}

.smallButtonGreen {
	border-radius: 2px;
	box-shadow: 0px 0px 4px #000;
	background-color: #b4e391;
	background: linear-gradient(to bottom, #b4e391 0%, #71c419 50%, #b4e391 100%);
	border: 1px solid #111;
	font-size: 11px;
	text-align: center;
	color: #000;
	padding: 0px 5px 0px 5px;
	margin: 0px 5px 0px 5px;
	cursor: pointer;
	font-weight: bold;
	min-height: 25px;
}

.smallButtonGreen:hover {
	background-color: #d4e391;
	background: linear-gradient(to bottom, #e4e391 0%, #a1c419 50%, #e4e391 100%);
}

.bigButton {
	clear: both;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #aaa;
	background-color: #d25;
	background: linear-gradient(to bottom, #ffbf55 0%, #dd8e2a 50%, #ee7200 51%, #dd9e2d 100%);
	border: 1px solid #111;
	text-align: center;
	color: #000;
	padding: 10px;
	margin: 10px;
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
}

a.buttonFull {
	float: left;
	width: 95%;
	height: 25px;
	border-radius: 5px;
	padding: 8px 4px 0 8px;
	text-align: left;
	color: #fff;
	font-size: 14px;
	background-image: url(images/link_arrow.png), url(images/bckgrnd-button-red.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: right center, center;
	margin: 0 0 2px 0;
	overflow: auto;
	min-height: 25px;
}

a.buttonFull:hover {
	float: left;
	width: 95%;
	height: 25px;
	border-radius: 5px;
	padding: 8px 4px 0 8px;
	text-align: left;
	color: #fff;
	font-size: 14px;
	background-image: url(images/link_arrow_down.png), url(images/bckgrnd-button-red.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: right center, center;
	overflow: auto;
	min-height: 25px;
}

.lnbloc {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
}

.textBloc {
	float: left;
	width: 97.5%;
	margin: 5px 0 5px 0;
	padding: 5px;
	background-color: #f7f7f7;
	border: 1px solid #c7c7c7;
	border-radius: 5px;
}

.picture_bloc {
	float: left;
	margin: 10px 0 0 25px;
	width: 130px;
	height: 98px;
	border-radius: 5px;
	box-shadow: 0px 0px 20px #000;

}

.picture_bloc:hover {
	float: left;
	margin: 10px 0 0 25px;
	width: 130px;
	height: 98px;
	border-radius: 5px;
	box-shadow: 0px 0px 20px #f73;

}

.picture_view {
	float: left;
	margin: 10px 0 20px 0;
	width: 630px;
	border: 4px solid #000;
	border-radius: 5px;

}

#login_box {
	margin: 20px auto 20px;
	padding: 10px;
	width: 600px;
	border: 2px solid #ddd;
	border-radius: 5px;
}

.lnbloc {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
}

.bloc {
	overflow: auto;
}

.inBloc33 {
	margin: 0 0px 4px 0px;
	padding: 5x 5px 20px 0px;
	overflow: auto;
}

.inBloc33Text {
	margin: 0 0px 4px 0px;
	padding: 5x 5px 5px 0px;
	overflow: auto;
	font-size: 13px;
}

.inBloc33Link {
	background-image: url(images/link_arrow_down.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #4444;
	padding: 3px 15px 1px 5px;
	overflow: auto;
	font-size: 18px;
	border-radius: 4px;
	margin: 0 0 2px 0;
	height: 24px;
	color: #fff;
}

.inBloc33Link:hover {
	background-image: url(images/link_arrow_over.png);
	background-color: #555;
}

.inBloc33LinkSelect {
	background-image: url(images/icon_select_yellow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px;
	background-color: #777;
	height: 24px;
	padding: 4px 15px 2px 5px;
	border-radius: 4px;
	overflow: auto;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 2px 0;
}

.inBlocSuccess {
	background-image: url(images/link_arrow_down.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 3px 15px 1px 5px;
	overflow: auto;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px;
	margin: 0 0 2px 0;
	height: 18px;
	color: #fff;
	text-align: left;
}

.inBlocSuccess:hover {
	background-image: url(images/link_arrow_over.png);
	color: #eee;
}

.inBlocSuccessSelect {
	background-image: url(images/link_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 17px;
	padding: 4px 15px 2px 5px;
	border-radius: 4px;
	overflow: auto;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 2px 0;
	color: #fff;
	text-align: left;
}

.inBlocSuccessItem {
	background-image: url(images/successItemBck.jpg);
	background-repeat: no-repeat;
	min-height: 80px;
	text-align: left;
	padding: 3px;
	margin: 0 0 2px;
}

.inBlocSuccessBottom {
	background-image: url(images/successItemBck.jpg);
	background-repeat: no-repeat;
	height: 18px;
	text-align: left;
	padding: 2px;
	margin: 6px 0 0 0;
}

.bloc66 {
	overflow: auto;
	color: #777;
	padding: 0px;
}

.inBloc66 {
	margin: 0 0 20px 0;
	padding: 20px;
	overflow: auto;
	background-color: #222;
	color: #fff;
	border-radius: 10px;
}

.bloc50 {
	width: 478px;
	background-color: #dddddd;
	border-radius: 4px;
	padding: 5px;
	overflow: auto;
	margin: 0 0 2px 0;
	color: #000;
	text-align: left;
}

.inBloc50 {
	width: 470px;
	background-color: #dddddd;
	padding: 5px;
	overflow: auto;
	margin: 0 0 2px 0;
	color: #000;
}

.blocFull {
	background-color: #272727;
	padding: 5px;
	overflow: auto;
	margin: 0 0 2px 0;
	color: #fff;
	border-radius: 5px;
}

.blocTitle {
	background-color: #fff;
	padding: 5px;
	overflow: auto;
	margin: 10px 5px 2px 0;
	color: #000;
	opacity: .75;
	border-radius: 0 20px 0 0;
}

.blocFullMessage {
	width: 590px;
	background-color: #555555;
	padding: 5px;
	overflow: auto;
	margin: 0 auto 2px;
	color: #000;
	text-align: left;

}

.inBlocMessage {
	background-color: #dddddd;
	border-radius: 4px;
	padding: 5px;
	overflow: auto;
	margin: 0 0 2px 0;
	color: #000;
	text-align: left;

}

.blocFullCenter {
	width: 1100px;
	text-align: center;
	overflow: auto;
	margin: 0 0 2px 0;
	color: #000;

}

.bloc_alert {
	background-image: url(images/bckgrnd-box-alert-top.jpg), url(images/bckgrnd-box-alert.jpg);
	background-repeat: repeat-x, no-repeat;
	background-position: top;
	background-size: auto, 100% 100%;
	border: 2px solid #ccc;
	border-radius: 10px;
	width: 48%;
	padding: 2px 10px 10px 10px;
	overflow: auto;
}

.bloc_full_alert {
	margin: 10px 0 0 0;
	background-image: url(images/bckgrnd-box-alert-top.jpg), url(images/bckgrnd-box-alert.jpg);
	background-repeat: repeat-x, no-repeat;
	background-position: top;
	background-size: auto, 100% 100%;
	border: 2px solid #ccc;
	border-radius: 10px;
	width: 98%;
	padding: 2px 10px 10px 10px;
	overflow: auto;
}

.bloc_title_home {
	clear: both;
	width: 92%;
	text-align: center;
	line-height: 28px;
	color: #fff;
	padding: 15px;
	margin: 10px;
	font-weight: bold;
	font-size: 24px;
	text-shadow: 0 0 20px white, 0 0 25px white, 5px -10px 30px #000, #000 2px 2px, #000 -2px 2px, #000 -2px -2px, #000 2px -2px;
}

.avatarMini {
	margin: 2px 2px 5px 10px;
	border: 1px solid #ddd;
	float: right;
	height: 64px;
	border-radius: 0 0 0 5px;
	box-shadow: 0px 0px 10px #bbb;

}

.avatarGalery {
	margin: 2px 5px 5px 2px;
	border: 1px solid #ddd;
	float: left;
	height: 64px;
	border-radius: 0 0 0 5px;
	box-shadow: 0px 0px 10px #bbb;

}

.error {
	width: 98.5%;
	background-color: #fcc;
	padding: 5px;
	border: 1px solid #f55;
	border-radius: 5px;
	margin: 0 0 5px;
	font-size: 11px;
	text-align: justify;
	overflow: auto;
}

.errorspan {
	width: 100%;
	margin: 0 0 5px;
	font-size: 11px;
	text-align: justify;
	font-weight: bold;
	text-align: left;
	color: #a00;
	overflow: auto;
}

.line_error {
	background-image: url(images/warning_animated.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 96%;
	margin: 5px 0 0 0;
	padding: 5px 0 0 20px;
	border: 1px solid #f55;
	background-color: #fcc;
	border-radius: 5px;
	font-weight: bold;
	overflow: auto;
}

#register_home {
	float: left;
	padding: 25px 40px 0 340px;
	background-image: url(images/bckgrnd-register-home.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 93px;
	height: 115px;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
}

#box_blog_index {
	float: left;
	margin: 60px 0 40px 0;
	height: 308px;
	padding: 5px;
	width: 550px;
	overflow: hidden;
}

#box_blog_index_info {
	float: right;
	margin: 10px 0 0 30px;
	height: 75px;
	padding: 5px;
	width: 230px;
	overflow: hidden;
	border-radius: 10px;
	font-size: 14px;
}

#box_board_index {
	height: 115px;
	padding: 0 0 5px 0;
	width: 500px;
	overflow: hidden;
}

.boxTicketHome {
	background-image: url(images/ticket.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #fff;
	height: 40px;
	margin: 0 0 2px 0;
	padding: 5px;
	overflow: hidden;
	cursor: pointer;
}

.boxTicketHome:hover {
	background-image: url(images/ticketOver.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 5px;
	overflow: hidden;
	cursor: pointer;
}

.boxTicketHomeEdited {
	background-image: url(images/ticketMaj.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 40px;
	margin: 0 0 2px 0;
	padding: 5px;
	overflow: hidden;
	cursor: pointer;
}

.boxTicketHomeEdited:hover {
	background-image: url(images/ticketOver.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 5px;
	overflow: hidden;
	cursor: pointer;
}

.boxTicketHomeNew {
	background-image: url(images/ticketNew.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 40px;
	margin: 0 0 2px 0;
	padding: 5px;
	overflow: hidden;
	cursor: pointer;
}

.boxTicketHomeNew:hover {
	background-image: url(images/ticketOver.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 5px;
	overflow: hidden;
	cursor: pointer;
}

.box_ticket {
	margin: 0 0 5px 0;
	padding: 5px;
	background-color: #dccba4;
	overflow: hidden;
	cursor: pointer;
	border-radius: 5px;
}

.box_ticket:hover {
	padding: 5px;
	background-color: #dccba4;
	overflow: hidden;
	cursor: pointer;
}

.ticket {
	margin: 0 0 2px 0;
	padding: 5px;
	background-color: #dccba4;
	overflow: hidden;
	cursor: pointer;
	border-radius: 5px 20px 5px 5px;
}

.box_blog_date {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 5px 5px 0;
	padding: 1px 0 0 0;
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 50%, #777777 50%, #444444 100%);
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	border-radius: 0 6px 0 6px;
	box-shadow: 0px 0px 5px #999;
	text-decoration: none;
	color: #000;
}

.white {
	color: white;
}

#noscript {
	background-image: url(images/warning_animated_32.gif);
	background-repeat: no-repeat;
	background-position: right center;
	width: 50%;
	margin: 0 auto;
	padding: 5px 40px 5px 5px;
	border: 1px solid #f55;
	background-color: #fcc;
	border-radius: 0 0 5px 5px;
	overflow: auto;
}

.boxNoOk {
	background-image: url(images/warning20x20.png);
	background-repeat: no-repeat;
	background-position: right center;

}

.boxNoOk {
	background-image: url(images/warning20x20.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.bigText {
	font-size: 14px;
	font-weight: bold;
}

#minipicsList {
	max-height: 420px;
	overflow-x: auto;
}

.pageHeader {
	width: 990px;
	overflow: auto;
	margin: 0 0 5px 0;
	color: #000;
}

#page {
	background-color: #222;
	overflow: auto;
	margin: 0px;
	line-height: 24px;
	font-size: 16px;
	padding: 20px
}

#page_full {
	background-color: #222;
	overflow: auto;
}

#pageComments {
	background-color: #222;
	border-radius: 6px;
	padding: 0 5px 5px 5px;
	overflow: auto;
	margin: 0 0 2px 0;
}

.blocPage {
	overflow: auto;
}

.blocPageLimit {
	background-color: #eae6db;
	background: linear-gradient(to bottom, #eae6db 0%, #1a160b 100%);
	border-radius: 4px;
	max-height: 250px;
	padding: 5px;
	overflow: auto;
	margin: 0 0 2px 0;
	text-decoration: none;
	overflow: hidden;
}

.blocPageFull {
	overflow: auto;
}

.pageFull {
	overflow: auto;
}

.blocPageFull {
	overflow: auto;
}

#informations {
	float: right;
	background-color: #4a463c;
	border-radius: 5px;
	padding: 0 5px 5px 5px;
	overflow: auto;
	margin: 5px 0 50px 0;
}

.blocInformations {
	width: 225px;
	background-color: #d2c9b5;
	border-radius: 4px;
	padding: 5px;
	overflow: auto;
	margin: 0 0 2px 0;
	color: #000;
}

.blocMini {
	width: 219px;
	background-color: #eae6db;
	border-radius: 4px;
	overflow: auto;
	padding: 3px 2px 5px 4px;
	margin: 0 0 2px 0;
}

.pictureBoxMini {
	float: left;
	width: 90px;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	padding: 5px;
	margin: 0 2px 2px 0;
	text-align: center;
}

.pictureMini {
	height: 70px;
	max-width: 90px;
	max-height: 70px;
	border-radius: 4px;
	margin: 0 0 4px 0;
	text-align: center;
	overflow: hidden;
}

.pictureBoxAlbum {
	float: left;
	width: 188px;
	height: 190px;
	background-color: #eee;
	border-radius: 4px;
	border: 2px solid #ddd;
	overflow: hidden;
	padding: 5px;
	margin: 0 2px 2px 0;
	text-align: center;
}

.pictureInBoxAlbum {
	max-width: 188px;
	height: 140px;
	border-radius: 4px;
	margin: 0 0 4px 0;
	text-align: center;
	overflow: hidden;
	opacity: 0.80;
}

.pictureInBoxAlbum:hover {
	max-width: 188px;
	height: 140px;
	border-radius: 4px;
	margin: 0 0 4px 0;
	text-align: center;
	overflow: hidden;
	opacity: 1;
}

.pictureBox {
	float: left;
	width: 193px;
	height: 160px;
	background-color: #eee;
	border-radius: 4px;
	border: 2px solid #ddd;
	overflow: hidden;
	padding: 5px;
	margin: 0 2px 2px 0;
	text-align: center;
}

.pictureInBox {
	height: 140px;
	max-width: 193px;
	border-radius: 4px;
	margin: 0 0 4px 0;
	text-align: center;
	overflow: hidden;
}

.boxNumber {
	color: #000;
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

.videoBox {
	float: left;
	width: 124px;
	height: 110px;
	background-color: #eee;
	border-radius: 4px;
	border: 2px solid #ddd;
	overflow: hidden;
	padding: 5px;
	margin: 0 2px 2px 0;
	text-align: center;
}

.videoInBox {
	float: left;
	height: 90px;
	max-width: 124px;
	border-radius: 4px;
	overflow: hidden;
	margin: 0 0 4px 0;
	z-index: 0;
}

#uploader {
	height: 346px;
}

.miniSpan {
	background-color: #ccc;
	padding: 2px;
	border-radius: 4px;
	font-size: 10px;
}

.boxClick {
	position: absolute;
	height: 130px;
	width: 170px;
	background-color: transparent;
	z-index: 99999;
}

#panelMiniTchat {
	position: absolute;
	top: 125px;
	width: 48px;
	height: 19px;
	padding: 9px 10px 0 22px;
	margin: 0 480px;
	text-align: center;
	background-image: url(images/iconTchat.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#panelMiniFriends {
	position: absolute;
	top: 125px;
	width: 50px;
	height: 16px;
	margin: 0 410px;
	padding: 9px 0 0 10px;
	text-align: center;
	background-image: url(images/bckgrnd-mini-friends.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.friendRequest {
	float: left;
	width: 120px;
	height: 104px;
	background-color: #eee;
	border-radius: 4px;
	border: 2px solid #ddd;
	overflow: hidden;
	padding: 5px;
	margin: 0 2px 2px 0;
	font-size: 9px;
	text-align: center;
}

.speedMsg {
	position: relative;
	top: 250px;
	margin: 0 auto;
	padding: 10px;
	width: 550px;
	min-height: 150px;
	background-color: #eee;
	border-radius: 8px;
	box-shadow: 0px 0px 20px #777;
	text-align: left;
	overflow: auto;

}

.w400 {
	width: 400px
}

.blocDelete {
	display: none;
	width: 98.5%;
	background-image: url("images/warning_animated_32.gif");
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #e8b6b6;
	border-radius: 4px;
	padding: 5px;
	overflow: auto;
	line-height: 14px;
	margin: 0 0 10px 0;
}

.commentsNbBox {
	width: 30px;
	height: 16px;
	font-size: 11px;
	color: #000;
	background-image: url("images/icon_comments.png");
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

.suggestCommentsNbBox {
	width: 90px;
	height: 40px;
	font-size: 18px;
	text-align: center;
	background-color: #ddd;
	border: 1px solid #000;
	border-radius: 4px;
	color: #000;
	line-height: 8px;
}

.suggestStatusBox {
	width: 90px;
	height: 40px;
	font-size: 18px;
	text-align: center;
	background-color: #ddd;
	border: 1px solid #000;
	border-radius: 4px;
	color: #000;
	line-height: 8px;
}

.textareaPost {
	overflow: auto;
}

.head {
	padding: 2px 5px 2px 5px;
	border-radius: 4px;
	border: 1px solid #c0c0c0;
	background-image: linear-gradient(bottom, #777 0%, #000 100%);
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}

.list0 {
	padding: 1px 5px 1px 5px;
	border-radius: 4px;
	border: 1px solid #c0c0c0;
	background-image: linear-gradient(bottom, #eee 0%, #ddd 100%);
	color: #000;
	text-align: left;
	font-size: 12px;
}

.list1 {
	padding: 1px 5px 1px 5px;
	border-radius: 4px;
	border: 1px solid #c0c0c0;
	background-image: linear-gradient(bottom, #ddd 0%, #ccc 100%);
	color: #000;
	text-align: left;
	font-size: 12px;
}

.hidden {
	display: none;
}

#headerBlog {
	width: 145px;
	height: 130px;
	padding: 72px 75px 0 20px;
	color: white;
	font-size: 12px;
}

.blogPost {
	background-color: #666;
	padding: 5px;
	overflow: auto;
	margin: 5px 0 2px 0;
	color: #000;
	box-shadow: 0px 0px 15px #777;
	border: 1px solid #5e3922;
}

.suggestPost {
	background-color: #555;
	border-radius: 5px;
	padding: 5px;
	overflow: auto;
	margin: 5px 0 2px 0;
	color: #000;
	border: 1px solid #000;
}

#iconNavigation {
	float: right;
	width: 110px;
	margin: 18px 5px 0 0;
	overflow: hidden;
}

.tip {
	margin: 10px 0 0 0;
	padding: 5px 10px 5px 50px;
	min-height: 50px;
	color: black;
	background-image: url(images/tip.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 45px;
	box-shadow: 0px 0px 5px #000;
	border-radius: 10px;
	border: 1px solid #000;
	background-color: #e6d7c5;
}

#liveTop {
	float: left;
	padding: 5px 0 0 0;
	width: 800px;
	height: 40px;
	overflow: hidden;
}

#livePlugDjTop {
	float: left;
	position: relative;
	margin: 0px;
	padding: 2px;
	width: 800px;
	height: 50px;
	overflow: hidden;
}

#liveLog {
	float: left;
	position: relative;
	margin: 0;
	padding: 2px;
	width: 552px;
	height: 396px;
	overflow: hidden;
}

#liveLogTable {
	position: relative;
	height: 100%;
}

#liveUsersGraph {
	float: left;
	margin: 0 0 0 4px;
	background-color: #777;
	border-radius: 5px;
	width: 800px;
	height: 150px;
	overflow: hidden;
}

#liveUsers {
	float: right;
	padding: 2px;
	width: 250px;
	height: 380px;
	overflow: auto;
}

#liveStats {
	float: right;
	padding: 2px;
	width: 250px;
	height: 306px;
	overflow: auto;
}

#onlineUsers {
	float: right;
	margin: 0 92px 0 15px;
	color: #fff;
	height: 40px;
	width: 148px;
	font-weight: bold;
	font-size: 32px;
	text-align: center;
	text-shadow: 0 0 20px #68bdff, 0 0 10px #fff, 0 0 2px #000;
	overflow: hidden;
}

.titleBloc {
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 2px 0px;
	background-color: #aaa;
	font-weight: bold;
	font-size: 16px;
}

.lineBloc {
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 2px 0px;
	background-color: #aaa;
	font-weight: bold;
	font-size: 14px;
}

.imgLink {
	cursor: pointer;
	opacity: 0.8;
}

.imgLink:hover {
	opacity: 1;
}

.linkCR {
	padding: 2px 0px 2px 5px;
	background-image: url(images/link_arrow_down.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

.linkCR:hover {
	background-image: url(images/link_arrow_over.png);
}

.autocomplete {
	max-height: 200px;
	width: 200px;
	color: #000;
	border-radius: 5px;
	background-color: #eee;
	z-index: 5000;
	overflow: auto;
}

.ipBox {
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #666;

}

.ipText {
	float: left;
	padding: 15px 15px 15px 50px;
	margin: 0 5px 0 0;
	background-color: #777;
	background-image: url(images/iconIpWhite.png);
	background-repeat: no-repeat;
	background-position: center left 5px;
	background-size: 32px;
	font-size: 22px;
	border-radius: 5px;
}

/* buttons */

.alert {
	background-color: #9e5919;
}

.ok {
	background-color: #2c6130;
}

.noOk {
	background-color: #6e2c2c;
}

#myIP {
	float: left;
	padding: 4px 10px 10px 50px;
	margin: 0 5px 10px 0;
	background-color: #2f4763;
	background-image: url(images/iconIpWhite.png);
	background-repeat: no-repeat;
	background-position: center left 5px;
	background-size: 32px;
	font-size: 22px;
	border-radius: 5px;
	text-decoration: none;
	color: white;
	line-height: 16px;
}

#wmip {
	float: right;
	padding: 10px 10px 10px 50px;
	margin: 0 5px 10px 0;
	background-color: #5b1e5e;
	background-image: url(images/logoWhatIsMyIp.png);
	background-repeat: no-repeat;
	background-position: center left 5px;
	background-size: 32px;
	font-size: 22px;
	border-radius: 5px;
	text-decoration: none;
	color: white;
}

.prefix {
	color: #fff;
}

.subfix {
	color: #999;
}

#tos {
	margin: 20px auto 20px;
	width: 80%;
	padding: 20px;
	border: #3e5b66 solid 5px;
	border-radius: 20px;
	background-color: #222;
}

#formRegister {
	margin: 20px auto 20px;
	width: 80%;
	padding: 20px;
	border: #3e5b66 solid 5px;
	border-radius: 20px;
	background-color: #222;
}

.leftForm {
	width: 49%;
}

.tosInformations {
	margin: 0 0 20px 0;
	float: left;
	width: 60%;
	padding: 25px;
	color: #fff;
	height: 600px;
	overflow: auto;
	background-color: #444;
	border-radius: 10px;
}

.tosPicture {
	float: right;
	width: 35%;
	height: 600px;
	overflow: hidden;
}

/* MEDIA MANAGEMENT */

.lowScreenHide {
	display: block;
}

.lowScreenShow {
	display: none;
}

#rgpd {
	position: fixed;
	bottom: 0px;
	height: 100px;
	background-color: #eee;
}

@media all and (min-width: 800px) and (max-width: 1000px) {
	.lowScreenHide {
		display: none;
	}

	.lowScreenShow {
		display: block;
	}

	.warningForm,
	.leftForm,
	.formLine {
		float: none;
		width: auto;
	}

	#tos,
	.tosInformations {
		border: none;
		width: auto;
	}
}

@media all and (max-width: 800px) {
	.lowScreenHide {
		display: none;
	}

	.lowScreenShow {
		display: block;
	}

	#tos,
	.tosInformations {
		border: none;
		width: auto;
	}

	.warningForm,
	.leftForm,
	.formLine {
		float: none;
		width: auto;
	}

	#logo {
		float: left;
		text-align: center;
		top: 0px;
		padding: 10px 20px 0px 20px;
		height: 32px;
	}

	header,
	.navbar a,
	.dropdown,
	.dropbtn {
		font-size: 11px;
	}
}