/*
Titre			styles.css
Site 			smclausanne.ch
Navigateurs 	tous (sauf IE)
Autheur 		C.R. (www.megaphone.ch)
Date création 	02.09.2008
Dernière modif.	04.01.2010
*/



/* 
GLOBAL RESET 
On re-définit les styles initiaux de certaines balises
Basé sur styleMain.css de www.elliotjaystocks.com 
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal } /*ne pas mettre em et strong dans cette ligne VT*/
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

strong { font-weight: bold; }
em { font-style: italic; }
ol, ul, li { list-style:none; }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* 
TYPO 
*/

h1 { font:24px/24px Georgia, 'Times New Roman', Times, serif bold; margin:0 0 2px 0; color:#666; text-align:left }
h2 { font:normal 20px/22px Verdana, Arial, Helvetica, sans-serif; padding:16px 0 10px 0; color:#666; text-align:left }
h3 { font:italic normal 14px/20px Verdana, Arial, Helvetica, sans-serif; padding:16px 0 2px 0; color:#231f20; text-align:left }
h4 { font:bold 16px/20px Verdana, Arial, Helvetica, sans-serif; padding:16px 0 8px 0; color:#231f20; text-align:left }
p { margin:2px 0 10px 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif }
body, p, li, dt, dd, label { font-size:12px; line-height:18px; color:#231f20 }
input, textarea { font-size:11px; color:#333; padding:2px }
blockquote { font:11px/18px Verdana, Arial, Helvetica, sans-serif bold }

a { color:#bb001a; text-decoration:none }
a:visited { color:#bb001a; text-decoration:none }
a:hover { color:#bb001a; text-decoration:underline }
a:focus { color:#bb001a; text-decoration:underline }
h2 a { color:#333 }

h1.title { padding:17px 12px 17px 12px; background:#fff url(images/logo_smc.png) center right no-repeat; }
h1.title a { font:normal 27px Georgia, 'Times New Roman', Times, serif; color:#333; text-decoration:none }
h1.title a:hover { color:#333 }
h2.latestNewsTitle { font:italic normal 12px/16px Verdana, Arial, Helvetica, sans-serif; padding:2px 0 6px 15px; color:#3c725a }
h2.siteDescription { position:absolute; top:400px; left:0px; width:200px; /*height:96px;*/ text-indent:-9999px }
h2.artistName { padding:0em 0 0em 0; font-size:1.2em; font-weight:bold }
div.home h2 { float:right; padding:0 0 0 5px; font-size:1.2em; font-style:italic }

ul#mainNav li a { display:block; float:left; width:147px; margin:0 1px 0 1px; background-color:#bb001a; color:#fff; text-decoration:none; font:normal 16px/40px Arial, Helvetica, sans-serif }
ul#mainNav li a:hover { color:#fff; text-decoration:none; border-bottom:2px solid #fff }
ul#mainNav li a.currentMenu { font-weight:bold; border-bottom:2px solid #fff }
ul#mainNav li a.mainNavBt01 { background-color:#660000; margin:0 1px 0 0 }
ul#mainNav li a.mainNavBt02 { background-color:#770005 }
ul#mainNav li a.mainNavBt03 { background-color:#88000a }
ul#mainNav li a.mainNavBt04 { background-color:#990010 }
ul#mainNav li a.mainNavBt05 { background-color:#aa0015 }
ul#mainNav li a.mainNavBt06 { background-color:#bb001a; margin:0 0 0 1px }

ul#specNav li a { display:block; margin:0 1px 1px 2px; padding-right:5px; width:188px; background-color:#bb001a; color:#fff; text-decoration:none; text-align:right; font:normal 11px/18px Verdana, Helvetica, Arial,sans-serif; border-right:5px solid #bb001a }
div.saison ul#specNav li a { background-color:#660000; border-right:5px solid #660000 }
div.smc ul#specNav li a { background-color:#770005; border-right:5px solid #770005 }
div.archives ul#specNav li a { background-color:#88000a; border-right:5px solid #88000a }
div.pratique ul#specNav li a { background-color:#990010; border-right:5px solid #990010 }
div.pro ul#specNav li a { background-color:#aa0015; border-right:5px solid #aa0015 }
div.contact ul#specNav li a { background-color:#bb001a; border-right:5px solid #bb001a }
div#content ul#specNav li a:hover { color:#fff; text-decoration:none; border-right:5px solid #fff }
div#content ul#specNav li a.currentMenu { font-weight:bold; border-right:5px solid #fff }

div#leftCol a.backHome { padding:10px 4px 0 34px; background:url(images/bg_backhome.gif) 10px 13px no-repeat; color:#fff; text-decoration:none; font:normal 10px/10px  Verdana, Helvetica, Arial,sans-serif; }

a.linkTitle { text-decoration:none }
a.linkTitle:hover { text-decoration:underline }

ul.linksList li { padding:0.4em 0 1em 0 }
ul.homeActuList {  border-left:1px solid #ccc; padding-left:15px }
ul.homeActuList li { padding:0.4em 0 1em 0 }
ul.standardList, div#text ul { margin:2px 0 10px 0 }
ul.standardList li, div#text li { list-style: disc inside; margin-left:1em }
div#text ul.concertsList, div#text ul.oeuvresList, div#text ul.artistesList { margin:0 0 10px 0 }
div#text ul.concertsList li, div#text ul.oeuvresList li, div#text ul.artistesList li { list-style: none; margin:0; padding:0.5em 0 0.8em 0 }
div#text ul.oeuvresList li, div#text ul.artistesList li { padding:0.5em 0 0.2em 0 !important }

div#footer { font-size:10px; color:#fff }

legend { font-weight:bold; padding:18px 0 6px 0; }

p.concertProduction { /*margin:-5px 0 15px 0;*/ font-size:10px; color:#666; line-height:14px }
p.concertProduction_toRight { /*margin:-5px 0 15px 0;*/ float:right; padding-top:30px; width:120px; font-size:10px; color:#666; line-height:14px; text-align:right; }
div.concertHoraires { padding:30px 0 1em 0; color:#000 }
.photoArtiste { padding-bottom:1px; }

.artistNameHome { display:block; padding-bottom:10px; font:bold 14px/22px Verdana, Arial, Helvetica, sans-serif; text-align:left }

.more { font-size:11px; font-weight:normal; font-style:normal; color:#bb001a; text-decoration:underline; padding-left:1em }
.boldText { font-weight:bold }
.underlineText, a.underlineText { text-decoration:underline }
.uppercaseText { text-transform: uppercase }
.smallText { font-size:smaller; }
.archives_tri { /*font:normal 20px/22px Verdana, Arial, Helvetica, sans-serif;*/ padding:18px 0 0px 0; margin:0; }
/*
.infoText { display:block; margin-bottom:4px; font:normal small-caps 11px/14px Georgia, 'Times New Roman', Times, serif }
div#motrecherche { color:#666 }
div#motrecherche label { color:#666; cursor:pointer; }
div#motrecherche .formfield { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#604288 }
.formbutton { background-color:#3c725a; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; cursor:pointer;  }
.pagesNum { font-style:italic; margin-top:6px; }
*/

/* 
LAYOUT 
*/
body { background-color:#333; text-align:center }
div#wrapper { width:892px; margin:100px auto 10px auto; text-align:left }
div#header { padding-top:30px; height:65px; /*border-left:1px solid #a64b5a; border-right:1px solid #a64b5a */ }
html>body div#header { background:url(images/bg_title.png) top left repeat-x } /*html>body n'est pas compris par IE6*/
div#content { position:relative; margin-top:1px; padding-top:0; /*border-bottom:1px solid #a64b5a*/ }
/*html>body div#content { background:url(images/alphapixel.png) top left repeat } html>body n'est pas compris par IE6*/
div#text { margin-left:298px; padding:0px 62px 60px 26px; border-bottom:3px solid #a64b5a; min-height:237px; background:#fff /*url(images/logo_smc.gif) bottom right no-repeat*/; text-align:justify }
div.home div#text { padding-top:30px }
div.smc div#text { min-height:275px; }
div.pratique div#text { min-height:255px; }
div.archives div#text { min-height:304px; }
div#leftCol { position:absolute; top:0; width:298px }
div#leftCol a.backHome { display:block; position:absolute; width:50px }
ul#specNav { border-left:97px solid #cc9933 }
form#archivesSearchForm { border-left:97px solid #cc9933; padding:17px 4px 10px 4px; background-color:#88000a; text-align:right }
div#footer { padding:30px 0 0 30px; text-align:center }
ul#mainNav  { position:absolute; top:60px; text-align:center }
ul#mainNav li { display:inline }
div.bgBtHomeOnly { height:56px; margin:0 1px 1px 0; background-color:#cc9933 }

/* 
OTHERS 
*/
.clearing { clear:both }
fieldset { padding:0 0 10px 0 }
.partenaires_logo { float:left; padding:0 24px 0 24px }
.imgPlan { vertical-align:middle }
div#archivesMenu { background-color:#88000a; color:#fff }

/*
Formulaires
*/ 
label { /* mise en forme des intitulés de champs */
	margin: 0;
	padding: 0 0.5em 0 0;
	vertical-align: middle;
	color: #333;
}
form p { /* p du formulaire */
	margin: 0.5em 0;
	padding: 0;
}
form p label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent cette dimension de la largeur totale du formulaire ***/
	text-align: left;	/*** ... et ils sont alignés à gauche... ***/
}

form fieldset.formFieldAbonnement p label {
	width:300px;
}

form fieldset.formFieldProgramme p label {
	width:200px;
}

fieldset {
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	color: #333;
	padding: 5px 5px 5px 5px;
}
.formfield { border-right: #CCC 1px solid; border-top: #666 1px solid; border-left: #666 1px solid; border-bottom: #CCC 1px solid; font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;  height:15px; color: #333; background-color: #fff; width:200px; margin:0 0 0 0; }

fieldset.formFieldProgramme .formfield {
	width:100px;
}

.radio {
	padding-top:3px;
}

.formfieldShort {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	font-size: 11px;
	color: #333;
	background-color: #fff;
	width: 120px;
}

.formbutton {
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #bb001a;
	padding:2px;
	margin: 10px 0 0 0;
}

select {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-size: 11px;
	COLOR: #333;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	background-color: #fff ;
	margin:0 0 0 5px;
	/*width: 250px;*/
}

textarea {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-size: 11px;
	COLOR: #333;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	background-color: #fff ;
	width: 250px;
	margin-bottom:10px;
}
form#archivesSearchForm .formfield { width:120px; }
form#archivesSearchForm .formbutton { margin:0; padding:0; font-size:11px; }



/* En dernier */
body { background:#333 url(images/background.jpg) top center fixed }