/* -------------------------------------------------------------------------------------- */
/* Styles pour mise en forme des textes saisies dans l'admin ---------------------------- */
/* DROITE -- Listes  -------------------------------- */

.texte_bordeaux_11 {
	color: #990000; font-size: 11px;
}
.texte_bordeaux_12 {
	color: #990000; font-size: 12px;
}
.texte_bordeaux_12_gras {
	color: #990000; font-size: 12px; font-weight:bold;
}
.texte_bordeaux_14_gras {
	color: #990000; font-size: 14px; font-weight:bold;
}
.texte_rougbord_11 {
	color: #F40000; font-size: 11px;
}
.texte_rougbord_12 {
	color: #F40000; font-size: 12px;
}
.texte_rougbord_12_gras {
	color: #F40000; font-size: 12px; font-weight:bold;
}
.texte_noir_12_gras {
	color: #000000; font-size: 12px; font-weight:bold;
}
.texte_noir_14_gras {
	color: #000000; font-size: 14px; font-weight:bold;
}
.texte_vert {
	color: #006600;
}
.texte_bleu-roi {
	color: #0066CC;
}

.o--------------------------------------o {
}
.o------Fin_des_styles_utilisateurs-----o {
}

/* Styles pour la newsletter du festival
#newslet_main ul {
	margin: 0; margin-left: 10px;	
	padding: 0 0 0 10px;
	list-style: circle;
}
#newslet_main ul li {
	margin: 0; padding-top: 10px;
}*/


/* Styles pour les articles du festival*/

.contentpaneopen ul {
	margin:0; padding:0; padding-left:10px; padding-right:5px;
	list-style: none;
}

.contentpaneopen ul li {
	padding-left: 16px;
	padding-top: 12px;
	background: url(../images/puces/puc_rond_bor04.png) left no-repeat;
	background-position: 0px 15px;
}
.contentpaneopen p {
	margin: 0; margin-bottom: 10px;
}
/*.contentpaneopen img {
	margin: 10px;
}*/
.table_img_ss_marge {
	margin: 1px;
}
.table_img_ss_marge img {
	margin: 0;
}
img.image_marge50 {
	margin-left: 50px;
}
.latestnews {
	padding-right: 1px;
}

/* -------------------------------------------------------------------------------------- */
/* HTML Body & Basic Tags  -------------------------------------------------------------- */

body {
	margin-top: 15px; margin-left:0px; margin-right: 0px; margin-bottom: 0px;
	vertical-align: top;
	scrollbar-face-color: #725537; /* Elements (bouton, ascenceur, etc)*/
	scrollbar-shadow-color: #5f452d;
	scrollbar-highlight-color: #906b45;
	scrollbar-3dlight-color: #ab8053; 
	scrollbar-darkshadow-color: #4f3a25; 
	scrollbar-track-color: #e6d6c3; /* fond de la barre*/
	scrollbar-arrow-color: #E9E9E9; /* Fleche */
}
body, tr, td, div {
	font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #373737;
}

a:link, a:visited {
	font-size: 11px; 
	color : #9F0000; 
	text-decoration: underline;
}

a:hover, a:active {
	color : #D20000; 
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------- */
/* Positionnement et mise en en forme des zones de contenu ------------------------------ */

/* Zone principale -------------------------------- */
#tmpl_contenu {
	width: 980px;
	background: url(../images/main-fond.jpg) repeat-y;

}

/* Contours beiges -------------------------------- */
.fond_beige { 
	background: url(../images/festival-beige.png) repeat; 
}

.tmpl_bordgauche {
	/*background: url(../images/festival-beige.png) repeat;*/
}
.tmpl_borddroite {
	background: url(../images/fond-droite.jpg) top left repeat-y;
	width: 146px;
}

#mainpage {
	/*background: url(../images/festival-fond.png) top left repeat;*/
	padding-left: 18px; padding-right:10px;
}

/* Centre -------------------------------- */
#tmpl_centre {
	margin-top: 18px;
	margin-left: 0px; margin-right: 0px; padding-bottom: 20px;
	width: auto; min-height: 550px;
}

/* Droite -------------------------------- */
#tmpl_droite {
	background: url(../images/festival-fondf.jpg) repeat;
	width: 220px; margin-top: 1px;
}

