@CHARSET "UTF-8";

/*
	BALISE COMMUNES
*/
body {
	width: 95%;
	margin: auto;
}

img {
	border: none;
	z-index: 0;
	outline: 0;
	margin: auto;
}

h1 {
	text-align: center;
	font-size: 1.3em;
	margin: 0;
	color: #333;
}

h2 {
	font-size: 1.1em;
	font-style: italic;
	margin-left: 5%;
}

h2.entete {
	margin: 0;
}

h3 {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

h5 {
	padding: 0;
	margin: 0;
	margin-top: 1.5%;
	margin-left: 1%;
	text-align: center;
	font-size: 0.9em;
}

p {
	
}

p,ul {
	
}

em {
	
}

hr {
	margin-top: 1%;
	clear: both;
	color: #cce;
	width: 60%;
	padding: 0;
}

/*
	BLOCK STRUCTURE
*/
#main {
	margin: 0;
	padding: 0;
	font-family: Tahoma, arial, sans-serif;
}

#header {
	height: 72px;
	width: 100%;
	background: url(../../public/images/ban-indy.jpg) no-repeat left top;
	position: static;
}

#content {
	width: 75%;
	float: left;
	min-height: 300px;
	margin: 1%;
	padding: 1%;
	margin-bottom: 5%;
}

#convers {
	color: red;
}

#homepage {
	width: 100%;
	height: auto;
	padding: 2%;
	float: left;
	clear: both;
}

#homeSound {
	float: left;
	width: 70%;
	clear: none;
}

#homeSondage {
	float: right;
	width: 30%;
	height: 100%;
	clear: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

#see {
	height: 100%;
	width: 100%;
	float: left;
	clear: both;
}

#homeNews {
	width: 100%;
	height: 100%;
	clear: both;
}

#footer {
	clear: both;
	width: 100%;
	min-height: 40px;
	text-align: center;
	outline: 0;
	color: white;
}

/*	NAVIGATION TOP	*/
#nav-top {
	width: 100%;
	height: 40px;
	position: relative;
}

#nav-top .submenu  h3 {
	cursor: pointer;
	margin: 0;
	padding: 0;
	line-height: 205%;
}

.absolute {
	position: absolute;
	right: 2px;
	top: 0;
	z-index: 100;
	font-size: 0.7em;
	background: url(../../public/images/bubble.png) repeat;
	font-weight: bold;
	color: white;
}

.nav-border-left {
	width: 25px;
	height: 40px;
	background: url(../../public/images/bord-left.gif) no-repeat left top;
	float: left;
}

.nav-border-right {
	width: 25px;
	height: 40px;
	background: url(../../public/images/bord-right.gif) no-repeat right top;
	float: left;
}

.nav-content {
	width: 90%;
	background: url(../../public/images/fond.gif) repeat-x left top;
	float: left;
	height: 40px;
	z-index: 10;
}

.nav-content  ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.nav-content>ul>li {
	float: left;
	width: 9%;
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.menu-leave {
	background-color: #000;
}

.menu-hover {
	background-color: #666;
}

.nav-content  ul  li  h3  a,.nav-content  ul  li.submenu {
	display: block;
	text-align: center;
	color: #FFF;
	line-height: 205%;
	text-decoration: none;
}

li.submenu ul {
	border: #000 0.5px solid;
	list-style-type: none;
	text-align: left;
}

ul#tree {
	width: 110%;
}

li.submenu ul li a {
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: #000;
	padding-left: 5px;
	margin: 0;
}

li.submenu ul li a:hover {
	color: #FFF;
	background-color: #666;
}

.nav-content>form>fieldset {
	border: 0;
	text-align: right;
	padding: 0.3%;
}

.nav-content>form>fieldset>input[type=text] {
	height: 14px;
	width: 110px;
	margin-top: 2px;
}

.nav-content>form>fieldset>label {
	height: auto;
	color: white;
	font-size: 0.7em;
}

/*
	NAV LEFT
*/
#nav-left-top {
	float: left;
	height: 60px;
	width: 176px;
	background: url(../../public/images/nav-left-top.gif) bottom center
		no-repeat;
	border-bottom: 3px solid black;
}

#nav-left {
	float: left;
	min-height: 300px;
	width: 176px;
	background: url(../../public/images/nav-left.gif) center top no-repeat;
	font-size: 0.9em;
	color: black;
}

#nav-left-center {
	width: 99%;
	float: left;
	height: auto;
	width: 174px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

#nav-left-bottom {
	float: left;
	height: 30px;
	width: 176px;
	background: url(../../public/images/nav-left-bottom.gif) bottom center
		no-repeat;
}

#nav-left-center>ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#nav-left-center>ul>li {
	background: url(../../public/images/fond.gif) repeat-x left top;
	color: white;
	min-height: 30px;
	line-height: 200%;
	padding: 0;
	cursor: pointer;
}

ul#member-options {
	background: url(../../public/images/fond-nav-member.jpg) repeat-y left
		top;
}

ul#space-options {
	background: url(../../public/images/fond-nav-space.jpg) repeat-y left
		top;
}

ul#visitor-options {
	background: url(../../public/images/fond-nav-space.jpg) repeat-y left
		top;
	font-size: 0.7em;
}

ul#member-options,ul#visitor-options,ul#space-options {
	padding: 5%;
	margin: 0;
	background-color: white;
	color: black;
	line-height: 125%;
	list-style-type: none;
}

ul#member-options>li,ul#visitor-options>li,ul#space-options>li {
	margin-left: 8%;
}

#member,#visitor,#space {
	padding: 0;
	margin: 0;
	text-align: center;
}

#nav-left-center>ul>li>h3>ul>li {
	text-align: left;
	padding: 0;
}

#nav-left a {
	text-decoration: none;
	color: black;
}

