/* GENERAL
-------------------------------------------------------- */
*{margin:0;padding:0;}

body {
background:#000 url(../images/bg_body.gif) repeat-x left top;
color:#fff;
font:x-small Tahoma,Serif;
voice-family: "\"}\""; voice-family:inherit;
font-size:small;
} 

/*h1, h2, h3, h4, h5, h6{
font-family: "Trebuchet MS", sans-serif;
}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
font-size: 1.2em;
}

pre{
width: 100%;
overflow: auto;
border: 1px solid #CCC;
}*/

fieldset{
margin: 20px 10px;
border: 1px solid red;
}

label{
cursor: pointer;
cursor: hand;
}

input,textarea{
border: 1px solid #999;
}

textarea{
width: 250px;
font-size: 1em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:link, a:visited{
color: #bfbfbf;
text-decoration: none;
}
a:hover, a:active{
color: red;
}

.plan_rubriques ul, .plan_articles ul {
margin-bottom: 10px;
}
.plan_rubriques li {
list-style: url(../images/puce.gif);
}
.plan_articles li {
list-style: circle;
}
.plan_rubriques li, .plan_articles li {
margin-left: 20px;
}
.plan_rubriques a, .plan_articles a {
text-decoration: none;
}

/* TEXTE CACHE
--------------------------------- */
h1, h2, h3 {
margin:0;
background-repeat:no-repeat;
background-position:left top;
color:red;
font-size: 2em;
}
hr {
margin: -8px 10px 15px !important;
margin: -15px 10px 0;
color: red;
background-color: red;
height: 1px;
border: 0;
}
h1 span, h2 span, h3 span, #quickSummary p.p1 span {display:none;}

/* La page
-------------------------------------------------------- */
#conteneur {
width: 770px;
margin: 0 auto;
}

#intro {
}

/* L'ENTETE */
div#top{
height: 20px;
color: red;
text-align: center;
}
#top a{
color: red;
}

/* HEADER */
#header {
position: relative;
height: 165px;
background:url(../images/bg_logo.jpg) no-repeat 0 3px;
}
#header h1 {
height: 38px;
margin: 40px 0 0 380px !important;
padding-left: 400px;
position: absolute;
clip: rect(auto 400px 100px auto);
clip: rect(auto, 400px, 100px, auto);
background: transparent url(../images/bg_logo.png) no-repeat top left;
}
#header h1 a {
display: block;
height: 38px;
}
#header p {
position: absolute;
margin: 80px 0 0 500px;
font-size: 1.2em;
font-weight: bold;
}
a#lien-accueil {
 position: absolute;
 left: 380px;
 top: 40px;
 width: 370px;
 height: 60px;
}
.cache {
	text-indent: -5000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}

/* MENU HAUT */
#haut {
margin: 10px 0 80px;
text-align: left;
background-color: transparent;
}
#haut ul{
list-style-type: none;
width: 100%
}
#haut li {
display: block;
float: left;
background: transparent url(../images/bg_menuhaut.jpg) no-repeat;
}
#haut a {
display: block;
width: 107px;
height: 27px;
padding: 6px 1px 0;
color: #fff;
text-align: center;
text-decoration: none;
font-weight: bold;
}
#haut a:hover {
text-decoration: none;
color: red;
background-color: transparent;
}

/* LE CONTENU
-------------------------------------------------------- */
div#wrapper{
margin: 45px 220px 0;
}

#accueil {
margin-bottom: 25px;
}
#accueil p {
margin: 0 5px;
font-size: 1.15em;
text-align: left;
line-height: 1.2em
}

#content {
text-align: left;
background: url(../images/bg_content_bas.jpg) no-repeat 0 bottom;
}
.post {
margin-bottom: 10px;
padding: 0 1.5em 1em 1em;
background: url(../images/bg_content.jpg) no-repeat 0 10px;
line-height: 1.7em;
}
.post div#accueil {
padding-bottom: 1em;
background: transparent url(../images/separateur.jpg) no-repeat center bottom;
}
.post div.news {
padding-bottom: 1em;
}
h2.post-title {
width: 290px;
margin: 0 0 1.5em;
padding-top: 2em;
}
.post-title a {
display: block;
padding-top: .5em;
/*width: 300px;*/
font-size: 1.2em;
background: transparent;
text-decoration: none;
}
.soustitre {
margin: 0;
font-style: italic;
}

.post-content{
font-size: 1em;
margin-bottom: 30px;
}
.post-content div, .post-content p {
margin: 20px 5px;
}

.chapo {
font-size: 1.2em;
}

.descriptif {
text-align: center;
}
#texte {
font-size: 1.2em;
}
#texte p{
text-align: justify;
}

.s_rub{
margin-left: 1.5em;
font-size: 1.2em;
}
.s_rub a{
text-decoration: none;
}