#fm-header { 
	height: 81px; width: 980px; margin: 0; padding: 0;
	background:url(../images/festival-martigues.jpg) left no-repeat;
}

/* -------------------------------------------------------------------------------------- */
/* Zone de la banniere haute ------------------------------------------------------------ */

#banner_zone {
	width: 642px; height: 92px;
	background: url(../images/casc13-banniere.png) left no-repeat;
	text-align: center; vertical-align: middle;
}

#banner {
	float: right;
	padding: 5px 0px 5px;
	width: 468px;
}



/* -------------------------------------------------------------------------------------- */
/* Menu principal ----------------------------------------------------------------------- */

.moduletable_main_menu {
	margin:0; padding:0;
}

td.main_menu {
	background: url(../images/festival-programme.jpg) left no-repeat;
}
div.main_menu { margin-left: 16px;
}

#mainlevel ul {
}

#mainlevel li { 
	display:inline;
	padding-top: 6px;	padding-bottom:6px;
	background: url(../images/menu_sep.png) left center no-repeat;
}

a.mainlevel:link, a.mainlevel:visited {
  font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 4px; padding-right: 10px;
	line-height:26px;
}

#active_menu, #active_menu.mainlevel, a.mainlevel:hover {
	color:#FFFF00;
}


a.sublevel:link, a.sublevel:visited {
	color: #333333; 
	padding-left: 5px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

a.sublevel:hover {
	text-decoration: none;
	color: #990000;
}



/* -------------------------------------------------------------------------------------- */
/* Search Box --------------------------------------------------------------------------- */

#searchbox {
	padding-left:290px; padding-top:40px;
	vertical-align:bottom;
}

#searchbox input.searchbox {
	border: 1px #CCCCCC solid;
	font-family: Verdana, arial, helvetica, sans serif;
	font-size: 11px;
	height: auto;
	color: #999999;
}

#searchbox .search_button {
	text-align: center;
  font-size: 10px; font-weight: bold;
	border-top: 1px solid #bc773e; border-left: 1px solid #bc773e;
	border-bottom: 1px solid #000000; border-right: 1px solid #000000; 
	background-color:#764b27; color:#eec996;
  width: 25px; height: 18px; vertical-align: middle; margin-bottom: 3px; padding-bottom: 1px;
	margin-left: 5px;
}




/* -------------------------------------------------------------------------------------- */
/* Chemin de navigation  ---------------------------------------------------------------- */

#tmpl_pathway { 
	margin-top: 10px; margin-left: 0px;
	background-color:#f0e4d7;
	padding: 4px;
	width: 580px;
}
#pathway_title { 
	margin-left: 1px; margin-right: 5px;
	width: auto;
	float: left;
}
#pathway { 
	margin: 0px;
	width: auto;
	float: left;
}
.pathway {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
  color: #B90000;
	padding-right:5px;
}
a.pathway:link, a.pathway:visited {
	color            : #D90000;
	font-weight      : normal;
}
a.pathway:hover {
  color            : #D90000;
  font-weight      : normal;
  text-decoration   : none;
}





/* -------------------------------------------------------------------------------------- */
/*   DROITE  DROITE  DROITE  DROITE  DROITE  DROITE  DROITE ----------------------------- */


/* Mise en forme du TABLE pour le contenu droite ------ */
.imgfond {
}
.tmpl_droite_contenu {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

/* Classes du TABLE TH et TD du contenu droite ------ */
/* TABLE contenant chaque module ------ */
#tmpl_droite table.moduletable, 
#tmpl_droite table.moduletable_newsletter, 
#tmpl_droite table.moduletable_derprest,
#tmpl_droite table.moduletable_whosonline 
{
	margin-bottom: 18px;
}
/* Titre du  module ------ */
#tmpl_droite table.moduletable th, 
#tmpl_droite table.moduletable_newsletter th, 
#tmpl_droite table.moduletable_derprest th ,
#tmpl_droite table.moduletable_whosonline th 
{
	font-size: 12px; letter-spacing: 0px; font-weight: bold;
	color: #810808;
	text-align: left;
	padding-top: 3px;	padding-bottom: 3px; padding-left: 22px;
	height: 18px;
	line-height:18px; vertical-align:bottom;
	background: url(../images/puce-goutte.png) left center no-repeat;
}
/* Contenu du  module ------ */
#tmpl_droite table.moduletable td {
	font-size: 11px;
	font-weight: normal;
	padding-top: 2px;
	padding-left: 5px;
	width:100%;
	margin-bottom: 10px;
}



