/**special JeC lines**/
/**
Styles modifiés laissés à leur place :
body#page_bg#maincolumn_full = conteneur principal
table.contentpaneopen span = affichage des noms de section et/ou catégorie en mode blog
**/

/**styles de mise en page pour les articles**/

.floatleft {float:left; margin-right:5px;}
.floatright {float:right; margin-left:5px;}

iframe.video {width:100%; height:430px;}

.imgright, .imgleft , .titleimg, H1, #description, #description img, div.module_sponsors img, img.imgfullpage, div.moduletable_randomimg img, div.module_conventions1 img
{border:solid 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

img.titleimg {float:right; margin-left:5px; width:200px;}
img.imgleft, img.imgright {width:150px;}
img.imgleft {float:left; margin-right:5px;}
img.imgright {float:right; margin-left:5px;}
img.imgsponsor1 {float:left; margin-right:1px; height:100px;} /* horizontal grand */
img.imgsponsor2 {float:left; margin-right:1px; height:40px;} /* horizontal petit */
img.imgsponsor3 {float:left; margin-right:1px; height:200px;} /* Vertical grand */
img.imgfullpage {width:100%; height:auto; border:0;}
img.img2col {width:45%; height:auto; float:left; margin-right:10px; margin-top:10px;}
img.img3col {width:32%; height:auto; float:left; margin-right:1%; margin-top:10px;}
img.imgarchives1 {width:220px; height:325px; float:left; margin-right:1%; margin-top:10px;}

div.moduletable_randomimg img {border:0; margin-top:10px;}

div.module_conventions1 p {color:dimgray; margin-top:10px; font-size:0.9em; line-height:0.9em;}
div.module_conventions1 {border-width:0; margin-top:0; width:200px;}
div.module_conventions1 img {border-width:0; margin:0 5px 0 0; width:100px; float:left;}

div.module_sponsors {margin-top:10px; margin-bottom:10px;}
div.module_sponsors img {width:200px; border-width:0;}

/** Menu rapide - Présentation Cie **/
.moduletable_TG2 p {text-align:left;width:150px;height:90px;line-height:1.05em;margin-right:1px;padding-top:1px;float:left;font-size:12px; /* conteneur arrondi 
	border-right:solid #989898 1px;/*border-bottom:solid #989898 1px;*/
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	/*-webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;*/
	-webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px;}
	
.moduletable_TG2 a, .moduletable_TG2 a:visited {
	color:white; }
	
.moduletable_TG2 a:hover {color:white;}
	
.moduletable_TG2 img {height:81px; width:54px; float:left; margin-right:5px; border:0; /* image */border-top-left-radius: 10px;
border-bottom-right-radius: 10px;}

p.dateshoraires {text-align:right; font-style:italic; font-weight:bold; font-size:0.9em; color:#666;}
p.sign {text-align:right; font-style:italic; font-weight:normal;color:dimgray;}
p.tarifs {color:dimgray; text-align:center; font-style:italic; border-top:dotted 1px; margin-top:15px;}

.listeO {list-style-type:circle; list-style-position:outside;}
.lineclear, p.lineclear, img.lineclear {clear: both;}

div.module_login {margin-top:10px; background:#F0F8FF; padding:20px;}


/**mise en page générale du site**/

td.contentheading {clear:both; border-top:dotted dimgray 1px; padding-top:1px; margin-top:5px;} /*????conteneur de Titre H1*/
td.contentheading a {font-weight:normal; color:dimgray;}

div.module_menu { /*conteneurs des menus en colonne*/
	margin: 15px 0 15px 0;
	padding-left:0px;
	width: 200px;}
	
div.module_menu div div div h3 { /*en-têtes de menus*/
	color:#333;
	font-size:1.1em;
	font-weight:bold;	}

div.module_menu div div div ul li { /*espacement vertical des 'li' pour intitulés dans les menus*/
	margin-top:5px;	}
	
div.module_menu div div div ul li span { /*style de texte pour intitulés dans les menus à gauche*/
	color:#333;
	font-size:1em;
	font-weight:normal;
	letter-spacing:-0.2px;	}

div.module_hzmenu {display:inline;}

div.module_recherche {width:100%; margin-bottom:10px;}
div.module_recherche input{color:#A8A8A8 ; font-style:italic;}

div#logo { /* Conteneur de la bannière principale Petit Théâtre */
	position: absolute;
	left: 0;
	top: 0;
	float: left; width: 1020px;	height: 160px; background: url(../../../images/stories/design/banniere03.png) 0 0 no-repeat; margin-left: 15px; margin-top: 14px;}

/**DEBUT descriptions de sections et catégories
(insérer manuellement dans le corps d'article la balise <div class="description"></div>**/
div#description {padding:5px; margin:0; }
  #description img { margin:0; margin-right:5px; padding:0; float:left; height:206px; }
  #description H1 {background:0; border:0;margin-bottom:5px;/*margin-top:5px*/padding:0;}
p.argument {color:dimgray; text-align:left; font-style:italic; border-top:dotted 1px; margin-top:10px;}
/**descriptions de sections et catégories FIN**/

#maincolumn, #maincolumn_full {
	margin-left: 20%;
	padding-left: 15px;
	width: 78%;
}

#maincolumn_full {
	margin-left: 0;
	padding: 0;	
	width: 100%;
}

/*a.readon {
	width:50%;
	color:dimgray;
	-moz-border-radius:1%;
	background-color:#A0CFEC;}*/


/*****************************/
/*** Core html setup stuff ***/
/*****************************/

body {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}


a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; margin-left:2px; margin-right:2px; text-align: justify; }

