@import "reset.css";
body{
	background: #212121;
	color : white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	padding-top : 4px;
}

#content{
	width : 1000px;
	margin : 0px auto;
	clear :both;
overflow: hidden;
}

a{
	color : #B0B0B0;
	text-decoration : none;
}

a:hover{
	color : white;
	text-decoration: underline;
}

p{
	margin : 8px 0px;
}

em{
	font-style:italic;
}

strong{
	font-weight: bold;
}

ul{
	color : #B0B0B0;
	margin : 8px 0px;
}

li{
	padding:  3px 0px;
}

h1{
	font-size : 1.6em;
	font-family: Georgia;
	margin : 10px 0px;
	clear : both;
}

h2{

	font-size : 1.4em;
	font-family: Georgia;
	margin : 8px 0px;
}

form{
	margin : 10px 0px;
}

form.form_admin{
	width : 400px;
}

fieldset {
	border : 1px solid black;
	padding : 10px;
}


#header{
	width : 100px;
	float : left;
}

#message{

	clear : both;
}

#menu {
	width : 650px;
	float : left;
	border-bottom : 1px solid black;
	padding-bottom : 5px;
}

#menu li{
	display : inline;
	padding : 0px 10px;
}

#menu .menu_admin li{
	padding : 0px 10px;
}

#connexion {
	width : 300px;
	float : right;
}

#connexion label{
	display:none;
}

.remember_me{
	display:none;
}

#connexion img, #connexion p{
	float : left;
	margin : 5px 2px;
}

#connexion p.connected{
	text-align: right;
	width : 180px;
}

#connexion input{
	float : left;
	background : #6F6F6F;
	border : none;
	margin : 5px;
	padding : 2px;
}

#categories{
	overflow : hidden;
}

span.id_group, span.id_user, span.id_category, span.id_picture{
	display:none;
}

p.thumb_photoEL, p.thumb_photoEA{
	float : left;
	margin : 0px;
}

.clear{
	clear : both;
}

a img{
	border: none;
}

#myList li{
	float : left;
}

#footer{
	clear : both;

}

#footer p{
	text-align : center;
}

#footer p.droit_auteur{
	text-align : center;
	color : #676767;
	font-size : 0.8em;
}

.del{
	background : url(img/delete.jpg) no-repeat left top;
	padding-left : 20px;
}

.add{
	background : url(img/add.jpg) no-repeat left top;
	padding-left : 20px;
}

.edit{
	background : url(img/pencil.jpg) no-repeat left top;
	padding-left : 20px;
}

.loggout{
	background: url(img/door_out.jpg) no-repeat left top;
	padding-left : 20px;

}

.last_pic_category li{
	float : left;
	margin : 0px 0px;

	list-style:none;
}

#other_category{
	float : left;
	width : 142px;
	margin : 0px 8px;
	margin-left:0px;
}

#other_category p, #otherPictures p{
	font-size : 0.8em;
	text-align: center;
}

#otherPictures{
	float : left;
	width : 142px;
	margin : 0px 8px;
	margin-right:0px;
}

#otherPictureCarousel li{
	margin : 5px 0px;
	list-style: none;
}

#otherCatPictureCarousel li{
	margin : 0px 5px;
	list-style: none;
}
.last_published_picture{
	/*clear : both;*/
	margin : 0px auto;
	float : left;
	padding-top : 19px;
}

#accueil{

	width : 1000px;
	margin : 0px auto;
	clear : both;
}

#accueil h1{
	display:none;
}

#picture_category ul li{
	/*display: inline;*/
	margin : 0px 5px;
}

#rating,#listComment,#category{
	/*float:left;*/
}

#listComment{
	padding-top : 5px;


}

#category{
	/*float : left;*/
}

#current_picture{
	/*clear:both;*/
	width : 720px;
	margin : 0px auto;
	margin-left:210px;
	float : left;
	text-align: right;
	color : #7C7C7C;
	font-style: italic;
}

#current_picture img{
	padding : 10px;
	border : 1px solid #141414;
	margin : 5px;

}

#details {
	float : left;
	width : 210px;
	font-size : 0.9em;
}

#details h2{
	font-size : 1.1em;
	border-bottom:1px solid #7C7C7C;
	padding-bottom : 5px;
	margin : 12px 0px;
	text-align: right;
	font-weight: bold;
	clear : both;
}

.plus{
	background : url(img/bullet_toggle_plus.png) no-repeat top left;
	padding-left : 13px;
}

.minus{
	background : url(img/bullet_toggle_minus.png) no-repeat top left;
	padding-left : 13px;
}

.pagePicture_otherpicture{
	margin-left : 210px;
}

#colorPalette{
	padding : 5px;
	background : #D7D7D7;
	margin : 22px;
}

.each_color{
	float : left;
	padding : 5px;
	/*width : 155px;*/
}

.each_color_white{
	float : left;
	padding : 5px;
	width : 175px;
}

.similar_color{
	width : 120px;
	height : 145px ;
	border : 1px solid black;
	padding : 5px;
	margin : 5px;
	float : left;
}

#categories li{
	display:block;
	width : 120px;
	height : 150px;
	padding : 5px;
	margin : 10px;
	text-align: center;
	border : 1px solid black;
}

#categories li img{
	padding-bottom : 5px;
}

#listCategoryPictures{
	padding : 0px;
}

#listCategoryPictures li{
	list-style: none;
	display:block;
	float : left;
}

#listAllPictures li{
	list-style: none;
	display:block;
	float : left;
	padding : 0px;
	height : 120px;
}

.rss{
	background : url(img/feed.jpg) no-repeat top left;
	padding-left:20px;
}

div#feed p a{
	height: 20px;
	display:block;
}

table{
	border: 1px solid grey;
}

td{
	padding : 3px;
	margin : 2px;
	background : #626262;
}

th{
	background : #3B3B3B;
	padding : 5px;
}

tr{

}