/* CSS Document */
/* General  ----------------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}
body {
	background-color: #000000;
	font-family: Verdana, Tahoma, georgia, Arial, lucida, Helvetica, "Trebuchet MS", sans-serif;
	font-size: 8pt;
	color: #b0b0b0;
}
table {
	font-family: Verdana, Tahoma, georgia, Arial, lucida, Helvetica, "Trebuchet MS", sans-serif;
}
h1 {
	font-size: 10pt;
	font-weight: bold;
}
h2 {
	font-size: 11pt;
	font-weight: bold;
}
a:link, a:visited {
	color: #b0b0b0;
	text-decoration: none;
}
a:hover {
	color: #0099ff;
}
.submit {
  background: url(graphiques/bouton.jpg);
  border: none;	
	width: 139px;
	height: 23px;
	font-size: 8pt;
	color: #b0b0b0;
}
hr
{
  width:100%;
  background-color: #b0b0b0;
  color: #b0b0b0;
  border-color: #b0b0b0;
  height: 1px;
  border: 0;
}
/* Conteneur page ----------------------------------------------------------- */
#blockpage {
	text-align: left;
	width: 910px;
	margin: 10px auto;
	min-height: 400px;
	background-color: #242424;
	border: 1px #333333 solid;
}
/* Conteneur en tete -------------------------------------------------------- */
#blocktop {
	height: 122px;
	width: 910px;
	/*background: url(graphiques/page-top.gif) no-repeat;*/

}
/* Conteneur image en tete -------------------------------------------------- */
#blockimagetop {
	position: relative;
	top: 15px;
	left: 15px;
	width: 880px;
	height: 85px;
	background: url(graphiques/banniere.jpg) no-repeat;
}
/* Conteneur des albums, vignettes, formulaires... -------------------------- */
#blockcontent {
	min-height: 400px;
	width: 880px;
	background-color: #242424;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}
