* { margin: 0; padding: 0 }
body, html {
    background: #dcddd9;
    font-family: "verdana", sans-serif;
    font-size: 12px;
    color: #444;
    text-align: center;
}
a, a:visited {
    color: #3a668f;
    border-bottom: 1px #888 solid;
    text-decoration: none;
}
a:hover {
    color: #003a59;
    border-bottom: 1px #000 solid;
}

/*
 * En-tête
 * -------
 */
#wrapheader {
    border-top: 4px #b1ff64 solid;
    width: 100%;
    margin-top: 42px;
    background: #222 url('../img/bg_header.jpg') repeat-x;
    height: 200px;
    color: #fff;
}
#header {
    width: 1000px;
    margin: 0px auto;
    height: 200px;
}
#header h1 {
    padding: 5px;
    color: #a8b6bb;
    text-align: right;
    float: right;
    position: relative;
    top: 150px;
    height: 20px;
    left: 0%;
    font-size: 20px;
    font-family: "Georgia", serif;
}
#header h1 span {
    color: #555;
    font-size: 12px;
    font-family: "Georgia", serif;
}
#nav {
    text-align: left;
}
#nav #menu {
    background: transparent url('../img/img_top.png') top right no-repeat;
    width: 450px;
    height: 200px;
    float: left;
}
#menu ul {
    list-style: none;
    padding: 5px 0 0 0;
    margin: 0;
    width: 200px;
    font-size: 11px;
}
#menu ul li {
    margin: 0px;
    padding: 0px 0px 0px 5px;
    height: 27px !important;
    height: 26px;
}
#menu ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 21px !important;
    line-height: 16px;
    padding: 3px 0px 3px 28px;
    border-bottom: 1px #444 solid;
}
#menu ul li a:hover {
    color: #aaa;
    background-color: #333;
}
#menu_programme {
    background: url('../img/book_open.gif') 2px no-repeat;
}
#menu ul li #menu_contact {
    background: url('../img/email.gif') 2px no-repeat;
}
#menu ul li #menu_contact:hover {
    background-color: #333;
}
#menu_about {
    background: url('../img/information.gif') 2px no-repeat;
}
#menu_edito {
    background: url('../img/script.gif') 2px no-repeat;
}
#menu_news {
    background: url('../img/newspaper.gif') 2px no-repeat;
}
#menu_audio {
    background: url('../img/audio.gif') 2px no-repeat;
}
#menu_educnet {
    background: url('../img/educnet.png') 2px no-repeat;
}
#about {
    height: 100px;
    width: 450px;
    float: left;
    position: relative;
    top: -30px;
    padding: 15px 0px 0px 15px;
    color: #fff;
}
#about p:first-letter {
    font-size: 16px;
    font-weight: bold;
}

/*
 * Contenu principal
 * -----------------
 */
#wrap {
    margin: 42px auto;
    width: 800px;
}
#main {
    background: url('../img/bg_main.jpg') top left no-repeat;
    float: right;
    width: 500px;
    margin-top: 42px;
    text-align: left;
}
#main h2, #main h3, #main p {
    padding: 0 10px;
}
#sidebar {
    background: url('../img/bg_sidebar.jpg') top left no-repeat;
    float: left;
    width: 240px;
    margin-top: 42px;
    text-align: left;
}
#sidebar h1 {
    margin: 16px 0px;
    list-style: none;
    font-size: 15px;
    background: #d6ddba;
}
#sidebar #sidebar_date {
    background: #d6ddba url('../img/calendar.png') 5px no-repeat;
    padding-left: 30px;
}
#sidebar table {
    border-collapse: collapse;
    margin: 0 auto;
    font-size: 12px;
}
#sidebar table caption {
    font-weight: bold;
    margin-bottom: 6px;
    margin: 0 auto;
}
#sidebar table thead {
    height: 24px;
    text-transform: uppercase;
    font-size: 11px;
}
#sidebar table td.cal_day {
    border: 1px #b3b8ae solid;
    height: 22px;
    width: 32px;
    text-align: center;
}
#sidebar td a {
    text-decoration: none;
    font-weight: bold;
    color: #000;
    display: block;
    line-height: 22px;
    width: 32px;
    border: none;
}
#sidebar td a:hover {
    background: #ccc;
}
ul.sidebar_list {
    list-style: none;
    list-style-image: url('../img/coolgrey.png');
    margin-left: 24px;
}
ul.sidebar_list li {
    line-height: 20px;
}

