/**
	Généralités
**/

* {margin: 0}

body{
	background: #222;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	padding:1em;
}

p {
	margin-bottom: 1em;
}

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

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

img {
	border-style: none;
}

.clear {
	clear: both;
}

code, pre {
	font-family: monospace;
	text-align: left;
	background: #ddd;
	display: block;
	margin-bottom: 1em;
	margin-top: 1em;
}

/**
	Wrapper
**/

#wrapper {
	width: 780px;
	margin: 1em auto;
	padding: 20px;
	padding-bottom: 0;
	padding-top: 0;
	background: white url(bgss.gif) repeat-y 20px 0;
	color: #222;
}

/**
	Header
**/

#logo {
	float: left;
}

#search {
	text-align: right;
	position: relative;
	width: 300px;
	float: right;
}

#search fieldset {
	border: none;
	padding: 0;
}

#title {
	background: white;
	padding: 0;
	padding-top: 1em;
	margin: 0;
	border-bottom: 1px solid #9ae;
}


#partChooser {
	background: white url(bgBB.gif) repeat-y 0 0;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 140%;
}

#gotoSci, #gotoMus {
	width: 200px;
}

#gotoSci {
	float: left;
	text-align: left;
}

#gotoMus {
	float: right;
	text-align: right;
}

/**
	Content
**/

#content {
	width: 400px;
	margin: 0 auto;
	padding: 0 10px;
	padding-bottom: 1em;
	min-height: 20em;
	text-align: justify;
}

#content h1, 
#content h2, 
#content h3, 
#content h4 {
	text-align: center;
	margin-bottom: 1em;
}

#content h2, 
#content h3, 
#content h4 {
	margin-top: 1em;
}

#content h1 {
	font-size: 200%;
}

#content h2 {
	font-size: 130%;
}

#content a {
	color: #9ae;
	font-weight: bold;
}

#content a:visited {
	color:  #555;
}

#content strong {
	color: #555;
}

#content blockquote {
	margin: .5em 1em;
	padding: 0 1em;
	border-left: .2em solid #9ae;
	font-style: italic;
}

#content blockquote em {
	font-style: normal;
}

#content table {
	border-collapse: collapse;
	text-align: left;
	margin-bottom: 1em;
}

#content table td {
	border: 1px solid #222;
	padding: 0.2em 0.4em;
}

#content > ul {
	margin-bottom: 1em;
}

/**
	Sidebar
**/

#sidebar {
	display: none;
	width: 200px;
}

#sidebar li {
	list-style-type: none;
	font-weight: normal;
	width: 100%;
	border-top: 1px dotted #888;
}

#sidebar li.current {
	font-weight: bold;
}

#sidebar > ul > li {
	border-top: 1px solid #888;
}

#sidebar > ul > li.last {
	border-bottom: 1px solid #888;
}

#sidebar li.self > a {
	color:black;
}

#sidebar a {
	display: block;
}

/**
	Footer
**/

#footer {
	clear: both;
	border-top: 2px solid #9ae;
	margin: 0;
	padding-bottom: 1em;
	background: white;
}

/**
	" Blog "
**/

#actus {
	border-top: 1px solid #ccc;
}

#content .blog_entry {
	border-top: 1px solid #ccc;
	padding-bottom: 1em;
}

#content .blog_entry h2 {
	margin-top: 0;
	margin-bottom: .5em;
	margin-left: 15px;
	text-align: left;
}

#content .blog_entry p.date {
	margin-top: .5em;
	margin-bottom: 0;
	margin-left: 15px;
}

#content .blog_entry .summary {
	margin-left: 15px;
}

/**
	Ditto pagination formatting
**/

#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #9ae;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #9ae;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #555;
}
#ditto_pages a:hover {
    background-color: #abf;
    color: #222;
}

#ditto_summary {
	border-top: 1px solid #ccc;
	padding-top: 1em;
	padding-bottom: 1em;
}


/**
	Changes for the Scientific part
	(aka "part2")
**/

#wrapper.part2 {
	background: white url(bgBs.gif) repeat-y 20px 0;
}

.part2 #gotoSci a {
	color: black;
	font-weight: bold;
}

.part2 #content {
	float: right;
	width: 550px;
	padding: 0 20px 1em 0;
}

.part2 #content h1, 
.part2 #content h2, 
.part2 #content h3, 
.part2 #content h4 {
	text-align: left;
}


.part2 #sidebar {
	float: left;
	display: block;
}

.part2 #sidebar  ul {
	padding-left: 2em;
}

.part2 #sidebar > ul {
	padding-left: 0;
}

/**
	Changes for the Music part
	(aka "part3")
**/

#wrapper.part3 {
	background: white url(bgsB.gif) repeat-y 20px 0;
}

.part3 #gotoMus a {
	color: black;
	font-weight: bold;
}

.part3 #content {
	float: left;
	width: 550px;
	padding: 0 0 1em 20px;
}

.part3 #content h1, 
.part3 #content h2, 
.part3 #content h3, 
.part3 #content h4 {
	text-align: right;
}


.part3 #sidebar {
	float: right;
	text-align: right;
	display: block;
}

.part3 #sidebar ul {
	padding-left: 0;
	padding-right: 2em;
}

.part3 #sidebar > ul {
	padding-right: 0;
}

/**
	Search results formatting
**/

.ajaxSearch_result{
	margin-top: 2em;
}

/**
	Contact form
**/

#EmailForm fieldset {
	border: none;
	padding: 0;
}

#EmailForm label,
#EmailForm input,
#EmailForm textarea {
	display: block;
	width: 100%;
}

#EmailForm .button {
	width: auto;
}

.errors {
	background: red;
	margin: 1em 0;
	padding: .5em;
}

/**
	Publication list
**/

ul.publis {
	list-style-type: none;
	text-indent: -3em;
}

ul.publis li {
	margin-bottom: 1em;
}

/**
	Links list
**/

ul.links > li {
	margin-bottom: 1em;
} 

/**
	Licence
**/

div.licence {
	margin: 1em;
	padding: 0 1em;
	border-left: .2em solid #9ae;
}


/**
	Workarounds
**/

/* IE 7 seems to inherit a 0 padding from somwhere. I don't know why, but it looks awful. So... */

#content ul {
	padding: 0 0 0 3em;
}