#nav-left a:hover {
	text-decoration: none;
	color: #999;
}

/*	Tool barre Footer */
#help {
	cursor: pointer;
	display: block;
	text-align: left;
	color: #FFF;
	line-height: 205%;
	text-decoration: none;
}

#help ul {
	border: #ccc 0.5px solid;
	list-style-type: none;
	text-align: left;
}

#help-box {
	margin: 0;
	padding: 0;
}

#help ul li {
	width: 100%;
}

#help ul li a {
	color: #000;
	display: block;
	text-decoration: none;
	background-color: #ccc;
	padding-left: 5px;
	margin: 0;
	outline: 0;
}

#help ul li a:hover {
	color: #ccc;
	background-color: #000;
}

#footer ul #help {
	width: 9%;
}

#footer   ul  li {
	margin: 0;
	width: auto;
	text-align: center;
	margin: 0.4%;
}

#footer   ul {
	padding: 2px;
}

#tooLink {
	float: left;
	width: 70%;
	padding: 0;
	margin: 0;
}

ul#toolLink {
	padding: 0;
}

.copyright {
	margin: 0.4%;
	float: left;
}

.copyright a,.copyright a:hover {
	color: white;
	font-size: 0.8em;
	font-weight: normal;
}

ul#toolLink li a {
	font-size: 0.8em;
	font-weight: normal;
}

#toolBar {
	color: white;
	min-width: 250px;
	float: right;
	width: 40%;
	text-align: left;
}

#toolBar  img {
	vertical-align: middle;
	padding: 0;
	padding-left: 2%;
	padding-top: 1%;
	clear: none;
	z-index: 9999;
}

#time-link,#chat-link,#friend-link {
	margin: 0.5%;
	cursor: pointer;
}

#friend-link {
	text-align: left;
}

#time-link {
	float: left;
}

/*	chat	*/
#txt-percent {
	position: relative;
	left: 450px;
	top: -17px;
	text-align: right;
	font-size: 0.8em;
	font-weight: bold;
	color: #000;
}

#percent {
	margin-left: 5%;
	left: 0;
	top: 0;
	width: 400px;
	height: 10px;
	font-weight: bold;
	border: 1px solid #000;
	color: white;
	background-color: transparent;
}

#progressBar {
	margin-left: 5%;
	position: relative;
	left: 1px;
	top: 11px;
	width: 1px;
	height: 10px;
	background-color: #f00;
	border-top: none;
}

#hide {
	display: none;
	padding: 0;
	margin: 0;
	margin-top: 1px;
	height: 30px;
	width: 190px;
	background-color: #000;
	text-align: left;
}

#hide a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	line-height: 150%;
}

#hide  a span {
	margin-left: 15%;
}

#hide a img {
	position: relative;
	right: 0;
	top: 2px;
}

#closeChat {
	text-align: right;
	float: right;
	margin-right: 2px;
	text-decoration: none;
}

#chat {
	width: 190px;
	background-color: #ccc;
	display: none;
	height: 220px;
	-moz-border-radius: 10px 10px 0 0;
	background-color: black;
}

#chat a {
	color: white;
}

#chat h3 {
	color: white;
	-moz-border-radius: 10px 10px 0 0;
	padding: 1%;
}

#chat p {
	background-color: white;
	margin: 1%;
	border: ridge 1px #666;
	color: black;
	font-size: 0.8em;
	padding: 5px;
	text-align: left;
	max-height: 150px;
	height: 150px;
	overflow: auto;
}

#chat fieldset {
	margin-top: 2%;
	padding: 0;
	text-align: center;
	border: 0;
}

#online {
	width: 150px;
	height: auto;
	background-color: #333;
	display: none;
	color: white;
	text-align: left;
	border: 1px solid #000;
	padding: 0;
}

#online h3 {
	margin: 0.5%;
	padding: 0.5%;
	font-style: italic;
}

#online h3 a {
	float: right;
	text-decoration: none;
	color: white;
	font-style: normal;
}

#online h4 {
	background: url(../../public/images/fond.gif) repeat-x left top;
	text-align: center;
	padding: 0;
}

#online  div {
	overflow: auto;
	max-height: 400px;
}

#online p {
	margin: 0;
	padding: 1%;
	background-color: white;
	color: black;
	font-size: 0.8em;
	text-indent: 1%;
	text-align: left;
}

#online p img {
	margin-right: 5%;
	vertical-align: middle;
	position: static;
}

#clock {
	float: left;
	background: url(../../public/images/tips1.gif) no-repeat center top;
	width: 10%;
	padding: 1%;
	padding-top: 0.5%;
	color: white;
	font-weight: bold;
	text-align: center;
	z-index: -1;
	display: none;
}

/* CONNECTION */
.box {
	background: #FFF;
	width: 50%;
	height: auto;
	border: 3px ridge #CCC;
	position: absolute;
	left: 25%;
	top: 25%;
	display: none;
	overflow: auto;
	padding: 2%;
}

#bg {
	height: 0%;
	width: 0%;
	background-color: transparent;
	left: 0;
	overflow: hidden;
	z-index: 0;
	position: absolute;
}

#wrapper {
	height: 100%;
	width: 0%;
	background-color: transparent;
	left: 0;
	overflow: hidden;
	z-index: 0;
	position: absolute;
}

.imgPop {
	padding: 1%;
	margin: 0;
}

.sliBox {
	clear: both;
	background-color: #ccc;
	border: 1px solid #cce;
	-moz-border-radius: 10px 0px 0px 10px;
	max-height: 100px;
	height: 100px;
	overflow: auto;
	text-align: left;
	width: 93%;
	font-size: 0.9em;
	padding: 2%;
	margin: 1%;
}

