/****************** mise en page *************************/

body {
	padding: 0px;
	margin: 0px;
	background-color: #FBFBF9;
	color: #390000;
	font-family: Century Gothic, Arial, sans serif;
	font-size: 0.80em;
	background-image: url('img/background_white.gif');
	background-repeat: no-repeat;
	background-position: 5% 95%;
	background-attachment: fixed;
}

#header {
	clear: left;
	padding-bottom: 2px;
	border-bottom : 1px dotted #390000;
}

#navigationHeader {
	padding-bottom: 0.5em;
	padding-top: 0.8em;
	text-align:center;
}

#footer {
	clear: left;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	border-top : 1px dotted #390000;
}

* html #left {
	float: left;
	width: 19%;
	margin-right: 1em;
	margin-top: 2em;
	padding: 1em;
}

*>#left {
	float: left;
	width: 19%;
	padding-left : 2em;
	margin-top: 1em;
	padding: 1em;
}

/* Pour Internet Explorer */
#center {
	float: left;
	width: 59%;
	height: 85%;
}

/* Pour Firefox */
*>#center {
	float: left;
	width: 59%;
	min-height: 80%;
}


/* Internet Explorer */
* html #right {
	width: 19%;
	margin-top: 3em;
	float: left;
}

/* Firefox */
*>#right {
	width: 19%;
	height: 80%;
	margin-top: 3em;
	float: left;
}

#topright {
	height: 50%;
}

#bottomright {
	height: 50%;
	margin-right: 1em;
}

#topleft {
	height: 17%;
}

#bottomleft {

}

#commentaires {
	margin-top : 2em;
	margin-bottom : 0.5em;
	padding : 10px;
	clear: right;
}

.commentaire {
	padding-top : 1em;
}

.commentaire_contenu {
	border : 1px solid #390000;
	padding-top : 0.8em;
	padding-bottom : 0.8em;
	padding-left : 0.5em;
	padding-right: 0.5em;
	margin-top : 0.3em;
}

/* pour IE */
.iconizedList {
	list-style-type : none;
}

/* pour Firefox */
*>.iconizedList {
	list-style-type : none;
	margin-left: -2em;
}

.udrl {
	border-bottom : 1px dashed #BB0022;
}

/****************** liens *************************/

a {
	cursor: pointer;
}

a:link {
	color: #BB0022;
	text-decoration: none;
}

a:visited {
	color: #994444;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}

.icon {
	vertical-align:bottom;
}

/****************** polices de navigation *************************/


#footerInfo {
	font-style: italic;
	font-size: 0.90em;
	text-align: center;
	clear: left;
}

#footerInfo a {
	color: #390000;
}

#innerNavigation {
	position: absolute;
	top: 80%;
	text-align: right;
	width: 100%;
}

#commands {
}

#commands #styleControl {
	font-family: Century Gothic, Arial, sans serif;
	font-size: 0.90em;
}

select {
	font-family: Century Gothic, Arial, sans serif;
	font-size: 0.85em;
	overflow : hidden;
	width : 13em;
}

/******************* styles génériques nécessitant une couleur ************/

.rightDotted {
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px dotted #390000;
}

.dotted {
	padding-left: 1em;
	border : 1px dotted #390000;
}

#relations {
	margin-top: 2em;
	margin-bottom:0.3em;
	padding:0.3em;
	padding-left:2em;
	background-color: #EFE9E9;
	border-top:dotted 1px #390000;
	border-bottom:dotted 1px #390000;
	font-size : 90%;
	clear : both;
}

.relCategory {
	margin-top: 0.5em;
	padding-left: 0.5em;
	border-bottom: dotted 1px #390000; 
}




/****** PARTIE COMMUNE *******/
.paragrapheTitle {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
}

.pageTitle {
	text-align: center;
}

.warningDraft {
	text-align: center;
	padding: 1em;
	background-color: #EFE9E9;
	border-top:dotted 1px #390000;
	border-bottom:dotted 1px #390000;
	margin-top:1em;
	margin-bottom:1em;
	clear:both;	
}


#content {
	padding-bottom: 2em;
}

#relations ul {
	margin-top : 0.5em;
	margin-bottom : 0.5em;
}

img {
	border : 0;
}

.conceptPreviewSubtitle {
	font-size: 0.8em;
}

hr {
	height: 1px;
	color: #390000;
	background-color: #390000;
	border: 0;	
}

.conceptPreviewSeparator {
	margin-top: 1.5em;
	margin-bottom: 2em;
	clear: left;
}

.rssIcon {
	width : 14px;
	background-image: url('img/rss_bordeau.png');
	background-repeat: no-repeat;
}

.trail {
	font-size : 0.8em;
	height : 16px;
	vertical-align : middle;
}


.title {
	font-weight: bold;
	font-size: 170%;
	margin-bottom: 1em;
}

/***************************
 *	 Styles des citations
 ***************************/

.citation {
	padding-left: 1em;
}

.citation.body {
	font-size: 120%;
	padding-left: 1em;
	margin-bottom: 1em;
	text-align: justify;
}

.citation.author {
	text-align: right;
	font-style: italic;
}


