html {
	/*correction pour ff safari	*/
	height: 101%;

}

body {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 0.8em;
margin : 0 0 0 0;
padding : 0 0 0 0;
background-color : white;
background-image : url(../img/fond.jpg);
background-repeat : repeat-x;
text-align : center;
}
#topheader ul, #topheader li {
width : 792px;
height : 20px;
padding : 0;
background-color : transparent;
border : 0 solid green;
margin-left : auto;
margin-right : auto;
display : inline;
text-decoration : none;
}
#topheader a {
color : white;
font-size : 12px;
padding-right : 1em;
}
#header {
width : 792px;
height : 168px;
background-color : black;
background-image : url(../img/header.jpg);
background-repeat : no-repeat;
border : 0px solid green;
text-align : left;
margin-left : auto;
margin-right : auto;
}
#headertitre {
width : 771px;
background-color : transparent;
border : 0px solid yellow;
padding : 10px;
margin-left : auto;
margin-right : auto;
}
#conteneur {
position : relative;
background-color : white;
width : 792px;
margin-left : auto;
margin-right : auto;
border : 0 solid blue;
overflow : hidden;
}
#contenu {
text-align : left;
border : 0 solid yellow;
background-color : white;
padding-bottom : 150px;
}
#footer {
position : relative;
border : 0 solid green;
margin-left : 700px;
}
#footer p {
font-size : 0.8em;
text-align : left;
}
p {
text-indent : 2em;
text-align : justify;
padding-left : 1em;
padding-right : 1em;
letter-spacing : 1px;
}
.legende {
text-align : justify;
font-size : 1em;
padding-left : 1em;
}
.lettrine {
font-size : 2.4em;
line-height : 0.8em;
color : black;
}
/*séminaires unités du département	*/
.publications {
list-style : none url(../img/arrow.gif);
padding : 0 0 0 2em;
}
.publications li {
font-size : 1em;
margin-bottom : 0.5em;
text-align : left;
}
/*ouvrages de vulgarisation du département	*/
ul#vulgarisation
	{
	list-style: none url(../img/arrow.gif);
	padding: 2em;
	margin-left: 1em;
} 

ul#vulgarisation li	{
	
	font-size: 1em;
	text-align: left;
	margin-bottom: 1em;
	
}

a:link {
text-decoration : none;
color : red;
font-family : arial, helvetica, sans-serif;
}
a:hover {
color : #bebebe;
}
a:visited {
color : red;
text-decoration : none;
}
.nav1:link {
text-decoration : none;
color : black;
font-family : arial, helvetica, sans-serif;
}
.nav1:hover {
color : #bebebe;
}
.nav2:link {
text-decoration : none;
color : white;
font-family : arial, helvetica, sans-serif;
}
.nav2:hover {
color : #bebebe;
text-decoration : underline;
}
.nav2:visited {
color : #bebebe;
text-decoration : none;
}
.nav3:link {
text-decoration : none;
color : red;
font-family : arial, helvetica, sans-serif;
}
.nav3:hover {
color : #bebebe;
}
a.info {
text-decoration : none;
color : aqua;
}
a.info span {
display : none;
}
a.info:hover {
background : none;
z-index : 500;
}
a.info:hover span {
display : inline;
position : absolute;
top : 80px;
left : 280px;
width : 18em;
background-color : black;
padding : 3px;
text-align : left;
}
a img {
border : 0 none;
}

.top {
margin-top : 50px;
}

.right {
float : right;

}
.left {
float : left;
}
#logo {
position: relative;
margin-top : -120px;
margin-left : 580px;
z-index : 2;
}
h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.5em;
color : white;
text-align : left;
letter-spacing : 3px;
}
h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.3em;
color : white;
text-align : left;
letter-spacing : 3px;
}
h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 1.2em;
color : black;
text-align : left;
letter-spacing : 3px;
padding-left : 1em;
}
.copy {
font-size : 1em;
text-align : center;
}
dl, dt, dd, ul, li {
margin : 0 0 0 0;
padding : 0 0 0 0;
list-style-type : none;
}
#sousmenu dt {
background : black;
margin-left : 10px;
line-height : 18px;
text-align : left;
}
#sousmenu dd {
position : absolute;
margin-top : -2.5em;
width : 15em;
background : black;
border : 1px solid silver;
padding : 1em;
z-index : 100;
margin-left : 4em;display:none;
}
#sousmenu li {
text-align : left;
font-size : 85%;
line-height : 20px;
}
#sousmenu li a, #sousmenu dt a {
text-decoration : none; 
}
#sousmenu li a:hover, #sousmenu dt a:hover {
text-decoration : none;
color : silver;
}
ul#menu {
margin : 0 0 0 0;
float : left;
background-color : black;
width : 110px;
height : 200px;
list-style-type : none;
border : 0 solid green;
margin-right : -3px;
}
ul#menu li {
font-size : 1em;
text-align : left;

}
ul#menu a span {
display : none;
}
ul#menu a:hover span {
display : block;
position : absolute;
top : 1em;
width : 350px;
left : 190px;
background-color : black;
padding : 3px;
text-align : center;
color : aqua;
}
#flash {
background-color : black;
width : 792px;
height : 350px;
border : 0 solid silver;
}
#menuimage {
margin : 0 0 0 0;
}
#menuimage img {
margin : 0 0 0 0;
vertical-align : bottom;
}
#historique p {
width : 350px;
margin-top : 2em;
margin-left : auto;
margin-right : auto;
border-style : solid;
border : 1px solid #6b8e23;
padding : 3em;
}
#analyse p {
width : 400px;
margin-top : 2em;
margin-left : auto;
margin-right : auto;
border-right : 2px solid gray;
border-bottom : 1px solid gray;
border-left : 0;
padding : 3em;
background-color : silver;
text-align : left;
}
#collections p {
width : 450px;
margin-top : 2em;
margin-left : auto;
margin-right : auto;
border-right : 2px solid gray;
border-bottom : 1px solid gray;
border-left : 0;
padding : 3em;
background-color : silver;
text-align : left;
}
.collections p {
width : 450px;
margin-top : 2em;
margin-left : auto;
margin-right : auto;
border-right : 2px solid gray;
border-bottom : 1px solid gray;
border-left : 0;
padding : 3em;
background-color : silver;
text-align : left;
}

#menuprojet {
	margin: 0 0 0 0;
	float: right;
	width: 75px;
	height: 200px;
	border:0 solid green;
	margin-right: 2px;

/*mettre une image	*/

}