.random {
	width: 196px;
	height: 78px;
	border: 2px solid #000;
	-moz-border-radius: 10px 10px 0px 0px;
	border-bottom: 0;
	float: left;
	font-size: 0.8em;
	margin: 0;
	background: #ECECEE url(../../public/images/fond-trans.png) repeat-x
		left -15px;
}

.random ul {
	list-style-position: inside;
	margin: 0;
	list-style-image: url(../../public/images/puce-indy.gif);
	padding: 1%;
	padding-top: 0.5%;
}

.random ul li {
	margin-left: 1%;
	padding: 0;
}

.indexButton:hover {
	width: 400px;
	height: 76px;
	background: url(../../public/images/indy-link.gif) no-repeat top left;
}

/*	SEARCH BAR*/
#search {
	position: relative;
	right: 8%;
	top: 49px;
}

ul.search-options {
	position: relative;
}

ul.search-options,ul.search-otpions>li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.search-options  li a {
	background: #CCC url(../../public/images/tips1.gif) no-repeat center top
		;
	float: right;
	color: white;
	font-weight: bold;
	padding: 4px;
	margin-right: 1px;
	height: 16px;
	width: 50px;
	font-size: 0.8em;
	outline: none;
	text-decoration: none;
	border: #CCC;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 0px 10px 0px;
}

ul.search-options  li.selected a,ul.search-options  li a:hover {
	background: #ccc;
	color: black;
}

/**
*	CONTENU
*/
.longer {
	width: 300px;
}

.element {
	height: auto;
	width: 98.75%;
	margin: 2%;
	margin-bottom: 3%;
	padding: 2%;
	clear: both;
}

.element .cours img,p.cours object {
	margin: auto;
	text-align: center;
}

.toggler {
	background: url(../../public/images/fond-trans.png) bottom repeat-x;
	border: 1px solid #CCF;
	-moz-border-radius: 5px 5px 5px 5px;
	height: auto;
	width: 98.75%;
	margin: 1%;
	padding: 0.5%;
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 0.3em;
	clear: both;
}

.toggler:hover {
	cursor: pointer;
}

.tips {
	z-index: 10;
}

.tip-title {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	color: #ccc;
	padding: 8px 8px 4px;
	background: url(../../public/images/bubble.png) repeat;
	z-index: 13000;
}

.tip-text {
	color: white;
	font-size: 11px;
	font-style: italic;
	padding: 4px 8px 8px;
	background: url(../../public/images/bubble.png) repeat;
	z-index: 13000;
}

.cursor-help {
	cursor: help;
}

.cursor-pointer {
	cursor: pointer;
}

.currentPage {
	color: red;
}

.currentPage:hover {
	color: #666;
}

/**
*	BBCODE
*/
.align_left {
	text-align: left;
}

.align_right {
	text-align: right;
}

.align_center {
	text-align: center;
}

.cleaner {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: right;
}

/*bbcode class*/
textarea.bbcode {
	margin: 0px;
}

.marge {
	margin-left: 0.7em;
}

/*couleur info,question,erreur,attention*/
.info {
	color: #33CC00;
	font-weight: bold;
}

.question {
	color: #6699FF;
	font-weight: bold;
}

.attention {
	color: #FFCC00;
	font-weight: bold;
}

.indexCom {
	width: 100%;
	text-align: left;
	clear: both;
	margin-top: 0%;
}

.borderLeft {
	border-left: 1px solid #EDF1F0;
	height: 100%;
}

.txtCom {
	clear: both;
	background: url(../../public/images/fond.png) repeat;
	border: 1px solid #EDF1F0;
	-moz-border-radius: 10px !important;
	height: auto;
	text-align: left;
	width: 98%;
	font-size: 0.8em;
	margin: 0;
}

.see {
	padding: 1%
}

div.txtCom  p,.indexCitation p,.indexCom p {
	
}

.sitemap {
	clear: both;
	background: url(../../public/images/fond.png) repeat;
	border: 1px solid #EDF1F0;
	-moz-border-radius: 10px;
	height: auto;
	text-align: left;
	width: 92%;
	margin: 0;
	padding: 2%;
	margin-bottom: 2%;
	list-style-position: inside;
	font-size: 0.9em;
}

.sitemap ol {
	list-style-position: inside;
}

ol.sommaire {
	clear: both;
	background: url(../../public/images/fond.png) repeat;
	border: 1px solid #EDF1F0;
	-moz-border-radius: 10px;
	height: auto;
	text-align: left;
	width: 92%;
	font-size: 0.9em;
	margin: 0;
	padding: 2%;
	margin-bottom: 2%;
	list-style-position: inside;
}

.labelComment {
	text-align: center;
	margin-left: 65%;
	width: 30%;
	background-color: #fff;
	border: #EDF1F0 solid 1px;
	-moz-border-radius: 10px 10px 0px 0px !important;
	border-bottom: none;
	height: 100%;
	padding: 0.5%;
	margin-top: 0%;
}

.citation {
	border: 1px solid #ccc;
	width: 96% !important;
	width: 80%;
	text-align: left;
	background-color: #ECECEE;
	padding: 1%;
	clear: both;
	margin-top: 0%;
	color: #333;
}

p.citation:first-letter,.sitemap p:first-letter {
	text-transform: capitalize;
}

.indexCitation {
	clear: both;
	background: url(../../public/images/fond.png) repeat;
	border: 1px solid #EDF1F0;
	-moz-border-radius: 10px !important;
	height: auto;
	text-align: left;
	width: 93%;
	font-size: 0.9em;
	margin: 0;
	padding-left: 2%;
}

.logoLevel {
	position: relative;
	left: 30px;
	top: 0;
}

/*police*/
.arial {
	font-family: Arial;
}

.comic {
	font-family: 'Comic Sans MS';
}

.verdana {
	font-family: Verdana;
}

.timenewroman {
	font-family: 'Times New Roman';
}