/***************************
 *	 Styles du journal
 ***************************/
 
.journalEntry {
	margin-bottom: 2em;
}

.journalEntry.entryDate {
	display: none;
}

.journalEntry.entrySubTitle {
	font-style: italic;
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 2em;
}

.journalEntry.entryText {
	text-align: justify;
}

/***************************
 *	 Styles des pages images
 ***************************/

.pictureBox {
	text-align: center;
	margin-top: 1em;
}

.picture {
	border: 0px;
	clear: both;
}

.pictureLegend {
	font-style: italic;
	padding-top: 0.4em;
	padding-bottom: 1em;
}

.pictureText {
	text-align: justify;
}

/***************************
 *	 Styles des pages text
 ***************************/

.text {
	text-align: justify;
} 

/***************************
 *	Style d'un message d'erreur
 ***************************/

.error {
	font-weight: bold;
	text-align: center;
	padding: 1em;
	font-size: 120%;
}


/***************************
 *	Style du formulaire de saisie
 ***************************/

.inputBox {
	padding : 2em;
	padding-top : 0em;
}

.inputFieldBox {

}

.inputField {
	background-color: #EEEEEE;
	font-family : Century Gothic, Arial, sans serif;
	font-size : 0.85em;
}

textarea.inputField {
	
}

.inputTitle {
	font-weight : bold;
}

.ok {
	text-align : center;
}


/***************************
 *	 Styles de la page unabstractnet
 ***************************/

/**
 * la taille et le center pour la page d'index sont insérés directement dans la page.
 * ainsi on réutilise ce style pour chaque apparition du mot un~abstract.net dans un texte
 **/
.unabstractnet {
	font-family: Century Gothic, sans-serif;
	white-space:nowrap;
	font-style : italic;
}

.unabstractnet .net {
	font-family: Courier, serif;
	font-style : normal;
}


/************ POUR FIREFOX *************/

/***************************
 *	 Styles des citations
 ***************************/

*>.citation {
	padding-left: 1em;
}

.citation>.body {
	font-size: 120%;
	padding-left: 1em;
	margin-bottom: 1em;
	text-align: justify;
}

.citation>.author {
	text-align: right;
	font-style: italic;
}


/***************************
 *	 Styles du journal
 ***************************/
 
*>.journalEntry {
	margin-bottom: 2em;
}

.journalEntry>.entryDate {
	display: none;
}

.journalEntry>.entrySubTitle {
	font-style: italic;
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 2em;
}

.journalEntry>.entryText {
	text-align: justify;
}

/***************************
 *	 Styles des pages images
 ***************************/

*>.pictureBox {
	text-align: center;
	margin-top: 1em;
}

*>.picture {
	border: 0px;
}

*>.pictureLegend {
	font-style: italic;
	padding-top: 0.4em;
	padding-bottom: 1em;
}

*>.pictureText {
	text-align: justify;
}

/***************************
 *	 Styles des pages text
 ***************************/

.text {
	text-align: justify;
}

/***************************
 *	 Styles des pages media
 ***************************/

.metadata {
	font-weight: bold;
}

#hub {
	padding: 2em;
}
	
/******************************
 * STYLE DU CALQUE DE RECHERCHE
 ******************************/

#menu {
	position:absolute;
	filter:		progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3)
			alpha(Opacity=90);
	-moz-opacity:	0.95;
	background : #EFE9E9;
	padding : 2px;
	border-right:solid #000000 1px;
	border-top:solid #DDDDDD 1px;
	border-bottom:solid #000000 1px;
	border-left:solid #DDDDDD 1px;
	width : 18em;
	font-size: 0.90em;
}


/******************************
 *          HUBS
 ******************************/

.hubItemList {
	list-style-type : none;
	margin-left:-1em;
}	

.tagTitle {
	text-align:center;
	font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-size: 200%;
}


/****************** Tags *************************/

.concept_tags {
	float: right;
}

.concept_tags ul {
	list-style-type: none;
	padding: 1em;
	margin: 0px;
}

.concept_tags ul li {
	background-image: url(img/coquette/tag_blue.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 14px; 
}

/****************** Tag Cloud *************************/

.tagcloud {
	text-align: justify;
	border-top:solid 1px #390000;
	border-bottom:solid 1px #390000;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom:1.5em;
	clear:both;
}

.word {
	
}

.tagcloud a{line-height:1.4em;}


.tagcloud a.size0 {
	color:#c3b3b1;
}

.tagcloud a.size1 {
	color:#a78f8e;
}

.tagcloud a.size2 {
	color:#8c6b6a;
}

.tagcloud a.size3 {
	color:#8c6b6a;
}

.tagcloud a.size4 {
	color:#704747;
}

.tagcloud a.size5 {
	color:#704747;
}

.tagcloud a.size6 {
	color:#542323;	
}

.tagcloud a.size7 {
	color:#542323;	
}

.tagcloud a.size8 {
	color:#390000;
}

.tagcloud a.size9 {
	color:#390000;
}

.tagcloud a.selected {
	color:#FBFBF9;
	background-color:#390000;
}

.tagcloud a:hover{
	color:#FBFBF9;
	background-color:#390000;
}