.spip {
margin: 0;
}
.spip li, .spip ol {
font-size: 1.15em;
}
.spip li {
margin: 0 0 0 20px;
}
.texte h3 {
margin: 0;
text-align: center;
font-size: 2em;
}

/* TABLEAUX */
table.spip {
margin: auto;
margin-bottom: 1em;
border: 1px solid white;
border-collapse: collapse;
}
table.spip caption {
caption-side: top; /* bottom pas pris en compte par IE */
text-align: center;
margin: auto;
padding: 3px;
font-weight: bold;
}
table.spip tr.row_first {
background: red;
}
table.spip tr.row_odd {
background: #000; 
}
table.spip tr.row_even { 
background: #000; 
}
table.spip th, table.spip td { 
padding: 3px; 
text-align: left; 
vertical-align: middle; 
background: transparent; 
border: 1px solid white; 
}

/* CITATION */
.post-content blockquote{
font-family: Georgia, serif;
font-style: italic;
}

/* FORUMS */
#comments {
margin: 0 5px;
padding: 0 0 1em;
}
#barre_1 {
width: 250px;
margin:5px
}
div.formulaire_forum {
width: 250px;
}
div.formulaire_forum form {
width: 250px;height: 1%;

}
div.formulaire_forum input {
width: 250px;
}
div.formulaire_forum table.spip_barre {
width: 250px;
}
div.formulaire_forum textarea.textarea_1 {
width: 250px;
}
/* PLAN */
.plan {margin:0;padding:0;}
.plan  h2{
margin: 1em;
font-size: 1.2em;
}
.plan ul {
margin: 0 0 0 1em;
}
ul.recherche  {
margin: 0 0 0 2em;
}

/* LOGIN */
#login p{
margin: 1em;
}
#login input {
margin: 1em;
}
.reponse_formulaire {
color: red;
font-size: 1.5em;
margin: 1em;
}
/* LES BARRES DE NAVIGATION
-------------------------------------------------------- */
#sidebar_left h2, #sidebar_right h2 {
margin: 20px 0 0;
padding-top: 5px;
height: 43px;
color: #000;
font-size: 1.5em;
}

/* SIDEBAR LEFT */
div#sidebar_left{
float: left;
width:210px;
text-align: center;
}
#sidebar_left h2{
background : transparent url(../images/bg_side_left.jpg) no-repeat;
}
#sidebar_left ul{
text-align: left;
}
#sidebar_left ul  {
list-style:none;
}
/*#sidebar_left li{
margin-top: 10px;
}
#sidebar_left .sous-menu li{
margin-top: -.4em;
}
#sidebar_left a {
color: #fff;
text-decoration: none;
font-size: 1em;
}
#sidebar_left a:hover {
color: red;
}
#sidebar_left a.sous-menu  {
color: #BFBFBF;
font-size: .8em;
}
#sidebar_left a:hover.sous-menu  {
color: red;
}

/* NEWS */
.news {
margin: 0 5px 0 0;
}
h2.news {
margin-top: 10px;
}
h3.news {
font-size: 1.2em;
}
ul.news {
}
li.news {
line-height: 1.1em;
}

/* SIDEBAR RIGHT */
div#sidebar_right{
float:right;
width:210px;
text-align: center;
}
#sidebar_right h2 {
background : transparent url(../images/bg_side_right.jpg) no-repeat;
}
/* RECHERCHE */
#search input{
margin: 5px !important;
margin: 0 5px;
font-size: 1em;
}

/* CALENDRIER */
#calendar {
}
#calendar table {
border: none;
border-collapse: collapse;
width: 90%;
margin-left: 10px;
color: #000;
font-size: small;
}
#calendar caption {
margin-top: 10px;
margin-right: -10px;
margin-left: 10px;
background-color: #fff;
color: #000;
}
#calendar caption a{
color: #000;
text-decoration: none;
}
#calendar caption img{
border: none;
}
#calendar th {
text-transform: lowercase;
border: none;
/*width: 100%;
padding: 5px;*/
background-color: red;
color: #fff;
}
#calendar td {margin:0;padding:0;
border: none;
width: 1.2em;
height: 1.5em;
/*padding: 4px 4px;*/
text-align: center;
background-color: #fff;
}
#calendar td a {
margin:0;padding-top:0;
height: 1.5em;
display: block;
background-color: #808080;
vertical-align: middle;
color: #fff;
text-decoration: none;
}
#calendar td a:hover {
color: red;
background-color: #bfbfbf;
}
#calendar td.today {
background-color: red;
}
#calendar .horsperiode {
color: #fff;
}

/* CONCERTS */
#concerts {
margin-top: 20px;
}
.concerts {
margin-left: 5px;
}
.concerts img {
margin:0;
border: none;
}
.concerts li{
list-style-type: none;
margin-bottom: 2em;
}

/* Le pied de page
-------------------------------------------------------- */
div#footer{
clear: both;
color: red;
text-align: center;
margin: 1em auto;
}
#footer a{
	color: red;
}