#main p.notice {
    border: 1px #689532 solid;
    background: #cbddb6;
    margin: 16px;
    padding: 16px;
}
#main p.notice img { border: none; }
#main h1.big_title {
    margin-top: 24px;
    background: none;
    background-color: #9099a3;
    padding: 4px !important;
    height: 18px;
    color: #000;
    text-align: left;
}

/*
 * Pied de page
 * ------------
 */
#footer {
    background: #333;
    clear: both;
}
#footer p {
    padding: 5px;
    margin: 0;
    text-align: left;
}

/*
 * Mise en forme programme
 * -----------------------
 */
#main h1 {
    margin: 16px 0px;
    list-style: none;
    font-size: 15px;
    height: 16px;
    background: #b6bdba url('../img/date.jpg') left no-repeat;
    padding: 1px 4px 2px 4px !important;
    padding: 0px 4px 0px 4px;
    text-align: right;
}
#main h1 a {
    border: none;
    display: block;
    color: #444;
    font-weight: bolder;
}
#main h1 a:hover { color: #000; }
#main h2, #main h2 a, #main h2 a:visited {
    color: #444;
    font-size: 13px;
    border-bottom: 1px #556d8d solid;
    margin: 8px 0px 16px 0px;
    padding: 0;
}
#main h2:hover a {
    color: #000;
}
#main p.meta {
    margin-bottom: 8px;
    background: #ddd;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    padding: 8px;
}
#main p.presentation {
    margin-bottom: 32px;
}

/*
 * Mise en forme des textes
 * ------------------------
 */
#edito p {
    padding: 10px;
    text-align: justify;
    line-height: 18px;
}
#edito h1 {
    background: transparent;
    text-align: left;
}

#main ul {
    list-style: none;
}
#main ul li {
    margin-bottom: 30px;
}
#main ul li ul li {
    margin: 16px 0px 0px 16px;
    list-style-image: url('../img/small_arrow.png');
}
p.sponsored {
    font-weight: bold;
    color: #333;
    margin: 16px 0px;
}
#main h3 {
    background: #4a5460;
    color: #fff;
    font-size: 13px;
    border-bottom: 1px #556d8d solid;
    margin: 8px 0px 16px 0px;
    padding: 1px;
}
#main h4, #main h5 {
    font-size: 14px;
    border-bottom: 1px #556d8d solid;
    margin: 8px 0px 16px 0px;
    padding: 0;
}
#main blockquote {
    background: #cbd1d7 url('../img/quote.png') top right no-repeat;
    color: #000;
    line-height: 19px;
    margin: 16px 0px;
    padding: 8px;
    font-style: italic;
}
#main blockquote p {
    text-indent: 8px;
}
ul.sidebar_list pre {
    margin-left: 16px;
}
#partenaires p {
    font-weight: bold;
    font-size: 15px;
}
#partenaires a, #partenaires img {
    border: none;
}
p.details {
    color: #000;
}
.centered {
    text-align: center;
}

/*
 * Points de diffusion
 * -------------------
 */
dt {
	font-weight: bold;
	padding: 4px;
	padding-left: 16px;
	margin-top: 8px;
    background: transparent url('../img/coolgrey.png') left 50% no-repeat;
}
dd {
	padding: 4px 0px 8px 24px;
	border-bottom: 1px #ccc solid;
}

/*
 * XITI...
 * -------
 */
#xiti_logo a { border: none; }

/*
 * News
 * ----
 */
p.news_date {
    font-size: smaller;
    text-align: right;
}
div.news_footer {
    width: 100%;
    text-align: right;
}
div.news_footer p {
    margin-top: 16px;
}

/*
 * Headlines
 * ---------
 */
#headlines li.headline {
    padding: 0;
    margin: 0px 0px 4px 24px;
    list-style: circle;
}
#headlines p.headlines_more {
    text-align: right;
    font-size: smaller;
}
.news_item p {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    text-indent: 4px;
}
.news_item ul li {
    list-style-image: url('../img/small_arrow.png');
    margin: -15px 0px 0px 48px;
    padding: 0px;
    line-height: 0px;
}

/*
 * Archives audio
 * --------------
 */
div#audio_archives {
    margin-top: 32px;
}
p.audio {
    margin: 16px 0px;
    padding: 4px;
}
#main li.audio_item {
    list-style-image: url('../img/audio.gif');
    margin-left: 32px;
}
strong.audio_link {
    cursor: pointer;
}
strong.audio_link:hover {
    text-decoration: underline;
}
p.audio_authors {
    margin: 8px 0;
    font-size: 11px;
    padding: 0;
}