.rockwell {
	font-family: 'Rockwell Extra Bold';
}

/*couleur de liste bbcode*/
.noir {
	color: #000000;
	font-weight: bold;
}

.orange {
	color: #FF6600;
	font-weight: bold;
}

.rouge {
	color: #FF0000;
	font-weight: bold;
}

.bleue {
	color: #0000FF;
	font-weight: bold;
}

.marine {
	color: #000033;
	font-weight: bold;
}

.ciel {
	color: #6699FF;
	font-weight: bold;
}

.vert {
	color: #33CC00;
	font-weight: bold;
}

.jaune {
	color: #FFCC00;
	font-weight: bold;
}

.gris {
	color: #999999;
	font-weight: bold;
}

.blanc {
	color: #FFFFFF;
	background-color: #999999;
	font-weight: bold;
}

.titre_liste {
	background: url(../../public/images/bubble.png) top repeat;
	font-weight: bold;
	color: #fff;
	padding: 0.5%;
}

.opt_titre1 {
	background: url(../../public/images/h1.gif) top repeat-x;
	font-size: x-large;
}

.opt_titre2 {
	background: url(../../public/images/entete.gif) top repeat-x;
	font-size: 0.9em;
	font-weight: bold;
}

.xlarge {
	font-size: x-large;
}

.large {
	font-size: large;
}

.small {
	font-size: small;
}

.xsmall {
	font-size: x-small;
}

.xxsmall {
	font-size: xx-small;
}

.zIndex {
	z-index: 100;
	overflow: auto;
}

/**
*	CLASS V1
*/
.date {
	font-size: 0.7em;
	font-weight: bolder;
	color: #333;
}

.discover {
	background: url(../../public/images/ban-indy.jpg) no-repeat 10px 10px;
	border: 1px solid #cce;
	-moz-border-radius: 10px !important;
	padding: 5%;
	margin: auto;
	width: 90%;
	overflow: hidden;
	padding-top: 10%;
}

.discover  p {
	-moz-border-radius: 10px !important;
	background: url(../../public/images/fond.png) repeat;
	border: 1px solid #cce;
	padding: 2%;
	width: 44%;
	font-size: 1em;
}

.discover-left {
	margin: 0;
	float: left;
}

.discover-right {
	margin: 0;
	float: right;
}

.helperRecord {
	float: right;
	text-align: center;
	font-size: 0.7em;
	font-weight: bold;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 10px 10px;
	color: #333;
	padding: 0.6%;
	margin-right: 10%;
	background-color: #ECECEE;
}

.timepost {
	float: right;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 0px 0px;
	border-bottom: none;
	color: #cce;
	padding: 0.5%;
	background-color: #ECECEE;
}

.comment {
	float: right;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 10px 10px;
	color: #cce;
	padding: 0.5%;
	background-color: #ECECEE;
	margin-right: 1%;
}

.tleft {
	background-color: #ECECEE;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 0px 0px;
	border-bottom: none;
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.5%;
	color: #333;
	margin: 0;
	margin-left: 2%;
	margin-right: 1%;
}

.tright {
	float: right;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 0px 0px;
	border-bottom: none;
	color: #333;
	padding: 0.5%;
	background-color: #ECECEE;
	margin-right: 2%;
	margin-left: 1%;
}

.boxLeft {
	float: left;
	width: 50%;
}

.boxRight {
	float: right;
	width: 50%;
	clear: both;
}

.pseudo,.pseudo:hover {
	background-color: #ECECEE;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-bottom: none;
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.5%;
	color: #333;
	margin: 0;
	margin-right: 1%;
}

a.pseudo:hover {
	color: #666;
}

.miniBox {
	background: url(../../public/images/fond.png) repeat;
	margin-left: 5%;
	width: 80%;
	height: auto;
	border: #cce 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 2%;
	font-size: 0.9em;
}

.commentBox {
	margin: auto;
	width: 94%;
	height: auto;
	border: #cce 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 2%;
}

ul.normal li {
	font-weight: normal;
	font-size: medium;
}

.profil {
	background: url(../../public/images/fond.png) repeat;
	margin: auto;
	width: 60%;
	height: 100%;
	border: #cce 1px solid;
	-moz-border-radius: 10px;
	padding: 2%;
	float: none;
}

.profil ul {
	clear: none;
	border-bottom: 1px solid #cce;
	padding-bottom: 1%;
	font-weight: bold;
	font-size: 0.9em;
}

.profil ul.noborder {
	border: none;
}

.avatar {
	border: #cce 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 1%;
	margin: 1%;
	vertical-align: top;
	float: right;
}

.moyenne {
	height: auto;
	width: auto;
	float: right;
	font-size: 0.9em;
	color: #FF6600;
	border-left: 1px solid #FFF;
	text-indent: 0.3em;
}

.searchBar {
	background: #fff;
	border: 1px #cce solid;
	height: 22px;
	margin: auto;
	margin-left: 15px;
	margin-top: 2px;
	float: right;
	width: 182px;
}

.searchBar input[type=image] {
	background-color: transparent;
	padding-left: 1px;
	padding: 1px;
	height: 20px;
	width: 30px;
	float: left;
}

.searchBar input[type=text] {
	height: 20px;
	background-color: transparent;
	border: none;
	padding: 1px;
	margin-top: 2px;
	clear: none;
	width: 148px;
	float: left;
}

.cours_titre {
	color: #000066;
	background: url(../../public/images/tribal.gif) no-repeat 50px;
	text-align: center;
	padding: 1%;
	display: block;
}

.valign {
	vertical-align: middle;
}

.label {
	background-color: #ECECEE;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 0px 0px;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.5%;
	color: #333;
	margin: 0;
	margin-right: 3%;
	width: 100px;
	float: left;
}

