@charset "UTF-8";
/* CSS Document */
/* CSS FRONT OFFICE */

/* ####################################### */
/* INITIALISATION DES STYLES ############# */
/* ####################################### */
body {
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,p,ul,li{
	font-weight:normal;
	list-style:none;
	margin:0;
	padding:0;
	font-size:1em;
}


h1{
	font-size:48px;
	line-height:45px;
}

h2{
	font-size:32px;
}


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


.alignRight{
	float:right;
}

/* ####################################### */
/* STRUCTURES ############################ */
/* ####################################### */
#page{
	width:1000px;
}

#navBar{
	width:300px;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	overflow:auto;
	background:#fff;
}

#header{
	color:#F00;
}

#menu{
	color:#F00;
}

#menu ul li{
	margin-top:0.5em;
}

#menu ul li p{
}

#nav{
	width:690px;
	margin-left:300px;
	float:right;
	position:fixed;
	background:#fff;
	top:0;
	left:0;
}


#nav ul{
}

#nav ul li{
	float:right;
	margin-left:1em;
	font-size:16px;
}

#content{
	width:700px;
	margin-left:300px;
}

.container{
	margin:10px 10px 0px 10px;
}

#content .container{
	margin:60px 10px 0px 10px;
}

#content hr{
	border:0;
}

#content p{
	margin:0;
	padding:5px 0px;
	text-align:left;
	font-size:16px;
}

/* ####################################### */
/* BLOCS INTRO ########################### */
/* ####################################### */
#content #blocIntro li{
	width:200px;
	height:230px;
	float:left;
	font-size:16px;
	margin:0px 10px 10px 0px;
	padding:2px;
	border:solid #ccc 1px;
}

#content #blocIntro li:hover{
	border:solid #ff0000 1px;
}

#content #blocIntro li p{
	font-size:16px;
	text-align:left;
	padding:2px;
}

#content #blocIntro li h2{
	font-size:32px;
	margin:0 0 0.1em 0;
	text-align:left;
	padding:2px;
}


/* ####################################### */
/* COLLECTIONS ########################### */
/* ####################################### */
#content h1{
	font-size:48px;
	margin:0.5em 0;
}

#content h2{
	font-size:32px;
	margin:8px 0;
}

#content h3{
	font-size:16px;
	font-weight:bold;
	margin:0.5em 0;
}

#content.collection p{
	padding:0px 0px;
}

#content.collection hr{
	margin-bottom:1em;
}

#content.collection p .libelle{
	font-weight:bold;
	color:#F00;
}

#content ul{
	margin:0;
	padding:10px 0px;
}

#content ul li{
	padding:2px 0px;
	font-size:16px;
}

#content ul li.column{
	text-transform:uppercase;
}

#content ul li.column span{
	text-align:left;
}

#content ul li span{
	padding:0px 5px;
	display:inline-block;
	width:180px;
	border-right: solid 1px #D0D0D0;
	font-size:16px;
	height:40px;
	vertical-align:top;
}

#content ul li.alternate {
	display:inline-block;
	background-color: #D0D0D0;
}

#content ul li.alternate span{
	border-right: solid 1px #fff;
}

#content ul li span:last-child{
	border:none;
}


#content ul li.collection .title a, #content ul li .institution a{
	color:#000;
}
#content ul li.collection .title a:hover, #content ul li .institution a:hover{
	color:#F00;
}
#content ul li.collection .title a:visited, #content ul li .institution a:visited{
	color:#F00;
}

#content ul li .title{
	width:230px;
}

#content ul li .institution{
	width:230px;
}

#content ul li .country{
}

#content ul li .type{
	width:250px;
}

#content p.date{
	font-weight:bold;
}

#content p.small{
	font-size:16px;
	border-bottom:none;
}

#content p.back{
	font-size:16px;
	padding:10px 0px;
	border-bottom:none;
	text-align:right;
}




#footer{
	clear:both;
}

/* ####################################### */
/* FORMULAIRES ########################### */
/* ####################################### */
fieldset{
	margin:16px 0px;
        padding:0px;
	border:dashed 0px #999;
}

fieldset legend{
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
}
form{
	margin:0;
	padding:0;
}
form label{
	float:left;
	width:200px;
}

input, textarea{
	background:transparent;
	border: solid #999 1px;
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	padding:1px;
	margin:1px;
}

.textfield{
	width:400px;
}
.textarea{
	width:400px;
	height:150px;
}

hr.lineClear{
	clear:both;
	border:none;
}