/*

Définition des éléments par défaut


*/


* {
	margin : 0;
	padding : 0;
}
a {
	color : white;
	text-decoration: none;
}
a img {
  border: 0;
  margin : 0;
}


body {
	background : black;
	font-family: Arial, "Trebuchet MS", Verdana;
	color: white;
}

ul {
	list-style-type : none;
}

fieldset {
	border : none;
}

input {
	background : white;
	border : 1px solid #AAAAAA;
}
input:focus {
	border : 1px solid black;
}

/*

Classes génériques

*/
.tips {
	font-size : 12px;
}
.dialog {
	display : none;
}
textarea.empty, input.empty {
	color : #8c8c8c;
}

/*

Gestion du header

*/
#banniere_horizontale {
	position : absolute;
	top : 25px;
	right : 0;
}
#logo_poilala {
	margin-top : 25px;
}
#header {
	position : relative;
}
#header #date {
	position : absolute;
	right : 0;
	top : 5px;
	font-size : 12px;
	height: 20px;
}
#header #date span {
	background : url(img/horloge.gif) no-repeat right top;
	padding : 2px 0;
	padding-right: 20px;
	margin-right : 5px;
}

/*

Menu

*/
#annexe {
	position : absolute;
	top : 5px;
	right : 150px;
}
#classement {
	position : absolute;
	right : 0;
	top : -20px;
}
#classement a {
	color : #00D4FF;
	font-weight: bold;
}
.menu {
	font-size : 12px;
}
.menu li {
	border-left: 1px solid #00D4FF;
	border-right: 1px solid #00D4FF;
	padding : 0 5px;
	float : left;
}

#menuBottom {
	position : absolute;
	bottom : 0;
	right : 135px;
	font-size : 12px;
}
#menuBottom li a {
	color : #3F3F3F;
}
/*

Conteneur

*/
#conteneur {
	position:relative;
}


/*

Pub verticale

*/

#banniere_verticale {
	position : absolute;
	top : 135px;
	right : 0;
	font-size:12px;
	padding-top: 35px;
}
#banniere_verticale .tradedoubler img {
	margin-top : 3px;
}
#banniere_verticale .flux {
	width : 120px;
	right : 0;
	top : 0;
	display : block;
	position : absolute;
}
#banniere_verticale .flux p {
	margin : 0;
}
#banniere_verticale .flux img {
	vertical-align:middle;
	float:left;
	margin-right: 2px;
}
#banniere_verticale #facebook {
	height : 150px;
}

/*

Contenu

*/

#contenu {
	padding : 0;
	text-align : left;
	position : relative;	
}

#contenu h1 {
	color : #00D4FF;
}
#contenu p {
	margin-top : 15px;
}
#contenu p a {
	border-bottom : 1px solid #00D4FF;
	color : #00D4FF;
}
#contenu #totaux {
	font-size : 20px;
	color : white;
	height : 60px;
	position : absolute;
	right : 0;
	top : -50px;
}
#contenu #totaux b {
	color : #00D4FF;
}


#contenu .posts, #contenu .content {
	margin-top : 15px;
	margin-right : 135px;
}
#contenu .posts .post .btn {
	position : absolute;
	top : 5px;
	left : 5px;
}
#contenu .content {
	padding-bottom : 30px;
	font-size : 12px;
}
#contenu .content p {
	text-align : justify;
}

#contenu .post {
	border : 1px dashed #00D4FF;
	border-style:dashed;
	position:relative;
	text-align : left;
	padding-bottom : 20px;
	margin-bottom : 10px;
	line-height: 20px;
}
#contenu .post .debut {
	display: block;
	width : 395px;
	text-align: right;
	line-height: 20px;
	padding : 10px;
	margin-left : 30px;
	position : relative;
}
#contenu .post img.poilala {
	position : absolute;
	top : 6px;
	left : 456px;
}
#contenu .post img.poilo {
	position : absolute;
	top : 6px;
	left : 465px;
}

#contenu .post textarea {

	font-family: Arial, "Trebuchet MS", Verdana;
}