/* DROITE -- Module Newsletter  ------------------------------ */
/* Contenu du  module ------ */
#tmpl_droite table.moduletable_newsletter td {
	font-size: 11px; font-weight: normal;
	padding-top: 2px; padding-left: 10px;
	width:100%;
}
/* Champ texte ------ */
#tmpl_droite #lm_email.inputbox {
	background-color : #FFFDF0;
	border: 1px solid #571414;
}
/* Bouton radio ------ */
#tmpl_droite #lm_subscribe.inputbox, #tmpl_droite #lm_unsubscribe.inputbox {
	background-color : #d8c6b0;
	border:0;
}



/* DROITE -- Module Dernieres prestations  ------ */
#tmpl_droite table.moduletable_derprest td {
	font-size: 11px;
	font-weight: normal;
	padding-top: 2px;
	padding-left: 0px;
	width:100%;
	margin-bottom: 10px;
}



/* DROITE -- Module Sondage  -------------------------------- */
/* Question ------ */

#tmpl_droite table.poll thead td {
	font-size: 10px;
}
/* Table des choix ------ */
#tmpl_droite table.pollstableborder {
  /*padding: 0px;*/
	width: 90%;
}
#tmpl_droite table.pollstableborder td {
  padding: 0px; width:auto;
}

/* Lignes Impaires ------ */
#tmpl_droite .sectiontableentry2 {
	background-color : #e6dacd;
	padding-left:0px;
	padding-right: 10px;
	vertical-align:middle;
}
/* Lignes Paires ------ */
#tmpl_droite .sectiontableentry1 {
	background-color : #dbcbb9;
	padding-left:0px;
	padding-right: 10px;
	vertical-align:middle;
}



/* DROITE -- Module Qui est en ligne  --------------------- */
#tmpl_droite table.moduletable_whosonline td {
	font-size: 11px;
	font-weight: normal;
	padding-top: 2px;
	padding-left: 10px;
	width:100%;
	margin-bottom: 10px;
}


/* DROITE -- Module Syndication  ---------------------------- */
#tmpl_droite table.moduletable_syndication {
	margin-top:40px;
	padding-left: 38px;
}
#tmpl_droite div.syndicate_syndication div {
	display:inline;
}



/* DROITE -- Boutons  -------------------------------- */
/* Question ------ */
#tmpl_droite .button {
	text-align: center;
  font-size: 10px; font-weight: bold;
	border-top: 1px solid #bc773e; border-left: 1px solid #bc773e;
	border-bottom: 1px solid #000000; border-right: 1px solid #000000; 
	background-color:#764b27; color:#eec996;
  /*width: auto;*/
  padding: 0px;
  margin-bootom: 1px;
	vertical-align: middle;
}


#tmpl_droite .contentpaneopen {
	margin:0; padding:0;
}


/* DROITE -- Listes  -------------------------------- */
#tmpl_droite ul {
	margin:0; padding:0; padding-left:5px; padding-right:10px;
	list-style: none;
}

#tmpl_droite ul li {
	margin:0; padding-left: 20px;
	background-image: url(../images/puces/puc_rond_bor04.png) ;
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#tmpl_droite .contentpaneopen ul {
	margin:0; padding:0; padding-left:0; padding-right:5px;
	margin-left: 0px;
	list-style: none;
}

#tmpl_droite .contentpaneopen ul li {
	display:block;
	margin:0; padding:0; padding-left: 20px; margin-bottom: 8px;
	background-image: url(../images/puces/puc_rond_bor04.png) ;
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#tmpl_droite .contentpaneopen ul li p {
	margin-top:5px;
}

/* Bloceur HR en dessous des deux div flottant --------------- */
.separation {
	clear: both;
	visibility: hidden;
}




/* -------------------------------------------------------------------------------------- */
/* COMPOSANTS & ARTICLES    COMPOSANTS & ARTICLES    COMPOSANTS & ARTICLES   ------------ */


/* Classe du TABLE contenant Tout le contenu du composant (titre composant + articles)
		UNIQUEMENT pour : Fils RRS direct, Articles ------ */
table.contentpane {
	padding: 0px 0px 0px 0px;
}

