/** CSS Flemwork **/

.halfsize
{
	width:					48%;
	margin-right:			5px;
	float:					left;
}
form fieldset
{
	border:					none;
	border-top:				1px solid #888;
	margin:					1em 0.5em 1em 0;
	padding:				1em 0;
}

form legend
{
	font-weight:			bold;
	font-size:				1.2em;
	color:					#888;
	margin:					auto;
	margin-left:			0;
	padding:				0 .25em 0 0;
}
label
{
	width:					10em;
	float:					left;
	padding:				.2em .8em 0 0;
	margin-right:			.4em;
	text-align:				right;
	font-size:				1.1em;
}
label.error
{
	color:					#ff0000;
}

 span.infoupload
{
	display:				block;
	color:					#888;
	font-size:				0.85em;
	margin-bottom:			0.5em;
}
form div.label,
form div.note,
form div.footer
{
	clear:					both;
	margin:					1em 0 0 0;
	padding:				0.1em 0.3em;
}

form div.note
{
	margin-left:			.5em;
}




input.submit
{
	font-weight:			bold;
	color:					#333;
	width:					auto;
	padding-right:			6px;
	padding-left:			6px;
}


/**
 * Thats the basic css needed for the upload bars
 */

.photoupload-queue
{
	list-style:				none;
}
.photoupload-queue li
{
	background:				url(photo_upload.png) no-repeat 0 5px;
	padding:				5px 0 5px 22px;
}

.photoupload-queue .queue-file
{
	font-weight:			bold;
}

.photoupload-queue .queue-size
{
	color:					#aaa;
	margin-left:			1em;
	font-size:				0.9em;
}

.photoupload-queue .queue-loader
{
	position:				relative;
	margin:					3px 15px;
	font-size:				0.9em;
	background-color:		#ddd;
	color:					#fff;
	border:					1px inset #ddd;
}
.photoupload-queue .queue-subloader
{
	text-align:				center;
	position:				absolute;
	background-color:		#81B466;
	height:					100%;
	width:					0%;
	left:					0;
	top:					0;
}

.photoupload-queue .input-delete
{
	width:					16px;
	height:					16px;
	background:				url('images/delete.png') no-repeat 0 0;
	text-decoration:		none;
	border:					none;
	float:					right;
}

.info{
	font-weight:bold;
	color:#2582A4;
	background: #F9F9F9 url('images/info.png') no-repeat left;
	width:100%;
	border:1px dotted #CCCCCC;
	padding-left:20px;
	padding-top:2px;
	
}


.center{
	text-align:center;
}

.alert{
	color:red; 
	font-weight:bold;
}

.alert_form{
	background:none;
	color:white;
	float:left;
}


a img.noborder{
	border:0;
	text-decoration: none;
}

.nbresultat {
	text-align: right;
	font-weight:bold;
	font-style:italic;
}


#pagination{
	text-align: left;
	width:100%;
	border:1px dotted #CCC;
	word-spacing: 5px;
	height:26px;
	color: #AAAAAA;
}

#pagination a, #pagination div{
	width:20px;
	height:18px;
	background:#FFF;
	border:1px solid #CCC;
	display:block;
	float:left;
	text-align: center;
	margin:3px;
	text-decoration: none;
	font-weight:bold;
}

#pagination a:hover, #pagination div:hover{
	background:#F4FFBF;
}

#pagination a.neutre{
	width:30px;
	height:inherit;
	background:none;
	border:0;
	display:block;
	float:left;
	margin:4px;
}


.fichier{
	float:left;
	margin:10px;
	margin-left:10px;
	margin-right:10px;
	border:1px solid #DDD;
	padding:4px;
	text-align: center;
	width:110px;
}

.fichier:hover{
	border:1px solid #F08A21;
	
}

.fichier a {
	border:0;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	
}

.fichier a:hover {
	color:#F08A21;
	
}

.gras {
	font-weight:bold;
}

.floatleft{
	float:left;
}