/********************/
/* entetes generaux */
/********************/
body {
	padding				: 30px;
}

div#mainFrame {
	width				: 700px;
	padding				: 20px;
	margin				: auto;
}

div#blogTitle {
	padding-bottom		: 20px;
	margin-bottom		: 20px;
}

h1 {
	display				: none;
}

/*******************/
/*     menu        */
/*******************/
div#mainFrame ul#menu {
	margin-top			: 0px;
	margin-bottom		: 10px;
}


div#mainFrame ul#menu img {
	padding				: 2px;
}

div#mainFrame ul#menu img:hover {
	border				: 1px solid #666;
	background-color	: #ccc;
	padding				: 1px;
	cursor				: pointer;
}

div#mainFrame ul#menu img.disabled:hover {
	border				: none;
	padding				: 2px;
	background-color	: transparent;
	cursor				: default;
}



/*******************/
/* styles generaux */
/*******************/
img {
	border				: none;
}

hr {
	clear				: both;
	visibility			: hidden;
}

a#pagetop {
	float				: right;
}

h2,h3 {
	margin				: 0px;
}

textarea#post {
	width				: 60%;
}


/**********************/
div#fili {
	padding-top			: 20px;
	padding-bottom		: 20px;
	margin-bottom		: 10px;
	_height				: 1%;  /* IE6 and lower hack */
}

div#content {
	width				: 67%;
	padding-left		: 5px;
}

div#sidebar {
	float				: right;
}

div#sidebarAdmin {
	float				: right;
	width				: 50%;
}

div#content p a.leftImg,
div#content p a.rightImg {
	text-align			: center;
	margin-bottom		: 3px;
}

div#content p a.leftImg {
	float				: left;
	margin-right		: 15px;
}

div#content p a.rightImg {
	float				: right;
	margin-left			: 15px;
}

div#success {
	border 				: 3px solid #126B34;
	background-color	: #BBECCD;
	padding				: 10px;
	font-size			: 12pt;
	text-align			: center;
	width				: 60%;
	margin-bottom		: 10px;
}

/****************/
/* divers blog  */
/****************/
div#imageManager {
	border					: 1px solid #fff;
	overflow				: auto;
	height					: 20em;
}

p#copyright {
	clear					: both;
	margin-left				: auto;
	margin-right			: auto;
	margin-bottom			: 0px;
	text-align				: center;
	padding					: 10px;
}

div#postToolBar a {
	border			: none;
	padding			: 1px;
}


div#postToolBar a:hover {
	border			: 1px solid #555;
	padding			: 0px;
	background		: url(../pictures/headtab.gif) repeat-x;
}

table#downloadableFiles {
	border				: 1px solid #666;
	width				: 70%;
	border-collapse		: collapse;
}

table#downloadableFiles th,
table#downloadableFiles td {
	padding				: 3px;
	border				: 1px solid #666;
}

table#downloadableFiles th.cross {
	width				: 20px;
	text-align			: center;
}

table#downloadableFiles th {
	text-align			: left;
	background-color	: #cfccfb;
}

/* LIGHTBOX */
* html #overlay {
	background-color 	: #000;
	back\ground-color	: transparent;
	background-image	: url(blank.gif);
}
	
#lightbox {
	background-color	: #eee;
	padding				: 20px;
	margin				: 10px;
}

#lightboxDetails {
	font-size			: 0.1em;
	color				: #333;
}	

#lightboxCaption	{ float: left;}
#keyboardMsg		{ float: right; }
#overlay			{ background-image: url(overlay.png); }
#lightbox img		{ border: 1px solid #000; } 
#overlay img		{ border: none; }

/*****************/
/**  GALLERIES  **/
/*****************/
div#content div {
    display                 : block;
    float                   : left;
    margin-bottom			: 10px;
    margin-right 			: 40px;
}

div#content div input.checkboxs {
    position                : relative;
    bottom                  : 16px;
	right					: 5px;
}			



/*****************/
/* COLORPICKER   */
/*****************/

div#postToolBar a {
	display			: block;
	float			: left;
	height			: 20px;
	width			: 20px;
}

div#postToolBar div#smileysPanel a {
	margin			: 2px;
}