/* Classe du DIV contenant le titre du composant / Tous composants ------ */
div.componentheading {
	padding: 3px 3px 3px 22px;
	font-size: 14px; font-weight:bold;
	color: #810808;
	vertical-align:bottom;
	background: url(../images/puce-goutte.png) left no-repeat;
	margin-bottom: 10px;
}

/* Classe du TD contenant le titre du composant / Fil direct RSS ------ */
td.componentheading {
	margin-top: 10px;
	font-size: 14px; font-weight:bold;
	color: #810808;
	background: url(../images/puce-goutte.png) left no-repeat;
	white-space: nowrap;
	height: 20px;
	vertical-align:middle;
	padding: 3px 3px 3px 22px;
}

/* -------------------------------------------------------------------------------------- */
/* Affichage des articles --------------------------------------------------------------- */

/* Classe du TABLE contenant tous les articles ------ */
.blog {
	width: 100%;
}

/* Classe du TD contenant le titre article ------ */
td.contentheading {
	padding-left: 0px;
	padding-top: 3px;
	border-bottom:1px solid #710800;
	/*background-color: #cee5d1;*/
}

.contentheading {
	height: 23px;
	padding-left: 0px; padding-top: 3px;
	border-bottom:1px solid #710800;
	color: #810808;
	text-align: left; vertical-align:top;
	font-weight: bold; font-size: 12px;
	white-space: nowrap;
}

/* Classes des SPAN contenant auteur date et MAJ ------ */
.small {
	color: #745754;
	font-size: 11px;
	font-weight: bold;
}
.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #745754;
	font-size: 11px;
	font-weight: bold;
}
.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #745754;
	font-size: 11px;
	font-weight: bold;
}

/* Classe du lien sur titre article ------ */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-size: 13px; 
	color : #810808; 
	text-decoration: none;
}
/* Classe du titre article ------ */
.contentpagetitle {
	font-size: 13px; font-weight: bold;
	color: #810808; text-align:left;
}

/* Classe du TD contenant les icones à droite du titre article ------ */
.buttonheading {
	padding-left: 1px;
}
.buttonheading img {
	margin: 0;
}
/* Classe du TD contenant les articles en dessous du titre du composant
		UNIQUEMENT pour : Contact, Liens ------ */
table.contentpane td {
	padding: 0px 0px 0px 15px;
}
/* Classe du TABLE contenant le titre et le contenu de l'article 
		Articles standards et : Recherche,  ------ */
table.contentpaneopen {
	padding: 4px;
	margin: 5px;
	width: 95%;
}
.contentpaneopen {
	padding: 4px;
}
/* Classe du SPAN contenant un nbsp à la fin du TD contenant la table de l'article ------ */
span.article_seperator {
	display: block;
	height: 1.5em;
	margin: 5px;
}

/* Classe du lien de 'Lire la suite' ------ */
.readon {
	line-height: 25px;
	margin-left: 0px;
	text-align: center;
}




/* -------------------------------------------------------------------------------------- */
/* Sondage   ---------------------------------------------------------------------------- */

/* Question ------ */
table.poll thead {
	font-size: 10px;
}
/* Table des résultats  ------- */
table.pollstableborder {
  padding: 0px;
	width: 500px;
}
table.pollstableborder td {
  padding: 0px;
	/*width: auto;*/
}
/* Table des résultats - TITRE  ------- */
table.pollstableborder td.sectiontableheader {
  padding: 5px;
}

/* Lignes Impaires ------ */
table.pollstableborder tr.sectiontableentry2 {
	background-color : #f9f9f9;
}
/* Lignes Paires ------ */
table.pollstableborder tr.sectiontableentry1 {
	background-color : #eeeeee;
}
table.pollstableborder tr.sectiontableentry2 td, 
table.pollstableborder tr.sectiontableentry1 td  
{
  padding: 3px;
}
/* Texte de la réponse  -------*/
.poll_anstext {
	color: #990000;
}



/* -------------------------------------------------------------------------------------- */
/* Présentation en Tableau  ------------------------------------------------------------- */

/* Lignes Impaires ------ */
.sectiontableentry2 {
	background-color : #f9f9f9;
}
/* Lignes Paires ------ */
.sectiontableentry1 {
	background-color : #eeeeee;
}