.labelDown {
	background-color: #ECECEE;
	border: 1px solid #cce;
	border-top: none;
	-moz-border-radius: 0px 0px 10px 10px;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.8%;
	color: #333;
	margin: 0;
	margin-right: 3%;
}

.linkCom {
	background-color: #ECECEE;
	border: 1px solid #cce;
	-moz-border-radius: 5px !important;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.8%;
	color: #333;
	margin: 0;
	margin-right: 3%;
}

.labelFull {
	background-color: #ECECEE;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 10px 10px;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.5%;
	color: #333;
	margin: 0;
	margin-top: 1%;
	margin-right: 3%;
}

.labelSound {
	background-color: #ECECEE;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 10px 10px;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.5%;
	color: #333;
	margin: auto;
	width: 60%;
	text-align: center;
}

.labelForum {
	background-color: #ECECEE;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 10px 10px;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.5%;
	color: #333;
	margin: auto;
	margin-bottom: 2%;
	width: 90%;
	text-align: center;
}

.captcha {
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 10px 10px;
	color: #333;
	padding: 2%;
	margin: auto;
	margin-bottom: 2%;
	width: 60%;
	background: url(../../public/images/fond.png) repeat;
	clear: both;
}

.content {
	height: 100%;
}

.cours {
	clear: both;
	background-color: #FFF;
	height: auto;
	text-align: left;
	width: 99%;
	float: left;
	font-size: 0.9em;
	margin-bottom: 1%;
	margin: 0%;
	padding: 0.5%;
}

.element p.cours {
	font-size: 0.9em;
}

.cours img,.cours object {
	margin: auto;
	display: inline;
	text-align: center;
}

.message /*div message du minichat et livre or*/ {
	clear: both;
	background-color: #FFF;
	border: 1px solid #EDF1F0;
	height: auto;
	text-align: left;
	width: 98%;
	float: left;
	font-size: 0.9em;
	margin-bottom: 2%;
	padding: 1%;
}

.comments /*div message du minichat et livre or*/ {
	clear: both;
	margin: auto;
	background-color: #FFF;
	border: 1px solid #EDF1F0;
	height: auto;
	text-align: left;
	width: 97%;
	font-size: 0.8em;
	margin-bottom: 2%;
	padding: 1%;
}

.paddingNoMargin {
	margin: 0;
	padding: 5%;
}

.mp {
	max-height: 120px;
	overflow: auto;
	padding: 2%;
	margin: 1%;
	margin-left: 5%;
}

.headBox {
	background: url(../../public/images/fond-trans.png) bottom repeat-x;
	border: 1px solid #CCF;
	-moz-border-radius: 5px 5px 0px 0px;
	height: auto;
	width: 98%;
	margin: 0;
	padding: 1%;
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 0.3em;
}

.footBox {
	background: url(../../public/images/fond-trans-rev.png) bottom repeat-x;
	border: 1px solid #CCF;
	-moz-border-radius: 0px 0px 5px 5px;
	height: auto;
	width: 98%;
	margin: 0;
	padding: 1%;
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 0.3em;
}

.contentBox {
	clear: both;
	background-color: #FFF;
	border: 1px solid #cce;
	height: auto;
	text-align: left;
	width: 98%;
	font-size: 0.9em;
	padding: 1%;
	margin: 0;
}

.mp3 {
	padding: 0;
	margin: 0;
	width: 35%;
}

.sondage {
	margin: auto;
	margin-top: 3%;
	width: 70%;
}

.miniSondage {
	width: 100%;
	height: auto;
	padding: 0.5%;
	clear: right;
	margin: 0;
	font-size: 0.8em;
}

.percentSondage {
	margin-top: 1%;
	background-color: #666;
	clear: none;
	float: left;
	height: 5px;
}

.clipInfos {
	width: 120px;
	height: auto;
	float: right;
	padding: 0.5%;
	clear: right;
	margin: 0;
	font-size: 0.6em;
	font-weight: lighter;
}

.clipInfos ul {
	padding: 2%;
	list-style: none;
}

.clipInfos ul li {
	margin: 1%;
	padding: 1%;
}

.cv {
	clear: both;
	background-color: #FFF;
	border: 1px solid #cce;
	height: auto;
	text-align: left;
	width: 95.75%;
	font-size: 0.9em;
	padding: 2%;
}

.profil object {
	margin: 1%;
	clear: none;
	z-index: -1;
}

.profil #clipBox {
	width: 540px;
	height: auto;
	float: none;
}

.erreur {
	text-indent: 3%;
	color: #FF0000;
	background: #EDF1F0 url(../../public/images/zcode_erreur.png) center
		left no-repeat;
	background-position: 10px;
	border: #FF0000 1px solid;
	-moz-border-radius: 10px 10px 10px 10px;
	width: 80%;
	height: auto;
	text-align: center;
	margin: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 2%;
	font-size: 0.9em;
}

.indexMsg {
	color: #33CC00;
	background: url(../../public/images/zcode_info.png) no-repeat left;
	background-color: #EDF1F0;
	background-position: 10px;
	border: #33CC00 1px solid;
	-moz-border-radius: 10px 10px 10px 10px;
	width: 90%;
	height: auto;
	text-align: center;
	margin: 1%;
	padding: 1%;
	font-size: 0.8em;
}

.info_msg {
	color: #33CC00;
	background: url(../../public/images/zcode_info.png) no-repeat left;
	background-color: #EDF1F0;
	background-position: 10px;
	border: #33CC00 1px solid;
	-moz-border-radius: 10px 10px 10px 10px;
	width: 80%;
	height: auto;
	text-align: center;
	margin: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 2%;
	font-size: 0.9em;
}