img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	padding: 0px 0;
	margin-bottom: 1px;
}

div.center {
  text-align: center;
}

div#wrapper {
	margin-left: auto;
	margin-right: auto;
}

body.width_medium div#wrapper {
	width: 950px;
}

body.width_small div#wrapper {
	width: 773px;
}

body.width_fmax div#wrapper {
	min-width: 750px;
	max-width: 1050px;
}

div#header_l {
	position: relative;
}

div#header_r {
	height: 90px;
	padding-left: 370px;
	padding-right: 30px;
	padding-top: 25px;
	overflow: hidden;
	text-align: left;
}

div#newsflash {
	width: auto;
	margin-left: 350px;
	margin-right: 30px;
	border: 1px solid #00f;
}

div#tabarea {
	background: transparent; /*url(../images/mw_header_b.png) 0 0 repeat-x;*/
	margin: 0 11px;

}

div#tabarea_l {
	background: transparent; /*url(../images/mw_header_l_b.png) 0 0 no-repeat;*/
	padding-left: 32px;
}

div#tabarea_r {
	height: 42px;
	background: transparent; /*url(../images/mw_header_r_b.png) 100% 0 no-repeat;*/
	padding-right: 1px;
}

div#footer_r {
	padding-top: 10px;
	height: 47px;
	overflow: hidden;
}

div#footer_r div {
	text-align: center;
	font-size: .90em;
	color: #aaa;
}

div#footer_r a:link, div#footer_r a:visited  {
	color: #999;
}

div#footerspacer {
	height: 10px;
}

#pathway {
	padding: 0px 10px 8px;
	width: auto;
	margin-top: -2px;
	margin-right: 250px;
	text-align: left;
}

#search {
	float: right;
	width:320px;
	margin-top: -20px;
	margin-right: 30px;
	height: 40px;
	overflow: hidden;
	text-align:right;
}

form#searchForm input {
	vertical-align: middle;
}

form#searchForm table {
	border-collapse: collapse;
}

form#searchForm td {
	padding:0;
}

#mod_search_searchword {
	padding-left: 3px;
}

#area {
	padding: 0;
}

#whitebox {
	margin: 0 21px 0px 21px;
	background: #fff;
	width: auto;
}

#whitebox div {
	text-align: left;
}

#whitebox_t {
	background: #fff url(../images/mw_content_t.png) 0 0 repeat-x;
}

