/* Bleu FS : #3c67d8 */

/* Head */
div.header {	
	border:none;
	height: 97px;	
	background: #3c67d8 url(../img/fd-header.jpg) top center no-repeat;	
	margin-bottom:1em;
	position:relative;
}

div.header img {	
	height: 73px;	
	width:693px;
	padding:0;
	margin:0;
	padding-left:15px;
	padding-top:25px;
}
div.main {
	/*padding-top:1em;*/
}
div.col_left {	
	/*padding-right:1.7em;		
	border-right:1px solid #CCCCCC;*/
}
div.col_right {	
	/*padding-right:1.7em;		
	border-right:1px solid #CCCCCC;*/
}
.bloc_left {
	/*margin:0;
	padding:0;
	margin-left:-1em;*/
}
.bloc_right {
	/*margin:0;
	padding:0;
	margin-left:-1em;*/
}
div.content {	
	/*margin:0;*/
}
div.pathway {
	height:1.7em;
	line-height:1.7em;
	margin-bottom:1em;
}
div.pathway p {
	padding:0.5em;
	height:1.7em;
	line-height:1.7em;	
	/*margin-left:1em;
	border-bottom:1px solid #CCCCCC;	
	border-top:1px solid #CCCCCC;
	margin-right:3.5em;*/	
}

div.footer {	
	/*border-top:1px solid #CCCCCC;	*/
	/*position:relative;*/
	/*margin-top:1em;*/
}


div.footer p {	
	text-align:center;
	/*padding:1em;*/
}

/* Loading */
#loading {
	text-align:center;
	line-height:0.8em;
	position:absolute;
	left:50%;
	top:50%;
	z-index:99;
	zoom:1;
	background-color:#FFFFFF;
	border:1px solid #3c67d8;
	margin-left:-75px;
}
#loading img{
	padding:0.5em;
	border:0;
	height:32px;
	width:32px;
}
#loading p {
	padding:0.5em;
	color:#3c67d8;	
}

/* Icone Edit Article */
.tools {
	width:16px;
	height:16px;
	float:left;
	padding-right:2px;
	cursor:pointer;
}

/* Bibliothèque */
ul.bibliotheque {
	list-style:none;
}
ul.bibliotheque li {
	padding:1em;
	border:1px #3c67d8 solid;
	margin:1em 0;
	position:relative;
}
ul.bibliotheque img.icone {
	float:left;
}
ul.bibliotheque button {
	position:relative;
	float:right;
	margin:0;
	padding:0;
}

/* Repertoire */
#infos {
	position:relative;
	width:140px;
	height:450px;
	overflow:auto;
	overflow-x:hidden;
	padding:0;
	padding-right:2px;
	margin:0;
	margin-left:-40px;
}

/* Login */
	.ui-dialog .ui-state-error { padding: .3em; }
	.validateTips { border: 1px solid transparent; padding: 0.3em; }


/* Jquuery Ui */
/**/
.ui-widget { margin-bottom:1em;margin-top:1em;}
.ui-widget-header { padding:0; margin:0;} 
.ui-widget-content { padding:0; margin:0;border:1px solid #3c67d8;} 
.ui-widget-header strong{ padding:0.5em 0.5em;height:auto;} 
/* .ui-widget-content { padding:1em; } */
.ui-menu {margin:0;padding:0;height:auto;width:auto;   margin-bottom:0.5em;}
.ui-menu ul {margin:0;padding:0;height:auto;width:148px;}
.ui-menu li {margin:0;padding:0;zoom:1;background-color:transparent;width:auto;}
.ui-menu ul li {margin:0;padding:0;zoom:1; }

.ui-widget-header img { margin-bottom:5px;margin-right:3px;line-height:1em;} 
.ui-widget .ui-widget-content ul,.ui-widget .ui-widget-content li {  list-style:none; }
.ui-menu .ui-menu-item {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
	width:100%;
	
}

/* Articles */
.espace {
	padding:1em;
}
.art-item  {
	position:relative;
}
.art-item button {
	position:absolute;
	right:1em;
	bottom:0em;
}

/* Articles Images */

/* */

.menu_right {
	float:left;
}

ul#item_list {
	padding: 10px 10px;
	margin: 0 0;
	list-style:none;
	width:360px;

}

ul#item_list li {
	padding: 10px 10px;
	margin: 5px 5px;
	float:left;
	width:180px;	
	height:180px;
	text-align:center;
	cursor:move;
	background-color:#CCCCCC;	
	display:inline;	
}

ul#item_list li img{
	border:0; text-align:center;
}
ul#item_list li.default {
	background-color:#FFFF66;	
}



/* Form validation */

div.error {
	background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;padding:1em;margin-bottom:1em;border-width:1px;
}

input.error {background:#FBE3E4;color:#000000;padding:.8em;margin-bottom:1em;border:2px solid #FBC2C4; }
input.success {background:#E6EFC2;color:#000000;padding:.8em;margin-bottom:1em;border:2px solid #264409; }

div.error {
	background-color: #FBE3E4;
	border: 1px solid #FBC2C4;
	margin: 5px;
	padding: 5px;
}
div.error ol li {
	list-style-type: disc;
	margin-left: 20px;
	padding:0;
	border:none;
	background:transparent;
}

div.error { display: none }
.error label.error,label.error {
	display:block;
	clear:both;
	float:left;
	border:0;
	padding:0;
	margin:0;
	background:transparent;
	font-style:italic;
	width:100%;
}


/* Traduction */
#translate-this { position:absolute;top:10px;right:10px;}

.legend-form { width:200px;height:300px;}