div#postToolBar a#colorPickerLink,
div#postToolBar a#smileysPanelLink,
div#postToolBar a#filesPanelLink {
	width			: 30px;
}

div#postToolBar a:hover,
div#postToolBar div#smileysPanel a:hover,
div#postToolBar div#filesPanel a:hover {
	cursor			: hand;
}

div#postToolBar a img {
	border			: 0px;
}

div#colorPickerDiv,
div#smileysPanelDiv,
div#picturesPanelDiv,
div#filesPanelDiv {
	float			: left;
	position		: relative;
}





div#colorPicker {
	position			: absolute;
	top				: 22px;
	left				: 0px;
	text-align			: left;
	background-color		: #fff;
	float				: left;
	width				: 130px;
	padding				: 5px;
	border				: 1px solid #3d3d33;
}

div#colorPicker table#colorTab,
div#colorPicker table#colorBar {
	border-collapse			: collapse;
	border				: 1px solid #000;
	cursor				: pointer;
}

div#colorPicker table#colorTab {
	margin-top			: 3px;
	margin-bottom			: 3px;
	cursor				: pointer;
}

table#colorTab tr td {
	width				: 6px;
	height				: 8px;
	border				: none;
}

table#colorBar tr td {
	border				: 0;
	height				: 10px;
}

div#colorSpan,
div#colorBox {
	height				: 15px;
	width				: 15px;
	border				: 1px solid #000;
	margin-right			: 3px;
	cursor				: default;
	float				: left;
}

div#colorBox {
	cursor				: pointer;
}

div#colorPicker > div#colorSpan {
	margin-left			: -1px;
}


div#colorPicker input {
	font-size			: 0.8em;
	width				: 60px;
}

div#colorPicker input#validColorButton {
	width				: 30px;
}


div#smileysPanel {
	position			: absolute;
	top					: 22px;
	left				: 0px;
	text-align			: left;
	padding				: 3px;
	background-color	: #fff;
	float				: left;
	display				: none;
	width				: 190px;
	border				: 1px solid #3d3d33;
}


div#smileysPanel img {
	display				: block;
	margin				: 2px;
}

div#filesPanel {
	position			: absolute;
	top					: 22px;
	left				: 0px;
	text-align			: left;
	padding				: 3px;
	background-color	: #fff;
	overflow			: auto;
	float				: left;
	display				: none;
	width				: 250px;
	border				: 1px solid #3d3d33;	
}

div#filesPanel span {
	font-size			: 0.9em;
	font-weight			: bold;
	display				: block;
	margin-left			: auto;
	margin-right		: auto;
	margin-bottom		: 10px;
	border-bottom		: 1px solid #3d3d33;
}

div#filesPanel a {
	display				: block;
	float				: none;
	width				: auto;
	text-decoration		: none;
	font-size			: 0.8em;
}

div#filesPanel a:hover {
	color				: #000; 
	text-decoration		: none;
}



div#picturesPanel {
	position			: absolute;
	overflow			: auto;
	top					: 22px;
	left				: 0px;
	width				: 350px;
	height				: 320px;
	background-color	: #fff;
	color				: #000;
	border				: 1px solid #3d3d33;
	font-size			: 0.7em;
}

div#picturesPanel div {
	height				: 220px;
	overflow			: auto;
	margin				: 3px;
	border-bottom		: 1px solid #333;
	padding				: 1px;
}

div#picturesPanel div img {
	padding				: 3px;
	border				: 1px solid #fff;
}

div#picturesPanel div img:hover {
	cursor				: pointer;
}

div#picturesPanel label {
	float				: left;
	text-align			: right;
	display				: block;
	width				: 25%;
	position			: relative;
	top					: 4px;
	margin-left			: 5px;
	margin-right		: 5px;
}

div#picturesPanel input#choicePicture {
	margin-right		: 5px;
	float				: right;
}

.leftImg {
	float				: left;
	margin-right		: 5px;
	margin-bottom		: 5px;
}

.rightImg {
	float				: right;
	margin-left			: 5px;
	margin-bottom		: 5px;
}

.left {
	text-align			: left;
}

.right {
	text-align			: right;
}

.center {
	text-align			: center;
}

.u,
.s {
	text-decoration		: underline;
}