#whitebox_tl {
	background: url(../images/mw_content_t_l.png) 0 0 no-repeat;
}

#whitebox_tr {
	height: 10px;
	overflow: hidden;
	background: url(../images/mw_content_t_r.png) 100% 0 no-repeat;
}

#whitebox_m {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: auto;
	padding: 1px 8px;
}

#whitebox_b {
	margin-top: -5px;
	background: url(../images/mw_content_b.png) 0 100% repeat-x;
}

#whitebox_bl {
	background: url(../images/mw_content_b_l.png) 0 100% no-repeat;
}

#whitebox_br {
	height: 13px;
	background: url(../images/mw_content_b_r.png) 100% 100% no-repeat;
}

/* horizontal pill menu */
table.pill {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

td.pill_l {
  /*background: url(../images/mw_menu_cap_l.png) no-repeat;*/
  width:  20px;
  height: 32px;

}

td.pill_m {
  background: url(../images/mw_menu_normal_bg.png) repeat-x;
  padding: 0;
  margin: 0;
  width: auto;
}

td.pill_r {
  /*background: url(../images/mw_menu_cap_r.png) no-repeat;*/
  width:  19px;
  height: 32px;
}

#pillmenu {
  white-space: nowrap;
  height: 32px;
  float: left;
}

#pillmenu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}

#pillmenu li {
	float: left;
	background: url(../images/mw_menu_separator.png) top right no-repeat;
	margin: 0;
	padding: 0;
}

#pillmenu a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
	float:left;
  display:block;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  color: #000;
  text-decoration: none;
}

#pillmenu a#active_menu-nav {
	margin-top:2px;
	height: 21px;
	line-height: 21px;
	background-position: 0 0;
}

#leftcolumn {
	padding: 0;
	margin: 0;
	width: 20%;
	float:left;
}

table.nopad {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

table.nopad td.middle_pad {
	width: 20px;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

span.pathway {
  display: block;
  margin: 0 20px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}

/* headers */
div.componentheading {
  padding-left: 0px;
}

h1 {
	padding-top:0.2em; padding-bottom:1em; padding-left:2%; padding-right:2%;
	/*font-family:Verdana,Helvetica,Arial,sans-serif;*/
	line-height: 1.3em;
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;
	color:#666;
	text-align: left;
	width: 96%; }

.contentheading {
	padding: 0;
	/*font-family: Verdana,Helvetica,Arial,sans-serif;*/
	font-size: 1em;
	font-weight: bold;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}

h2 {
	margin-left:2%;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 0;
	/*font-family: Verdana,Helvetica,Arial,sans-serif;*/
	font-size: 1.2em;
	font-weight: bold;
	font-variant: small-caps;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}
table.contentpaneopen h3 {
	margin-top: 25px;
}

h3, .componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  /*font-family: Helvetica,Arial,sans-serif;*/
  font-size: 1em;
  line-height: 1.2em;
  padding-left: 0px;
  margin-bottom: 10px;
  text-align: left;
}

h3 {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: bold;
  /*font-family: Helvetica,Arial,sans-serif;*/
  font-size: 1em;
  line-height: 1.2em;
  padding-left: 0px;
  text-align: left; }
h4 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*color: #333;*/
	margin-top:1em;
	margin-bottom:0.5em;
}

/* small text */
.small {
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}

a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	background: url(../images/mw_readon.png) top right no-repeat;
	padding-right: 20px; padding-left:20px;
	line-height: 14px;
	height: 16px;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f6f6f6;
}

.ol-background {
	background-color: #666;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}

.article_column {
	padding-right: 5px;
}

.column_separator {
	border-left: 1px dashed #e0e0e0;
	padding-left: 10px;
}

td.buttonheading {

}

td.buttonheading img {
	border:none;
}

.clr {
	clear: both;
}

td.greyline {
  width: 20px;
  background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}

div#maindivider {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}

table.blog span.article_separator {
	display: block;
	height: 20px;
}

/* edit button */
.contentpaneopen_edit{
	float: left;
}

/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.section