.question_sondage {
	color: #003399;
	background: url(../../public/images/zcode_question.png) no-repeat left;
	background-color: #EDF1F0;
	border: #3399FF 1px solid;
	-moz-border-radius: 10px 10px 10px 10px;
	background-position: 10px;
	width: 80%;
	height: auto;
	text-align: center;
	margin: 2%;
	padding: 2%;
	padding-left: 12%;
	font-size: 0.9em;
}

.question_msg {
	color: #003399;
	background: url(../../public/images/zcode_question.png) no-repeat left;
	background-color: #EDF1F0;
	border: #3399FF 1px solid;
	-moz-border-radius: 10px 10px 10px 10px;
	background-position: 10px;
	width: 80%;
	height: auto;
	text-align: center;
	margin: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 2%;
	font-size: 0.9em;
}

.question_quizz {
	color: #003399;
	background: url(../../public/images/zcode_question.png) no-repeat left;
	background-color: #EDF1F0;
	border: #3399FF 1px solid;
	-moz-border-radius: 10px 10px 10px 10px;
	background-position: 10px;
	width: 90%;
	height: auto;
	text-align: center;
	margin: 2%;
	padding: 0.5%;
	font-size: 0.9em;
}

.online {
	color: #990066;
	font-weight: bold;
	background-color: #EDF1F0;
	font-size: 0.7em;
	border: #9999FF 1px solid;
	margin: 1%;
	width: 98%;
}

.attention_msg {
	color: #FF6600;
	background: #FFFF8F url(../../public/images/zcode_attention.png) left
		no-repeat;
	background-position: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border: #FFCC00 1px solid;
	width: 80%;
	height: auto;
	text-align: center;
	margin: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 2%;
	font-size: 0.9em;
}

.connect {
	color: #0000FF;
	background: url(../../public/images/fond_entete3.gif) top repeat-x;
	border-bottom: 1px solid #CCCCFF;
	font-size: 0.8em;
	margin: 2px;
}

.alerte {
	background-color: #FF6600;
	font-size: small;
	border: #CC0000 solid 1px;
	color: #fff;
	font-weight: bold;
}

.alerte2 {
	margin-left: 21%;
	background-color: #FF6600;
	font-size: small;
	border: #CC0000 solid 1px;
	color: #fff;
	font-weight: bold;
}

.bg-black {
	background-color: #000;
}

.right {
	float: right;
}

.left {
	float: left;
}

.imgMarge {
	margin: 2%;
}

.margin-left-light {
	margin-left: 2%;
}

.margin {
	margin-left: 10%;
}

.margin-auto {
	margin: auto;
}

.margin-left {
	margin-left: 40%;
}

.margin-right {
	margin-right: 5%;
}

margin-top {
	margin-top: 5%;
}

.lightPadding {
	padding: 1%;
}

.margin-mright {
	float: right;
	margin-right: 30%;
}

.padding {
	margin-top: 2%;
}

.entete_msg {
	background: url(../../public/images/fond_entete2.gif) top repeat-x;
	border: 1px solid #CCF;
	height: auto;
	width: 99.8%;
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	text-indent: 0.3em;
}

.entete_rev {
	background: url(../../public/images/fond-trans.png) bottom repeat-x;
	border: 1px solid #CCF;
	-moz-border-radius: 5px 5px 0px 0px;
	height: auto;
	width: 99.8%;
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 0.3em;
	font-size: 0.9em;
}

.pagination {
	background: url(../../public/images/fond-trans.png) bottom repeat-x;
	border: 1px solid #CCF;
	-moz-border-radius: 5px 5px 0px 0px;
	height: auto;
	width: 98.75%;
	margin: 0;
	padding: 0.5%;
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 0.3em;
	clear: both;
}

.pagination-down {
	background: url(../../public/images/fond-trans-rev.png) bottom repeat-x;
	border: 1px solid #CCF;
	-moz-border-radius: 0px 0px 5px 5px;
	height: auto;
	width: 98.75%;
	margin: 0;
	margin-bottom: 5%;
	padding: 0.5%;
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 0.3em;
	clear: both;
}

.entete_bleue {
	background: url(../../public/images/fond-trans-rev.png) bottom repeat-x;
	border: 1px solid #CCF;
	height: auto;
	width: 99.8%;
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 0.3em;
}

.entete_cours {
	background: url(../../public/images/fond_entete3.gif) top repeat-x;
	border: 1px solid #CCF;
	height: auto;
	width: 99.8%;
	text-align: center;
	float: left;
	font-size: 1em;
	font-weight: bold;
	text-indent: 0.3em;
}

.entete {
	background: url(../../public/images/fond-trans-rev.png) center repeat-x;
	border: 1px solid #CCF;
	height: auto;
	width: 98% !important;
	width: 96%;
	color: #666;
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	padding: 0.5%;
}

.entete2 {
	background: url(../../public/images/fond-trans-rev.png) center repeat-x;
	border: 1px solid #cce;
	height: auto;
	clear: none;
	float: left;
	width: 80%;
}

.entete3 {
	background: url(../../public/images/fond-trans.png) center repeat-x;
	border: 1px solid #ccc;
	border-bottom: none;
	-moz-border-radius: 10px 10px 0px 0px;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.5%;
	color: white;
	margin: 0;
	margin-right: 3%;
	float: left;
}

.entete4 {
	background: url(../../public/images/fond-trans.png) center repeat-x;
	border: 1px solid #ccc;
	border-bottom: none;
	-moz-border-radius: 10px 10px 0px 0px;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.5%;
	color: white;
	margin: 0;
	margin-left: 1%;
	float: left;
}

.entete5 {
	background: url(../../public/images/fond-trans.png) center repeat-x;
	border: 1px solid #ccc;
	border-bottom: none;
	-moz-border-radius: 10px 10px 0px 0px;
	font-size: 0.8em;
	font-weight: bold;
	padding: 1.5%;
	padding-bottom: 0.5%;
	color: white;
	margin-left: 5%;
	text-align: center;
	float: left;
}

