/*
	Festival Terres du son 2007
	
	Seconde maquette
*/

/* Les éléments HTML en général
-------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
}
body {
	font-size: 80%;
	line-height: 1.6em;
	font-family: "Trebuchet MS",Verdana,Geneva,Helvetica,"Bitstream Vera Sans",sans-serif;
	background-color: #eee;
}

h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h2, h4, h6 { color: #A6C642; }
h3, h5 { color: #BE3141; }
.site h2 {
	background: #fff url(img/bidule.png) no-repeat 0 50%;
	padding: 10px 0 30px 50px;
}
.site h3 {
	background: #fff url(img/feuille2.png) no-repeat 0 50%;
	padding-left: 20px;
}
.site h4 {
	background: #fff url(img/feuille.png) no-repeat 0 50%;
	padding-left: 30px;
}

a { 
	color: #BE3141;
	text-decoration: none;
}
a:hover {
	color: #A6C642;
	text-decoration: underline;
}

img { border: 0; }

code { font-size: 1.1em; }

div.hr {
	border: 0;
	color: #fff;
	background: #fff url(img/hr.png) no-repeat 50% 50%;
	height: 1px;
	margin: 1em auto;
}

acronym, abbr { 
	cursor: help;
	border-bottom: 1px dotted #f1f1f1;
}
acronym.silent, abbr.silent {
	cursor: inherit;
	border-bottom: none;
}

p { margin: 1em 0; }

/* La mise en page (layout)
-------------------------------------------------------- */
#page {
	position: relative;
	color: inherit;
	width: 739px;
	margin: 0 auto 3em;
	text-align: left;
	background-color: #fff;
}
#content {
	padding: 0 10px;
	/*background: #fff url(img/big_logo_fili.png) no-repeat 50% 50%;*/
}


/* L'entête
-------------------------------------------------------- */
#header {
	position: relative;
	margin: 0;
	height: 175px;
	background: transparent url(img/animtds.gif) no-repeat left top;
}
#header h1 {
	margin: 0;
	color: #fff;
	text-indent: -6000px;
}
#header h1 a {
	text-decoration: none;
	color: #fff;
}

#logo {}


/* Le menu et le sous-menu
-------------------------------------------------------- */

/* menu principal */
ul#menu {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-variant: small-caps;
	font-size: 1.163em;
	width: 739px;
	background-color: #BE3141;
	border: none;
}
ul#menu li {
	display: inline;
	margin: 0;
	padding: 0 3px;
	color: #fff;
	border: none;
}
ul#menu li a {
	border: none;
	text-decoration: none;
	color: #fff;
	padding: 3px;
}

ul#menu li.actif {
	color: #BE3141;
	border: 1px solid #A6C642;
	background-color: #A6C642;
	font-weight: bold;
}
ul#menu li.actif a {
	color: #fff;
}

/* sous-menu */
div#submenu { height: 1.5em; }
div#submenu,
ul#submenu {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	width: 739px;
	border: none;
	background-color: #A6C642;
	border-bottom: 1px solid #BE3141;
}
ul#submenu li {
	display: inline;
	margin: 0;
	padding: 0 0.3em;
	color: #fff;
	border: none;
}
ul#submenu li a {
	border: none;
	text-decoration: none;
	padding: 0 0.3em;
	color: #fff;
}

ul#submenu li.actif {
	color: #BE3141;
	font-weight: bold;
}
ul#submenu li.actif a {
	color: #BE3141;
}

/* boite utilisateur */
#user_box label { display: inline; }
#user_box { padding-top: 1em; }
#user_box p { margin: 0; }



/* Le pied de page
-------------------------------------------------------- */
#footer {
	clear: both;
	margin: 0;
	background-color: #BE3141;
	border-top: 2px solid #A6C642;
	text-align: center;
	color: #fff;
}
#footer p { color: #fff; margin: 0; padding: 0.5em 0; }
#footer a { color: #fff; }


/* Formulaires
-------------------------------------------------------- */
form {
	display: block;
	margin: 0;
	padding: 0;
}

fieldset { padding: 1em; margin: 1em 0;}
form>fieldset {
	border: 1px solid #ccc;
}