/* -------------------------------------------------------------------------------------- */
/* Titre du formulaire de contact  ------------------------------------------------------------- */
.Contact_form_title {
	color: #810808;
	text-align: left; vertical-align:top;
	font-weight: bold; font-size: 12px;
	white-space: nowrap;
}

/* -------------------------------------------------------------------------------------- */
/* Boutons   ---------------------------------------------------------------------------- */

#buttons {
	margin: 0px;
	padding: 0px;
}
.button {
	text-align: center;
  font-size: 11px; font-weight: bold;
	border-top: 1px solid #bc773e; border-left: 1px solid #bc773e;
	border-bottom: 1px solid #000000; border-right: 1px solid #000000; 
	background-color:#764b27; color:#eec996;
  width: auto; height: auto;
  padding-top: 1px; padding-bottom: 1px;
	padding-left: 2px; padding-right: 2px;
  margin: 1px;
}

/* Classes des boutons de nav des pages ------ */
.pagenav {
	text-align: center;
  font-size: 10px; font-weight: bold;
	border-top: 1px solid #bc773e; border-left: 1px solid #bc773e;
	border-bottom: 1px solid #000000; border-right: 1px solid #000000; 
	background-color:#764b27; color:#eec996;
  width: auto; height: 13px;
  padding-top: 1px; padding-bottom: 1px;
	padding-left: 2px; padding-right: 2px;
  margin: 2px;
}

.pagenavbar {
	padding-right: 5px;
	float: right;
}


/* Flashnews -------------------------------- */
#flashnews {
	margin-top:5px;
	margin-left:9px;
	padding: 0px;
	width: 98%;
	height: 60px;
	background: url(../images/bg_flashnews.png) repeat scroll top;
	background-position:right bottom;
	border:1px solid #006600;
}



#search {
	text-align:center;
}


.title {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}


#zoneleft {
}

#zoneleft a:link, #zoneleft a:visited {
	color: #006600; text-decoration: none;
	font-weight: bold;
	text-indent: 0px;
	background-color : #eeeeee;
	height:20px;
	width:100%;
}

#zoneleft a:hover {
	color: #cccccc;	text-decoration: none;
	font-weight: bold;
	height:20px;
}  


.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

.contentcolumn {
	padding-right: 55px;
}


table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

.moduletable {
	width: 100%;
}

table.moduletable {
	width: 100%;
	margin-bottom:5px;
	padding-bottom:5px;
}

table.moduletable th {
	background: url(../images/bg_menu.gif) repeat-x;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding-top:4px; padding-left:10px;
	height: 20px;
	font-size: 12px; letter-spacing: 2px;
	line-height:14px; vertical-align:bottom;
}

table.moduletable td {
	font-size: 12px;
	font-weight: normal;
	padding: 0 2px 0 2px;
	width:100%;
}


.sectiontableheader {
  font-weight: bold;
  background-color: #E3CE77;
  padding: 2px 0px 2px 4px;
  color:#333333;
}

.sectiontablefooter {
}





table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
  width:150px;
}

.pagenavcounter {
	color:#999999;
	font-size:10px;
	font-style:italic;
	margin:2px;
	padding-left:5px;
	width:100px;

}

table.contenttoc th {
  background-color:#9BD2A2; color: #666666;
	text-align: center;
	padding: 0px; height: 18px;
	font-weight: bold; font-size: 12px;
	text-transform: uppercase;
}

table.contenttoc td {
	text-align: left; padding: 2px; font-size: 10px;
}

.toclink {
background: url(../images/arrow.png) no-repeat left;
vertical-align:top; padding-left:10px;
}


.highlight {
	background-color: Yellow;
	color: Blue; 	padding: 0px 2px 0px 2px;
}


.code {
	background-color: #ddd; border: 1px solid #bbb;
}

.back_button {
	text-align: center; margin-top:45px;
}



/** old stuff **/

/*
ul {
margin: 0;
padding: 0; padding-left: 20px;
list-style: none;
}

li {
line-height: 18px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/dot.gif) ;
background-repeat: no-repeat;
background-position: 0px 4px;
}*/

/* footer setting */
.footer {
	padding: 3px;
	color:#ffffff;
}

/* Bas de page avec copyright, auteur, crédits */
#my_footer {
	color:#c1a071;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 650px; padding: 2px;
}
#my_footer a:link, #my_footer a:visited {
	color:#c1a071;
}
#my_footer a:hover, #my_footer a:active {
	color:#c1a071;
}