/*Feuille de style personnalis�e*/

/*annuler r�glages par d�faut des navigateurs*/
:link,:visited {text-decoration:none;}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6, pre,code {color: #CCC;}
*{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none; line-height: 1.5;}
a {text-decoration: none; color: #000; font-weight: normal;}
font-weight {normal;}
a.spip_in { color: #990000; } /* liens internes */
a.spip_out { color: #0000FF; } /* liens sortants */
a.spip_ancre { color: #990000;} /* liens ancre */


body {
position:absolute;
     left: 50%; 
     top: 50%;
     width: 900px;
     height: 530px;
     margin-top: -265px; /* moitié de la hauteur */
     margin-left: -450px; /* moitié de la largeur */
}


h2 {
font-family: Times New Roman ; 
font-size: 8px;
color: #CCC;
}

h4  {
position: relative;
width: 470px;
height: 50px;
text-align: left;
font-family: Arial, sans-serif;
font-size: 11px;
color: #FFF;
font-weight : normal;
}

/*En t�te*/
#logo {
text-align: left;
}

#header {
position: relative;
height: 50px;
background: #CC0000;
z-index: 3;
width: 900px;
}

#entete ul {
list-style: none;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
height: 0.3px;
margin: 10px;
padding-bottom: 30px;
}

#entete li {
float: left;
padding-right: 22px;
}

#entete li a:hover {
color: #CCC;
}

#entete li a {
color: #FFF;
font-weight: bold;
}

#entete li a.on {
color: #000;
cursor: url(cacher.ico);
}



/*-------------gauche----------------*/

#gauche {
position: relative;
background-color:#CC0000;
width: 170px;
list-style: none;
list-style: none;
color: #FFF;
font-size: 13px;
height: 450px;
float: left;
font-family: Arial;
padding-left: 10px;
cursor:url(cacher.ico);
text-align: left;
}

span.gauche {
color: #FFF;
}

#gauche li {
margin-left: 0px;
line-height: 3;
color: #000;
cursor:url(cacher.ico);
font-weight: bold;
}

#gauche ul {
padding-top: 60px;
margin-left: 15px;
color: #FFF;
}

#gauche a {
color: #FFF;
font-weight: bold; 
text-decoration: none;
}

#gauche a:hover{
color: #CCC;
}

#gauche a.on {
text-decoration: none;
color: #000;
cursor:url(cacher.ico);
font-weight: bold;
}


/*-----------------gauche, sp�ciale rubrique "spectacles"------------------*/

#menu {
margin-top: 60px;
line-height: 3;
}

#menu a {
text-decoration: none;
}


#menu dt {
cursor: pointer;
width: 180px;
text-align: left;
font-weight: bold;
font-family: Arial;
font-size: 13px;
padding-left: 2px;
line-height: 3 ;
}



#menu a.on {
color: #333;
}

#menu dd {
color: #FFF;
text-decoration: none;
display: block;
padding: 0;
margin-bottom: 20px;
font-family: Arial;
font-size: 12px;
padding-left: 4px;
}

#menu dd a {
font-weight: normal;
}

#menu dd li {
line-height: 1.5;
}


/*----------Centre*-------------------*/

#centre {
margin-left: 170px;
margin-right: 150px;
list-style: none;
z-index: 10;
height: 450px;
background-image: url("../squelettes/images/courbe.gif")  ;
background-repeat: no-repeat;
background-position: right bottom;
padding-left: 30px;
text-align: left;
}

#centre h1 {
font-family: Times New Roman, serif;
padding-top: 20px;
font-size: 20px;
text-align: left;
color: #FF0000;
font-weight: bold;
}

#centre h3 {
font-size : 14px;
font-weight: bold;
font-family: Times;
color: #333;
}

#centre .texte_petit  {
height: 230px;
overflow: auto;
z-index: 3;
padding-right: 40px;
text-align: justify;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
width: 470px;
margin-top: 20px;
color: #333;
}

#centre .texte {
height: 345px;
overflow: auto;
z-index: 3;
padding-right: 40px;
text-align: justify;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
width: 470px;
margin-top: 20px;
color: #333333;
font-weight: normal;
}

#centre .ps {
position: relative;
width: 470px;
height: 50px;
padding-top: 10px;
text-align: justify;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
text-align: left;
float: left;
color: #333;
}

#centre .ps_petit {
position: relative;
width: 470px;
height: 20px;
text-align: justify;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
text-align: left;
padding-top: 20px;
color: #333;
}


/*--------------droite-------------------*/
#droite {
position: relative;
float: right;
background: #CCCCCC;
text-align: center;
height: 450px;
width: 150px;
font-weight: bold;
margin: 0;
font-size: 13px;
font-family: Times;
padding:0;
}

#droite img {
padding-top : 10px;
}

#droite ul {
font-size : 14px;
font-family: Times New Roman;
color: #000000;
font-weight: bold;
line-height: 2;
}

#droite li a {
color: #666;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
}

#droite a:hover {
color: #333;
}

#negatif {
font-size: 30px;
margin: 0;
color: #CCC;
line-height: 15px;
text-align: center;
font-weight: bold;
}		

/*----------------pied de page---------------------------*/
#pied {
position: relative;
height: 30px;
background-color: #CC0000;
list-style: none;
margin: 0;
z-index: 10;
clear: both; 
padding-bottom: 10px;
}
	
#pied li {
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding-top: 1px;
padding-left: 40px;
float: left;
}

#pied ul {
padding: 10px;
padding-left: 300px;
margin-right: 10px;
}

#pied a {
color: #FFF;
font-weight: bold;
}

#pied a:hover {
color: #CCC;
}

#pied a.on {
color: #000;
cursor:url(cacher.ico);
}

p {margin: 0 0 10px 0;}



/*----------------tableaux---------------------------*/
table.spip tr.row_first { background: none; }
table.spip tr.row_odd { background: none; }
table.spip tr.row_even { background: none; }

table.spip {
margin: 0; 
margin-top: 0; 
border-collapse: collapse; 
border: none ; 
vertical-align: top;
}

table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: left;
	margin: auto;
	padding: 0px;
border: none ; 
	}

table.spip th, table.spip td { border: none ; padding: 0px; text-align: left; vertical-align: middle; }

img, .spip_logos { margin: 0; padding: 0; border: none; }

/*----------------Autres---------------------------*/


div.onglets_bloc .onglets_contenu {
overflow-y: auto;
overflow-x: hidden;
height: 300px;
}