a.boxMsgCLink {
	text-align: right;
	margin-left: 80%;
}

/**
*		BBCODE
*/
#form {
	margin: 1%;
	height: 100%;
}

#form fieldset {
	padding: 2%;
	padding-top: 1%;
	width: 95%;
	height: auto;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 10px 10px;
	margin: auto;
	background-color: white;
}

#formDelete fieldset {
	padding: 2%;
	padding-top: 1%;
	width: 92%;
	text-align: right;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 10px 10px;
}

#form fieldset p span {
	position: relative;
	left: 100px;
	top: 0;
	z-index: 0;
}

#form legend,#formDelete legend,#connexion legend {
	background: url(../../public/images/fond.gif) repeat-x center;
	border: 1px solid #cce;
	-moz-border-radius: 10px 10px 10px 10px;
	padding: 1%;
	font-size: 0.9em;
	font-weight: bold;
	color: white;
}

.bt-code {
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	cursor: pointer;
	margin: 0;
}

#form p {
	margin: 1%;
}

.bt-code:hover {
	border: 1px solid #ccc;
}

select.bbcode {
	-moz-border-radius: 5px 5px 5px 5px;
	background: url(../../public/images/fond.gif) repeat-x center;
	color: #fff;
}

option {
	color: black;
}

input {
	vertical-align: middle;
}

#form textarea {
	min-height: 20%;
	width: 100%;
}

#form textarea.bbtxt {
	min-height: 20%;
	width: 95%;
}

#form textarea.mini {
	width: 95%;
}

#form  #prev .mini {
	width: 95%;
}

#form label.cnx {
	color: #333;
	width: 100px;
	display: block;
	border: 1px solid #cce;
	-moz-border-radius: 10px 0px 10px 0px;
	float: left;
	background-color: #ECECEE;
	margin-right: 1%;
	clear: both;
}

#form label.options {
	color: #333;
	width: 200px;
	display: block;
	border: 1px solid #cce;
	-moz-border-radius: 10px 0px 10px 0px;
	float: left;
	background-color: #ECECEE;
	margin-right: 1%;
	clear: both;
}

#form label.config {
	color: #333;
	width: 400px;
	display: block;
	border: 1px solid #cce;
	-moz-border-radius: 10px 0px 10px 0px;
	float: left;
	background-color: #ECECEE;
	margin-right: 1%;
	clear: both;
}

#form .right label input {
	vertical-align: bottom;
	border: none;
}

.reduce {
	width: 95%;
}

#form label {
	font-size: 0.8em;
	vertical-align: middle;
	border: 1px solid #cce;
	-moz-border-radius: 10px 0px 10px 0px;
	color: #333;
	font-weight: bold;
	padding: 0.5%;
	background-color: #ECECEE;
	margin-right: 1%;
}

.noborder,#form label.noborder,.nav-content label {
	border: none;
	background-color: transparent;
}

#inputTitle {
	width: 200px;
}

#smile {
	background-color: white;
	display: none;
	padding: 1%;
	width: 200px;
	height: auto;
	border: 1px solid #ccc;
	-moz-border-radius: 10px 10px 10px 10px;
	clear: none;
}

#smile img {
	cursor: pointer;
}

.visualisation {
	border: 1px solid #ccc;
	-moz-border-radius: 10px 10px 10px 10px;
	margin: 1.3%;
	padding: 2%;
	min-height: 200px;
	overflow: auto;
	width: 93%;
	font-size: 0.9em;
}


#prev.mini {
	border: 1px solid #ccc;
	-moz-border-radius: 10px 10px 10px 10px;
	width: 92%;
	font-size: 0.9em;
	min-height: 100px;
	max-height: 300px;
	margin: 0;
	margin-top: 10%;
	padding: 1.6%;
	clear: both;
	z-index: 1000;
	overflow: auto;
}

/**
* TABLEAU V1
*/
table {
	border: 1px solid #cce;
	width: 100%;
	font-size: 0.9em;
	background-color: #fff;
	clear: both;
}

tr {
	margin: 1%;
}

th {
	color: white;
}

td {
	background-color: transparent;
	text-align: center;
	border: #cce solid 0.5px;
}

table.admin {
	width: 70%;
	font-size: 0.9em;
	float: none;
	clear: both;
	border: 1px solid #9999FF;
	border-collapse: collapse;
	margin-left: 5%;
}

table.chord {
	width: 94%;
	clear: both;
	margin-bottom: 2%;
	margin: 2%;
	padding: 0;
	height: 100%;
}

.chord td {
	height: 70px;
	font-size: x-large;
}

.chord tr.bleue td {
	height: auto;
	font-size: medium;
}

.chord th {
	padding: 1%;
	text-align: center;
}

table.stat {
	width: 70%;
	font-size: 0.8em;
	clear: both;
	margin-bottom: 1%;
	margin: auto;
}

table.forum {
	width: 100%;
	float: left;
	clear: both;
}

table.ami {
	width: 100%;
	float: left;
	clear: both;
	border: 1px solid #9999FF;
}

table.sound {
	width: 70%;
	font-size: 0.9em;
	float: left;
	clear: both;
	border: 1px solid #9999FF;
	margin-left: 5%;
}

table.footer {
	width: 90%;
	font-size: 0.9em;
	float: left;
	border: 1px solid #9999FF;
	height: auto;
	margin: 5%;
	margin-top: 1%;
	margin-bottom: 1%;
}

th.forum,td.forum {
	font-size: 0.9em
}

.topic {
	width: 100%;
	clear: both;
}

.topic th {
	background-image: none;
	text-align: left;
	padding: 0;
	margin: 0;
	border: #cce solid 0.5px;
}

.topic form {
	display: inline-table;
	color: black;
	clear: none;
	vertical-align: top;
	margin: 0;
	padding: 1%;
}

