@font-face {
	font-family: 'SectionTitles';
	src: url('xenophone.eot');
	src: local('Xenophone Regular'), local('Xenophone'), url('xenophone.ttf') format('truetype');
}

/* ==============
 * BASE FRAMEWORK
 * ==============
 * This section is based on the Blueprint CSS Framework 0.9 
 * Copyright (c) 2007-Present. See LICENSE for more info.
 * For credits and origins, see AUTHORS.
 * URL: http://blueprintcss.org
 */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:76%;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
strong {font-weight:bold;}
.last {margin-right:0;padding-right:0;}

/* grid.css */
.container {width:960px;margin:0 auto;}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* ============================ */

body { background: black url(../../IMG/css/body_pattern.jpg) repeat top left; }

p, a, span, li { font-size: 13px; }
h3, h3 a { font: 16px 'SectionTitles', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; padding:12px 0 0 0; color:#ffeca8; text-decoration: none;}
a { color: white; }

#banner { height:140px; background: transparent url(../../IMG/css/banner.gif) no-repeat top center; }
#banner a { width: 960px; height: 100px; display:block; text-decoration: none; }

#main,
#blog, 
#forum_input { width:640px; float:left; margin-right:32px; }

#main .head, 
#welcome .head, 
#forum_input .head { height:35px; background: transparent url(../../IMG/css/main_head.gif) no-repeat top left; }
.chunk .head { height:35px; background: transparent url(../../IMG/css/chunk_head.gif) no-repeat top left; }

#main .head h1, 
#welcome .head h1, 
#forum_input .head h1, 
.chunk .head h1 { padding: 7px 0 0 40px; color: #ffeca8; font: 21px 'SectionTitles', "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; }

#main .body,
#welcome .body,
#welcome .foot,
.chunk .body,
.chunk .foot,
#forum_input .body,
#forum_input .foot,
#pagination {
    padding: 0 40px;
    background: transparent url(../../IMG/css/main_body.gif) repeat-y top left;
    color: white;
}

#main p, 
#blog p, 
#forum_input p { padding:6px 0; }

#welcome .foot, 
.chunk .foot { padding: 6px 40px 24px; }

#main .foot,
#blog .footer,
#forum_input .foot {
    height:10px;
    background: transparent url(../../IMG/css/main_foot.gif) no-repeat top left;
}

#main #chapo { font-weight: bold; }
#main .event ul { list-style-type: none ; }
#main li {padding: 3px 0;}

#main .spip_documents_right { margin-left:12px;}
#main .spip_documents_left { margin-right:12px;}
#main .spip_documents_center { margin:0 12px;}

#pagination, #url2oldies { padding: 6px 0; }
#url2oldies a { color:#ffeca8; } 

#forum {padding:20px;}
#forum h2 {font-weight: bold;}
#forum h2, #forum p, #forum a, #forum li, #forum span { font-size: 10px; }
#forum p { padding:3px 0; }
#forum ul {list-style-type:none; }
#forum li { padding-left:6px; }
#forum li li {padding-top:12px;}
#forum li.forum-fil {background: #467ab7;margin:6px 0;padding-top:6px; padding-bottom:6px;}

#forum_input #parent { margin-top: 0px; padding:6px; background: #467ab7;}
#forum_input #parent h3 { padding-top:0; }
#formulaire_forum ul {list-style-type:none;}
#formulaire_forum legend { font: 16px 'SectionTitles', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; padding:12px 0; color:#ffeca8; text-decoration: none;}
#formulaire_forum .moderation_info {border-top: 1px solid #ffc33e; border-bottom: 1px solid #ffc33e; margin-bottom:20px;}
#formulaire_forum .moderation_info p {padding:6px;color:#ffc33e;font-weight:bold;}
#formulaire_forum .moderation_info legend {display:none;}

#menus { float:left; background:transparent; }
#menus .inter-menu-spacer { height: 40px; background: transparent; }

#menus,
#menu-1 .head,
#menu-1 .body,
#menu-1 .foot,
#menu-2 .head,
#menu-2 .body,
#menu-2 .foot,
#credits,
#perluet { width: 288px; }

#menu-1 .head,
#menu-1 .foot,
#menu-2 .head,
#menu-2 .foot { height: 10px; line-height: 10px; }


#menu-1 .head { background: transparent url(../../IMG/css/menu_1_head.gif) no-repeat top left; }
#menu-1 .body { background: transparent url(../../IMG/css/menu_1_body.gif) repeat-y top center; }
#menu-1 .foot { background: transparent url(../../IMG/css/menu_1_foot.gif) no-repeat top left; }

#menu-2 .head { background: transparent url(../../IMG/css/menu_2_head.gif) no-repeat top left; }
#menu-2 .body { background: transparent url(../../IMG/css/menu_2_body.gif) repeat-y top center; }
#menu-2 .foot { background: transparent url(../../IMG/css/menu_2_foot.gif) no-repeat top left; }

ul, ol { color: white; }

#menus ul { padding: 0 10px; list-style-type: none; }
#menus ul ul { padding-right: 0; }
#menus li { font-weight: bold; }

#menus a { text-decoration: none; }

#menus li.ok a.ok, strong { color: #ffc33e;}
#menus li.ok a.ko, i, span.label { color: #ffeca8;}
#menus li.ko a.ok,
#menus li.ko a.ko { color: white; }

#menus li.ko a:hover { border-bottom: 1px dotted white; }
#menus li.ok a.ok:hover { border-bottom: 1px dotted #ffc33e; }
#menus li.ok a.ko:hover { border-bottom: 1px dotted #ffeca8; }

#menus #credits .clearfix a {display:block; height:120px;}
#menus #cjp {width:120px; height: 120px; margin: 0 24px 0 10px; background: transparent url(../../IMG/css/logo_cjp.gif) no-repeat center center; float:left;}
#menus #pcwb {width:120px; height: 120px; background: transparent url(../../IMG/css/logo_pcwb.gif) no-repeat center center; float:left; margin-right:10px;}
#menus #perluet{height: 120px; margin-top:40px; text-align: center;}
#menus #perluet .label {color:#26416d;font-weight:bold;}
#menus #perluet .value {color:#467ab7;}

div.decoupe_haut{display:none !important;}