legend { margin: 0; color: #BE3141; }

p.field {
	margin-top: 0; }
.field label, 
.fieldleft label, 
.fakelabel span {
	display: block;
	font-weight: bold;
}
label.nofield {
	display: inline;
	font-weight: normal;
}
p.fakelabel { margin-bottom: 0; }
.fieldleft { float: left; padding-right: 1em; }

input, textarea { border: 1px solid #A6C642; background-color: #fcfcfc }
input.large, textarea.large { width: 100%; }

input.submit {
	background: #A6C642 url(img/bg_submit.png) repeat-x 0 50%;
	color: #fff;
}
input.submit:hover {
	background: #BE3141 url(img/bg_submit_hover.png) repeat-x 0 50%;
	cursor: pointer;
}

ul.checklist {
	padding: 0;
	margin: 0;
	list-style: none;
}


/* Divers...
-------------------------------------------------------- */
.error {
	margin: 1em 0;
	padding: 0.5em;
	border: 1px solid #c00;
	color: #c00;
}
.error h2 {
	background: transparent url(img/ico_error.png) no-repeat 0 50%;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 1.17em;
	color: #c00;
	border: none;
}
.error ul {
	list-style-type: square;
	padding-left: 2em;
}

.message {
	margin: 1em 0;
	padding: 0.5em;
	border: 1px solid #060;
	color: #060;
}

ul.notes, ol.notes {
	font-size: 0.9em;
	margin-top: 0;
}
span.notes {
	font-size: 0.9em;
}

/* deux colones */
.two-cols { position: static; width: 100%; }
.two-cols .col { width: 49%; margin-right: 1%; float: left; }

/* trois colones */
.three-cols { position : static; }
.three-cols .col { width: 32.3%; float: left; margin-left: 1%; }
.three-cols .col:first-child { width: 33.3%; margin-left: 0; }

.right { float: right; }
.left { float: left; }
.center { text-align: center; }

.clearer {
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
}
.clearb { clear: both; }


/* Accueil et news
-------------------------------------------------------- */

/* boite news accueil */
.right_col {
	float: right;
}
.news_box {
	margin: 1em 0 2em 3em;
	padding: 0.5em;
	width: 200px;
	background-color: #fff;
}
.news_box h2 { margin: 0; }
.news_box p.links { margin-bottom: 0; }
.news_box ul.news_list {
	margin-left: 0;
	padding-left: 1em;
}
.news_box ul.news_list a {
	font-size: 1.1em;
	color: #333;
}

/* page news */
.news {	margin-bottom: 2em; }
.news h2 { margin-bottom: 0; }
.news_infos { margin-top: 0; font-size: 0.9em; }
.news_infos_co { text-align: right; }

/* boite vidéo */
#video {
}

/* communs news */
a.news  { 
	background: transparent url(img/newspaper.png) no-repeat 0 50%;
	padding-left: 18px;
}

p.feed { text-align: right; }
p.feed a, a.feed { 
	background: transparent url(img/feed.png) no-repeat 0 50%;
	padding-left: 18px;
}

/* nuage de nom d'artistes */
ul#art_clouds {
	margin: 1em 0 2em 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
ul#art_clouds li {
	display: inline;
	padding: 0;
	margin: 0.5em;
	line-height: 160%;
}

ul#art_clouds li.type1 a,
ul#art_clouds li.type2 a { 
	color: #333;
	text-decoration: none;
}
ul#art_clouds li.type1 a:hover {
	color: #A6C642;
}
ul#art_clouds li.type2 a:hover {
	color: #BE3141;
}
/*
ul#art_clouds li.type1 a { color: #A6C642; }
ul#art_clouds li.type2 a { color: #BE3141; }
*/

/* Programmation
-------------------------------------------------------- */
#programmation {}
#programmation ul {
	margin: 0 0 2em 0;
	padding-left: 3em;
	list-style: none;
}
#programmation li {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 200%;
}
#programmation h3 { }
#programmation h4 { margin-top: 0; }


/* Fiche artiste
-------------------------------------------------------- */

.artiste {}
.artiste img { float: right; padding: 0 0 1em 1em; }
.artiste h2 { margin-bottom: 0; }
.fest_infos { margin-top: 0; color: #666; font-weight: bold; }
.web {
	background: transparent url(img/lien.png) no-repeat 0 50%;
	padding-left: 18px;
}
.discuss {
	background: transparent url(img/comments.png) no-repeat 0 50%;
	padding-left: 18px;
}


/* Contacts
-------------------------------------------------------- */

#contacts { }
#contacts h2 { text-align: left; }


/* Partenaires
-------------------------------------------------------- */

#partenaires {
	text-align: center;
}
#partenaires p {
	margin: auto auto;
	float: left;
	width: 220px;
	height: 200px;
	text-align: center;
	vertical-align: middle;
}


/* Infos pratiques
-------------------------------------------------------- */

table#tarifs {
	border: 0;
	width: 100%;
	text-align: center;
}

table#tarifs th, table#tarifs td {
	padding: 0.3em;
	border: 1px solid #fff;
	border-width: 0 1px 1px 0;
}

table#tarifs th { background-color: #e1e1e1; }
table#tarifs td { background-color: #f1f1f1; }
table#tarifs td.blank { background-color: #fff; }