.topic td {
	border: #cce solid 0.5px;
	width: auto;
	padding: 0.5%;
}

.topic td div {
	
}

th.message {
	clear: both;
	background-color: #FFF;
	border: 1px solid #EDF1F0;
	height: 100%;
	text-align: left;
	width: 98%;
	float: left;
	font-size: 0.8em;
	margin-bottom: 1%;
	padding: 1%;
}

thead td,tr.head td {
	background-color: #ccc;
	font-weight: bold;
}

tr.sous_titre {
	background: url(../../public/images/fond-trans2.png) repeat;
}

tr.white {
	background-color: #ccc;
}

tr.title {
	background: url(../../public/images/fond-trans.png) repeat;
}

tr {
	background-color: #ECECEE;
	width: auto;
}

th.align_left {
	padding: 1%;
	text-align: left;
}

td.rouge {
	background-color: #CCCCCC;
}

th.mp3 {
	background-color: #FFFFFF;
}

/* infos bulles*/
a.bulle2:hover span.mes_dim {
	background: url(../../public/images/bubble.png) repeat top;
	display: inline;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100%;
	color: #FF0000;
	padding: 3px;
	border: 1px solid #999999;
	border-top: 3px solid #CCCCCC;
	clear: both;
}

a.bulle2:hover span.mes_tof {
	background-image: none;
	background-color: #FFF;
	display: inline;
	position: absolute;
	top: 90px;
	left: 0px;
	color: #FF0000;
	padding: 3px;
	border: 1px solid #999999;
	border-top: 3px solid #CCCCCC;
	clear: both;
	cursor: pointer;
}

.imgTips>div>img {
	width: 100%;
	height: 100%;
}

a.bulle,a.bulle2 {
	position: relative;
	text-decoration: none;
	color: white;
}

a.bulle span,a.bulle2 span {
	display: none; /* on masque l'infobulle */
	overflow: hidden;
}

a.bulle:hover {
	background: white;
	z-index: 500;
	cursor: help;
	clear: both;
	text-decoration: none;
}

a.bulle2:hover {
	background: none;
	z-index: 100;
	cursor: pointer;
	clear: both;
	text-decoration: none;
}

a.bulle:hover span {
	background: url(../../public/images/bubble.png) repeat;
	display: inline;
	position: absolute;
	top: 30px;
	left: -200px;
	color: #FF0000;
	padding: 3px;
	border: 1px solid #999999;
	border-top: 3px solid #CCCCCC;
}

a.bulle:hover span.dim {
	background: url(../../public/images/bubble.png) repeat;
	display: inline;
	position: absolute;
	top: -60px;
	left: -200px;
	color: #FF0000;
	padding: 3px;
	border: 1px solid #999999;
	border-top: 3px solid #CCCCCC;
	clear: both;
}

a.bulle:hover span.tof {
	background: url(../../public/images/bubble.png) repeat;
	display: inline;
	position: absolute;
	top: -90px;
	right: -200px;
	color: #FF0000;
	padding: 3px;
	height: 100%;
	width: 100%;
	border: 1px solid #000;
	-moz-border-radius: 10px 10px 10px 10px;
	clear: both;
	z-index: 100;
}

a.bulle:hover span.amis {
	background-image: none;
	background-color: #FFF;
	display: inline;
	position: absolute;
	top: 20px;
	left: 0px;
	color: #FF0000;
	padding: 3px;
	border: 1px solid #999999;
	border-top: 3px solid #CCCCCC;
	clear: both;
}

a.bulle:hover span.vote_mb {
	background: url(../../public/images/bubble.png) repeat;
	display: inline;
	position: absolute;
	white-space: nowrap;
	top: -50px;
	left: -70px;
	color: #fff;
	padding: 3px;
	border: 1px solid #000;
	-moz-border-radius: 10px 10px 0px 0px;
	clear: both;
	width: 150px;
}

a.bulle:hover span.vote_v {
	background: url(../../public/images/bubble.png) repeat;
	display: inline;
	position: absolute;
	white-space: nowrap;
	top: -30px;
	left: -70px;
	color: #fff;
	padding: 3px;
	border: 1px solid #000;
	-moz-border-radius: 0px 0px 10px 10px;
	width: 150px;
	clear: both;
}

a  img,a:active  img,a:hover  img {
	border: none;
	outline: none;
}

a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	border: none;
	outline: 0;
}

a:hover {
	text-decoration: none;
	color: #666;
	border: none;
	outline: 0;
}

a:active {
	color: #666;
	text-decoration: none;
	border: none;
	outline: 0;
}

/*
calendar
*/
#calendar {
	position: absolute;
	padding: 3px;
}

table.calendar {
	width: 100px;
	font-size: 0.8em;
	background: url(../../public/images/bubble.png) repeat;
	float: left;
	clear: both;
	font-weight: bold;
	border: #333333 1px solid;
	font-family: Arial, Helvetica, sans-serif;
}

tr.calendar {
	background-color: transparent;
	width: auto;
}

tr.jour {
	width: auto;
	font-weight: bold;
}

table.calendar td:hover {
	background-color: white;
}

.calendar td {
	cursor: pointer;
}

table.calendar td.morte:hover {
	background-color: #ECECEE;
}

.jour {
	font-weight: bold;
	color: #000;
}

.entete_cal {
	background: url(../../public/images/fond-trans2.png) repeat;
}

/*Slider*/
div#levelMember {
	margin: auto;
	padding-top: 1%;
	padding-bottom: 1%;
}

div.slider {
	margin: 0;
	padding-top: 2px;
	width: 400px;
	background: url(../../public/images/barre.png) 0 center no-repeat;
	cursor: pointer;
}

div.slider div.knob {
	width: 16px;
	height: 16px;
	background: url(../../public/images/cursor.png) 0;
}