/* Conteneur barre de lien en tete ------------------------------------------ */
#blocksidebar {
	position: relative;
	top: 15px;
	left: 15px;
	height: 18px;
	width: 878px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 2px;
	font-size: 8pt;
	background: url(graphiques/sidebar.gif) repeat-x;
	text-align: left;
	color: #b0b0b0;
}
#blocksidebar a:link {
	color: #d0d0d0;
}
#blocksidebar a:visited {
	color: #d0d0d0;
}
#blocksidebar a:hover {
	color: #0099ff;
}
/* Conteneur Menu gauche ---------------------------------------------------- */
#block-left-menu {
	float: left;
	width: 170px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 50px;
	font-size: 8pt;
	background: url(graphiques/arabesque.jpg) no-repeat;
	background-position: center bottom;
	height: auto;
}
.titre-rubrique-menu {
	display: block;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(graphiques/onglet.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 20px;
}
.titre-article-menu {
	display: block;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(graphiques/onglet.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 20px;
}
.item-left-rubrique {
	display: block;
	font-size: 8pt;
	border: 1px #666666 solid;
	background-color: #474747;
	padding: 5px;
}
.item-left-menus {
	display: block;
	font-size: 8pt;
	border: 1px #666666 solid;
	background-color: #474747;
	padding: 5px;
}
.item-left-page-articles {
	display: block;
	font-size: 8pt;
	border: 1px #666666 solid;
	background-color: #474747;
	padding: 5px;
}
.item-left-pagearticles-select {
	display: block;
	font-size: 8pt;
	border: 1px #666666 solid;
	background-color: #666666;
	padding: 5px;
}
/*Page d'accueil ------------------------------------------------------------ */
#blockaccueil {
	float: right;
	width: 665px;
	border-left: 1px #333333 solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
/*contenu fictif pour forcer le content à aller au dessous du bloc accueil pour mozilla*/
.spacer {
	clear: both;
}
/*Page Articles ------------------------------------------------------------- */
#blockarticle {
	float: right;
	width: 660px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background-color: #474747;
}
/* Conteneur des commentaires utilisateurs article -------------------------- */
#blockpostarticle {
	width: 300px;
	/*background-color: #ffffff;*/
	border-top: 1px dotted b0b0b0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* Conteneur des news ------------------------------------------------------- */
#blockpostnews {
	width: 650px;
	background-color: #474747;
	padding: 5px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
/* Rubrique News ------------------------------------------------------------ */
.titre-news {
	display: block;
	font-size: 8pt;
	font-weight: bold;
	background-image: url(graphiques/onglet.gif);
	background-repeat: no-repeat;
	background-position: 0% 40%;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}
/* Rubrique Article ------------------------------------------------------------ */
.titre-articles {
	display: block;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(graphiques/article.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	padding-left: 18px;
  margin-bottom: 5px;
}
/* Conteneur des commentaires guestbook ------------------------------------- */
#blockpostguestbook {
	width: 80%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* Conteneur des informations et posts utilisateur des images --------------- */
#blockpostimage {
	width: 750px;
	/*background-color: #ffffff;*/
	border-bottom: 1px dotted #b0b0b0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
/* Conteneur formulaire ----------------------------------------------------- */
#blockformulaire {
	width: 300px;
	border: 1px solid #000000;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	background-color: #efefef;
	color: #B2B4BF;
	alignment-adjust: auto;
}
#blockformat {
	width: 705px;
	background-color: #cccccc;
	border: 1px solid #999999;
}
.textareastyle {
	width: 705px;
	border: 1px solid #999999;
}
.inputgeneral {
	width: 705px;
	border: 1px solid #999999;
}
.inputconnect {
	width: 280px;
	border: 1px solid #999999;
}
.inputgestion {
	width: 475px;
	border: 1px solid #999999;
}
/* Conteneur Images Medias -------------------------------------------------- */
.submitdelete {
  background: url(graphiques/bouton.jpg);
  border: none;
	width: 141px;
	height: 25px;
	font-size: 8pt;
	color: #b0b0b0;
}
/*table gestion des users*/
.tableusers {
	border: thin #e7e7e7 solid;
	background-color: #FFFFFF;
}
.rowusers {
	background-color: #e7e7e7;
	font-weight: bold;
	padding: 3px;
}
.cellusers {
	border-bottom: thin #e7e7e7 solid;
	padding: 3px;
}
/*table de gestion des images du dossier "medias"*/
.tablemedias {
	border: thin #e7e7e7 solid;
	background-color: #FFFFFF;
}
/* Liste des albums  -------------------------------------------------------- */
ul#album {
	float: left;
}
ul#album, ul#album li {
	list-style: none;
	margin: 3px;
	padding: 0px;
}
ul#album li {
	float: left;
	display: inline;
}
ul#album img {
	display: inline;
	float: left;
	border: 0px;
	margin-right: 5px;
	padding: 5px;
}
ul#album a {
	display: block;
	width: 420px;
	height: 113px;
	padding: 2px;
	background: #c0c0c0;
	color: #444444;
	border: 1px solid #d5d5d5;
	text-align: justify;
	font-size: 8pt;
	text-decoration: none;
}
ul#album a:hover {
	background: #939393;
	color: #222222;
	border: 1px solid #d5d5d5;
	text-decoration: none;
}
/* Conteneur des vignettes -------------------------------------------------- */
#thumb {
	float: left;
}
#thumb a {
	display: block;
	padding: 9px;
	margin: 2px;
	border: 1px solid #d5d5d5;
	background: #c0c0c0;
	color: #444444;
}
#thumb a:visited {
	border: 1px solid #d5d5d5;
	background: #c0c0c0;
	color: #444444;
}
#thumb a:hover {
	border: 1px solid #d5d5d5;
	background: #939393;
	color: #222222;
}
/* Classe des images agrandies ---------------------------------------------- */
#images {
	display: block;
	margin-top: 10px;
}
#images img {
	background: #efefef;
	border: 1px solid #B5AEA4;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	padding: 14px;
}
/* Titre de  l'album page des vignettes  ------------------------------------ */
#titlealbum {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}
/* Conteneur pour le lien de retour a l'album de la page des vignettes ------ */
#returnalbum {
	clear: both;
	text-align: center;
}
/* Conteneur pour les liens action sur album, images etc... ----------------- */
#blocklinkaction {
	clear: both;
	text-align: center;
	font-size: 7pt;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* Conteneur pour les Captcha ----------------------------------------------- */
#blockcaptcha {
	width: 242px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #999999;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
}
#blockcaptcha input {
	width: 122px;
	height: 19px;
	border: 1px solid #999999;
}
/* Message d'erreurs -------------------------------------------------------- */
.mess_erreur {
	background-color: red;
	border: 1px solid #000000;
	padding: 5px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 80%;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
}
/* Message ok --------------------------------------------------------------- */
.mess_ok {
	background-color: #339933;
	border: 1px solid #000000;
	padding: 5px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 80%;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
}
/* Texte ---------------------------------------------------------- */
.copyright {
	font-size: 7pt;
	font-weight: bold;
}
.annotation {
	font-size: 7pt;
}
.note {
	display: block;
	padding: 1px;
	font-size: 7pt;
	height: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #cccccc;
  border: 1px #666666 solid;
	color: #666666;
}
.namecomment {
	font-size: 8pt;
	font-weight: bold;
}
.messagecomment {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;	
	font-size: 8pt;
}
/* Conteneur pied de page --------------------------------------------------- */
#blockfoot {
	text-align: center;
	height: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 50px;
	padding-bottom: 5px;
  border-top: 1px #333333 solid;
	background: url(graphiques/arabesque.jpg) no-repeat;
	background-position: center top;	
	color: #b0b0b0;	
}