/*  
Auteur: Do-Jo | WebandGraphicDesign | Dominique Pévenasse
URI: http://www.do-jo.net
*/

/** BASE */

* {margin:0;padding:0 }

body {
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	color:#000;
	font-size:11px;	
	margin: 10px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
}

table {
	border-collapse: collapse;
	border:none;
}

tr, td {
	margin:0;
	padding:0;
	border:none;
}
th {
	margin:0;
	padding:5px;
	border:none;
	font: 16px Trebuchet MS, Verdana;
	color:#ffffff;
	text-align:left;
	border: 1px solid #dedede;
	background-color: /*#666666*/#840003;
	font-weight: bold;
}
p {
	margin:12px 0px;
}
caption {
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:5px;
	border:none;
	color:#000;
	text-align:left;
	font-family: Trebuchet MS, Verdana;
	font-size: 16px;
	text-transform: uppercase;
}

#header_haut {
	background: #FFFFFF url(../img/header/banner_home_top.jpg) repeat-x;
	width: 820px;
	height:137px;
	margin: auto;
}
#header_bas {
	background: #FFFFFF url(../img/header/banner_home_bas.jpg) no-repeat;
	width: 820px;
	height:63px;
	margin: auto;
}

h1 {
	font-weight: bold;
	font: 21px Trebuchet MS, Verdana;
	margin: 0;
	padding: 10px;
	/*padding:10px 10px 10px 0px;*/
	color: #840003;
}
h2 {
	font-weight: bold;
	font: 14px Trebuchet MS, Verdana;
	margin: 0;
	padding: 10px;
	color: #840003;
}
h3 {
	font-weight: bold;
	font: 14px Trebuchet MS, Verdana;
	color: #840003;
	margin:7px 0px;
}
#navdroit h3 {
	margin: 0 0 0 8px;
	/*margin:0px;*/
	padding: 10px;
	/*padding: 10px 10px 10px 0px;*/
}

hr {
	height:1px;
	border:1px;
	color:#DDDDDD;
	background-color:#DDDDDD;
}

/** MENU */

#navcontainer {
	width: 820px;
	background: #8f1013 url(/fssta/img/menu/bg.gif) repeat-x;
	margin: auto;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
font-weight: bold;
}

#navcontainer A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
background: #a11b1e;
margin: 0;
padding: 8px;
border-left: 1px solid #ce0105;
border-top: 1px solid #ce0105;
border-right: 1px solid #760003;
}

#navcontainer A:hover, #navcontainer A:active { background: #840003; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #840003;
font-weight: bold;
}


/** FIN MENU */

/** MENU DROIT*/
#navdroit { width: 250px; margin: 5px 5px 10px 20px; }

#navdroit ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Trebuchet MS, Verdana,Arial, Helvetica, sans-serif;
font: 12px;
}
#navdroit a
{
display: block;
padding: 3px;
width: 250px;
background-color: #fff;
color: #000;
text-decoration: none;
}

#navdroit a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}

#navdroit a:hover
{
background-color: #fff;
color: #840003;
}

ul.blogposts {
/*  margin: 0;
  padding: 0 0 10px 0;
  border-top: 1px solid #DFDFDF;*/
/*  text-indent:100px;*/
}

ul.blogposts li{
/*  list-style-image:url(/media/img/content/blogpost.gif);
/*  margin: 0;
  padding: 8px 4px 8px 14px;
  background: url(/media/img/content/blogpost.gif) left no-repeat;
  border-bottom: 1px solid #DFDFDF;
  line-height: 1.0;*/
}


/*ul.blogposts, ul.feedlist{
  margin: 0;
  padding: 0 0 10px 0;
  border-top: 1px solid #DFDFDF;
  list-style: none;
}

ul.blogposts li{
  margin: 0;
  padding: 8px 4px 8px 14px;
  background: url(/media/img/content/blogpost.gif) left no-repeat;
  border-bottom: 1px solid #DFDFDF;
  line-height: 1.0;
}
*/



/** FIN MENU DROIT */

/** CONTENEUR */

#conteneur {
	background: #FFF url(/fssta/img/conteneur/bg.gif) repeat-y;
	width: 820px;
	height:130px;
	border:none;
	margin: auto;
}

#conteneurSpectacle, #conteneurNoMenu {
	background: #FFF;
	width: 820px;
	height:130px;
	border:none;
	margin: auto;
}
.gauche {
	width: 520px;
	margin:0;
/*	padding:5px 0 5px 6px;*/
	padding:5px 0 5px 0px;
	border:none;
}
#conteneurNoMenu .gauche {
	width:100%;
}
.droite {
	width: 281px;
	margin:0;
	padding:0;
	border:none;
}

/** FIN CONTENEUR */

/** SPECTACLES */

#spectacles {
	width: 820px;
	border:none;
	margin: 3px auto;
	border: 1px solid #dedede;
}

#spectaclesHome {
	width: 530px;
	border:none;
	margin: 5px auto;
	border: 1px solid #dedede;
}
.milieu_spectacles {
	width: 280px;
	margin:0;
	padding:5px;
	border:none;
	font-family: Trebuchet MS, Verdana;
}
.droite_spectacles {
/*	width: 310px;
*/	margin:0;
	padding:5px;
	border:none;
	font-family: Trebuchet MS, Verdana;
}
.gauche_spectacles {
	width: 200px;
	margin:0;
	padding:5px;
	border:none;
	font-family: Trebuchet MS, Verdana;
}
.titre {
	font-weight: bold;
	font: 16px Trebuchet MS, Verdana;
	margin: 0;
	padding: 5px;
	color: #840003;
}
.troupe {
	font: 12px;
	margin: 0;
	padding: 5px;
	color: #000;
	font-family: Trebuchet MS, Verdana;
}
.date {
	font: 12px;
	margin: 0;
	padding: 5px;
	color: #000;
}
.lieu {
	font-weight: bold;
	font: 12px;
	margin: 0;
	padding: 5px;
	color: #000;
}
.info {
	font: 10px;
	margin: 10px 0 0 0; 
	padding: 5px;
	color: #840003;
	border: 1px solid #dedede;
}

a {
	font: 10px;
	color: #840003;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.img {
	margin: 5px;
	padding: 2px;
/*	border:#999999;
	border-style:solid;
	border-width:1px;
*/
}
.imgdroit {
	margin: 0;
	padding: 0px;
	border:#999999;
	border-style:solid;
	border-width:1px;
}
.rouge {
	color: #760003;
	font-family: Trebuchet MS, Verdana;
	font-weight: bold;
}

/** FIN SPECTACLES */

/** FIN CONTENEUR */
#footer {
	background: #FFF;
	width: 820px;
	height:20px;
	margin: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #dedede;
}

#footer a{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;

}
#footer a:hover{
	color:#840003;

}
/** FIN CONTENEUR */
.greyborder {
	border: 1px solid #dedede;
	padding:5px;
}
.comite img{
float:left;
margin-right:4px;
/*border:solid 4px #EEEEEE;*/
}