#contenu .post .fin {
	padding-left : 20px;
	width : 255px;
	text-align : left;
	line-height: 44px;
	position: absolute;
	right:40px;
	top : 0;
	line-height: 20px;
	padding : 10px;
}
#contenu .post .fin textarea {
	width : 290px;
}
#contenu .post i.infos {
	position : absolute;
	font-size : 12px;
	bottom : 10px;
	left : 10px;
	color: #3F3F3F;
	width: 760px;
	text-align: right;
}
#contenu .post i.infos a {
	color : #50C2EA;
}
#contenu .post .nbVotes {
	color :#00D4FF;
	position : absolute;
	top : 5px;
	right : 15px;
	width : 40px;
	display:block;
	text-align:center;
	font-size:10px;
}
#contenu .post .actions {
	position : absolute;
	bottom : 10px;
	right : 10px;
}
#contenu .post .lienDebut, #contenu .post .lienFin {
	position : absolute;
	bottom : -18px;
	z-index: 999;
}
#contenu .post .lienDebut {
	right : 8px;
}
#contenu .post .lienFin {
	left : 8px;
}
.admin #contenu .post .lienDebut, .admin #contenu .post .lienFin {
	bottom : -85px;
}
#contenu #addPoilala {
	height : 110px;
	padding-top: 10px;
	position:relative;
	background:#00D4FF;
}
#contenu #addPoilala h3 {
	font-size : 14px;
	color : black;
	position : absolute;
	top : -50px;
	left : 0;
	width : 980px;
	height : 42px;
	color : white;
	background : url(img/fleche_bottom_blanche.gif) no-repeat center bottom;
	font-size : 20px;
	text-align : center;
	
}
#contenu #addPoilala h3 i {
	color : #00D4FF;
	font-style:normal;
}

#contenu #addPoilala textarea, #contenu .posts textarea {
	height : 60px;
	width : 385px;
	padding : 5px;
	font-size: 20px;
	overflow:auto;
	padding : 4px 2px;
	border : 1px solid #AAAAAA;
	position : absolute;
	top : 10px;
}
#contenu #addPoilala textarea.error {
	border : 1px solid red;
	background : #FF6666;
	color : white;
}

#contenu #addPoilala textarea:focus{
	border : 1px solid black;
}

#contenu #addPoilala #debut {
	left : 10px;
}
#contenu #addPoilala #fin {
	right : 10px;
}
#contenu #choixMotLiaison {
	position : absolute;
	top : 5px;
	left : 440px;
}
#contenu #choixMotLiaison li.selected {
	border : 1px solid white;
	padding : 5px;
}
#contenu #addPoilala #choixMotLiaison li label {
	text-align : left;
	height : 34px;
	line-height : 34px;
}
#contenu #addPoilala #choixMotLiaison li label img {
	vertical-align : middle;
	
}
#contenu #addPoilala #choixMotLiaison input {
	margin-right : 10px;
}
#contenu #addPoilala #btn_addPoilala, #contenu #addPoilala #btn_resetPoilala {
	background : black;
	color : white;
	position : absolute;
	height : 20px;
	bottom : 10px;
	left : 10px;
	border : none;
	width : 960px;
	font-size:14px;
	line-height: 20px;
	text-decoration : none;
	text-align:center;
}
#contenu #addPoilala #btn_addPoilala {
	width : 160px;
	left : 410px;
}
#addPoilala .tips {
	position : absolute;
	height : 90px;
	width : 950px;
	top : 0;
	left : 0;
	z-index : 9999;
	padding : 15px;
	font-size : 14px;
	display : none;
	text-align : center;
}

#addPoilala .loading {
	background : url(img/loading.gif) no-repeat center center black;
    filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
}


#addPoilala .tips.correct {
	background : white;
	border : 1px solid #00BF08;
	font-weight : bold;
	color : #50C2EA;
	font-size: 18px;
}
#addPoilala .tips.error {
	background : white;
	border : 1px solid red;
	font-weight : bold;
	color : red;
}

#addPoilala .lien {
	position: absolute;
	bottom : 10px;
	background : url(img/bg_lien.gif) white no-repeat -2px -2px;
	width : 365px;
	height : 18px;
	padding-left : 25px;
	line-height : 18px;
}
#addPoilala #lien_debut {
	left : 10px;
}
#addPoilala #lien_fin {
	right : 10px;
}
/*

addPseudo

*/
#addPseudo input {
	width : 100%;
}


/*

Edition poilala

*/
#contenu .idAsupprimer {
	text-align : left;
	margin : 5px 0;
}
#contenu .idAsupprimer input {
	border : 1px solid #AAAAAA;
	width: 50px;
	margin-left: 5px;
}
#contenu .idAsupprimer input:focus {
	border : 1px solid #00D4FF;
}

#contenu .posts.edit .post {
	height : 120px;
}
#contenu .posts textarea {
	width : 410px;
}
#contenu .posts .debut textarea {
	left : 10px;
}
#contenu .edit img {
	position:relative;
	left : 10px;
}
#contenu .edit textarea {
	background : none;
	color : white;
}

/*

Pagination

*/

ul.pagination {
	margin : 20px 0;
	text-align: center;
}
ul.pagination li {
	display: inline;
	padding : 0 6px;
	border-right: 1px solid #00D4FF;
}
ul.pagination li a {
	width : 16px;
	color : white;
	text-align : center;
}
ul.pagination li.selected a {
	color : #00D4FF;
}