
body, td, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
}
body, td {
	margin: 0;
	padding: 0;
}
body {
	background: #fff url(../res/element/back.jpg) -50px 0 fixed;
}

#cec-menu-top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 2.5em;
	margin-left: 2.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border: .1em solid #999999;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 0.9em;
}
#cec-menu-top .content-menu {
	padding-top: .8em;
	padding-right: 1.0em;
	padding-bottom: .8em;
	margin: 0;
	padding-left: 1.0em;
}
#cec-menu-top .content-menu a {
	text-decoration: none;
}

#cec {
	display: none;
	font-size: 24pt;
	font-weight: bold;
	float: left;
	margin-right: 8pt;
}
#to_top {
	margin-top: 2.5em;
	margin-bottom: .2em;
}
#cec2 {
	display: none;
	font-size: 13pt;
	font-weight: bold;
	line-height: 14pt;
}

#site {
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

object {
	vertical-align: middle;
}

div.clear {
	clear: both;
}

.w, .t {
	font-style: italic;
}
.ind {
	font-weight: bold;
}

a {
	color: #A31F1F;
}
a:hover {
	text-decoration: underline !important;
	color: #f60 !important;
}
a.out {
	background: url(../res/element/icone-site.png) top right no-repeat;
	padding-right: 16px;
}
a.download {
	background: url(../res/element/icone-download.png) top left no-repeat;
	padding-left: 16px;
	text-decoration: none;
}
a.audio {
	background: url(../res/element/icone-audio.png) top left no-repeat;
	padding-left: 16px;
}
a.notice {
	background: url(../res/element/icone-notice.png) top left no-repeat;
	padding-left: 16px;
}
a.bio,
li>a.oeuvre {
	padding-left: 32px;
	background: url(../res/icone-oeuvre/rien.png) top left no-repeat;
}
a.bio.avec-audio,
li.avec-audio>a.oeuvre {
	background: url(../res/icone-oeuvre/audio.png) top left no-repeat;
}
a.bio.avec-notice,
li.avec-notice>a.oeuvre {
	background: url(../res/icone-oeuvre/notice.png) top left no-repeat;
}
a.bio.avec-notice.avec-audio,
li.avec-notice.avec-audio>a.oeuvre {
	background: url(../res/icone-oeuvre/notice-audio.png) top left no-repeat;
}

#hdr {
	width: 790px;
	margin: 0 auto;
}
#hdr a {
	text-decoration: none;
}
#hdr div.logo {
	margin-top: 0;
	font-size: 2.4em;
	font-weight: bold;
	padding: 0.5em 45px;
	background: #eee;
}
#nav-top {
	float: left;
	color: #333;
	font-weight: bold;
	margin-top: 0.5em;
	margin-left: 45px;
}
#nav-top ul {
	margin: 0;
	padding-left: 0;
}
#nav-top li {
	float: left;
	list-style: none;
	margin-right: 10px;
}
#nav-top a {
	float: left;
	display: block;
	padding: 8px 15px;
	font-size: 1.2em;
	background: #eee;
}
#nav-top a:hover {
}
#nav-top a.path1 {
	color: #f60;
	background: #fff;
    text-decoration: none !important;
}
#nav-top a.path1:hover {
	color: #f60 !important;
}
#nav-lng {
	float: right;
	clear: right;
	text-align: right;
	margin-top: 1em;
	margin-right: 40px;
	font-size: 0.8em;
    padding: 3px 5px;
    background: #fff;
}

#local {
	width: 790px;
	margin: 0 auto;
	padding-top: 1px;
	background: #fff;
}

#titre {
	color: #A31F1F;
	width: 700px;
	margin: 0 auto;
	margin-top: 25px;
}
#titre h1 {
	font-weight: normal;
	font-size: 1.2em;
	margin: 0;
}
#titre a {
	text-decoration: none;
}
#titre span.here {
	font-size: 2em;
	font-weight: bold;
	display: block;
}
body.bio #titre h1 span.here,
body.oeuvre #titre h1 span.here {
	font-size: 1.5em;
}
#titre p {
	font-size: 1.2em;
	margin: 5px 0 0 0;
}
#titre p.compo {
	font-weight: bold;
}

#nav-tab {
	width: 700px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 25px;
}
#nav-tab ul {
	padding: 0;
	margin: 0 auto;
}
#nav-tab li {
	float: left;
	list-style: none;
	margin-right: 2px;
	margin-bottom: 3px;
	font-size: 0.9em;
}
#nav-tab li.debut-section {
}
#nav-tab a {
	display: block;
	text-decoration: none;
	padding: 2px 3px;
	border: 1px solid #333;
	color: #333;
}
#nav-tab li.debut-section a {
	padding: 1px 3px 2px 2px;
	border-left-width: 2px;
	border-top-width: 2px;
  background-color: #f6f2f2;
}
#nav-tab a:hover {
	text-decoration: none !important;
	border-color: #A31F1F;
}
#nav-tab a.here1 {
	font-weight: normal;
	background-color: #F1EDED;
	color: #FF6400;
	border-color: #FF6400;
}
#nav-tab a.here1:hover {
	color: #FF6400 !important;
}
#nav-tab-bar {
	clear: both;
}

#contenu {
	width: 700px;
	margin: 25px auto;
	padding-bottom: 20px;
}

#nav-contexte {
	width: 110px;
	float: left;
	color: #333;
	margin-bottom: 20px;
}
#nav-contexte a {
	color: #333;
	text-decoration: none;
}
#nav-contexte div.root {
	font-weight: bold;
	margin-bottom: 10px;
}
#nav-contexte div.root span.icone {
	margin-bottom: 5px;
}
#nav-contexte ul {
	clear: left;
	margin: 0;
	padding-left: 16px;
}
#nav-contexte li {
	margin: 5px 0;
}
#nav-contexte ul ul {
	padding-left: 10px;
}
#nav-contexte li li {
	list-style: none;
	margin: 2px 0;
}
#nav-contexte a.path1 {
	font-weight: bold;
  color: #f60;
  text-decoration: none !important;
}

#principal {
	margin: 0 0;
}
#principal.avec-contexte {
	float: right;
	width: 570px;
}
#principal.avec-secondaire {
	float: left;
	width: 460px;
}
#principal.avec-contexte.avec-secondaire {
	float: right;
	width: 280px;
}
#principal.avec-contexte>*:first-child,
#principal.avec-secondaire>*:first-child {
	margin-top: 0;
}

#principal h2 {
	margin-top: 1.5em;
	font-size: 1.5em;
	color: #6F7D7D;
}
#principal h2 span.sous {
	display: block;
	font-size: 0.8em;
}
#principal h3 {
	margin-top: 1.5em;
	font-size: 1.2em;
	color: #6F7D7D;
}

#secondaire {
	float: right;
	width: 220px;
	font-size: 0.9em;
}
#secondaire>*:first-child {
	margin-top: 0;
}
#secondaire h2 {
	margin-top: 1.5em;
	font-size: 1.4em;
	color: #6F7D7D;
}
#secondaire h3 {
	margin-top: 1.5em;
	font-size: 1.2em;
	color: #6F7D7D;
}

div.texte {
	margin: 1.5em 0;
}
div.texte>*:first-child {
	margin-top: 0 !important;
}
div.texte p {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}
div.texte ul {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
	padding-left: 20px;
}
div.texte li {
	margin: 0 0 0.5em 0;
	list-style: square;
}
div.texte table {
	margin: 1.5em 0;
	border: 1px solid #f60;
	border-collapse: collapse;
}
div.texte table th {
	border: 1px solid #f60;
	padding: 5px;
	text-align: left;
	color: #6F7D7D;
}
div.texte table td {
	border: 1px solid #f60;
	padding: 5px;
}

div.info {
	margin: 1.5em 0;
	padding: 1px 10px;
	border: 1px solid #C0C0C0;
}
div.info ul {
	margin: 0.3em 0;
	line-height: 1.2em;
	padding-left: 20px;
}
div.info li {
	margin: 0 0 0.5em 0;
	list-style: square;
	font-size: 0.9em;
}
div.info strong {
	color: #6F7D7D;
}

#bio-hdr p {
	margin: 0;
}
#bio-hdr p span.nom {
	font-size: 1.4em;
}
#bio-hdr ul {
	padding-left: 16px;
	margin: 0.2em 0;
}
#bio-hdr li {
	margin: 0 0 0.2em 0;
	font-size: 0.8em;
	list-style: square;
}

ul.bio-list {
	padding-left: 0;
}
ul.bio-list li {
	list-style: none;
	margin: 0 0 0.5em 3em;
	text-indent: -3em;
}
ul.bio-list span.ind {
	font-weight: normal;
}
ul.bio-list a {
	text-decoration: none;
}

div.oeuvre-options ul {
	padding: 0;
	margin: 0;
	float: right;
}
div.oeuvre-options li {
	list-style: none;
	display: inline;
}
div.oeuvre-options a {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	border: 1px solid #eee;
	margin-right: 5px;
	margin-bottom: 10px;
	background: #eee;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	opacity: 0.5;
}
div.oeuvre-options a.actif {
	opacity: 1;
  border-color: #f60;
}
div.oeuvre-options a:hover {
	border-color: #f60;
}
div.oeuvre-options li.afficher.notice a {
	background-image: url(../res/element/icone-notice.png);
}
div.oeuvre-options li.afficher.audio a {
	background-image: url(../res/element/icone-audio.png);
}

.oeuvre-list {
	clear: left;
	margin: 1em 0;
	padding-left: 0;
}
.oeuvre-list .oeuvre-list {
	margin-top: 0.5em;
}
.oeuvre-list li {
	margin: 0 0 0.5em 3em;
	font-size: 0.9em;
	text-indent: -3em;
}
ol.oeuvre-list>li {
	padding-left: 3em;
	list-style: decimal;
}
ul.oeuvre-list>li {
	list-style: none;
}
.oeuvre-list span.w {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.oeuvre-list .detail .w {
	font-size: inherit;
}
.oeuvre-list a {
	text-decoration: none;
}

div.oeuvre>*:first-child {
	margin-top: 0;
}

ol.mouv-list {
	padding-left: 25px;
}
ol.mouv-list li {
	margin: 0 0 0.5em 0;
}
ol.mouv-list a {
	text-decoration: none;
}
ol.mouv-list .w {
	font-style: normal;
	font-weight: bold;
}

#oeuvre-audio {
	background: #eee;
	padding: 1em;
}
#oeuvre-audio h2 {
	font-size: 1.1em;
}
#oeuvre-audio ul {
	padding: 0;
	margin: 0;
}
#oeuvre-audio li {
	list-style: none;
	font-size: 0.9em;
	margin: 0.2em 0;
}
#oeuvre-audio audio {
	width: 100%;
}

#radio {
}
#radio a {
	text-decoration: none;
}

body.radio {
	background: #fff;
}
#radio-hdr {
	margin: 0 !important;
	padding: 5px 10px 5px 23px;
	font-size: 1em !important;
	background: #eee url(../res/element/icone-audio.png) 5px 5px no-repeat;
}

#radio-layout div.programme-zone {
}
#radio-layout div.programme {
	margin-top: 0;
	margin-left: 0;
	padding: 5px 10px;
	overflow: hidden;
	background-color: #eaeaea;
}
#radio-layout div.programme p {
	line-height: normal !important;
}
#radio-layout div.programme p.titre {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1em !important;
	margin: 0.2em 0;
}
#radio-layout div.programme p.titre span.detail {
	font-weight: normal;
	font-size: 0.8em;
	white-space: nowrap;
}
#radio-layout div.programme p.artiste {
	margin: 0.2em 0;
	font-size: 0.9em;
}
#radio-layout div.programme p.titre span.annee,
#radio-layout div.programme p.titre span.duree {
	font-size: 0.8em;
	font-weight: normal;
}
#radio-layout div.programme p.detail {
	margin: 0;
	padding: 5px 10px;
}
#radio-layout div.programme ul {
	margin-left: 0;
	padding: 0;
}
#radio-layout div.programme li {
	clear: right;
	margin: 0.5em 0;
	font-size: 0.85em;
	list-style: none;
}
#radio-layout div.programme div.couv {
	float: right;
	margin: 0 0 0 10px;
}
#radio-layout div.programme div.couv img {
	border: 1px solid #666;
}
#radio-layout div.controle {
}
#radio-layout div.controle object,
#radio-layout div.controle embed {
	width: 220px;
}

div.audio-btn {
	float: right;
	margin: 0 0 10px 10px;
	font-weight: bold;
	background: url(../res/element/btn_fond1.png) top left no-repeat;
	color: #333;
}
div.audio-btn span {
	display: block;
	padding: 8px 14px 10px 16px;
	background: url(../res/element/btn_fond2.png) top right no-repeat;
}
div.audio-btn object {
	vertical-align: top;
}

img.logo {
	padding: 0 10px;
}

div.prev-btn {
	float: left;
	margin: 0 10px 10px 0;
	font-weight: bold;
	background: url(../res/element/btn_fond1.png) top left no-repeat;
	color: #333;
}
div.prev-btn a {
	display: block;
	padding: 8px 14px 10px 16px;
	background: url(../res/element/btn_fond2.png) top right no-repeat;
	text-decoration: none;
}

div.next-btn {
	float: right;
	margin: 0 0 10px 10px;
	font-weight: bold;
	background: url(../res/element/btn_fond1.png) top left no-repeat;
	color: #333;
}
div.next-btn a {
	display: block;
	padding: 8px 14px 10px 16px;
	background: url(../res/element/btn_fond2.png) top right no-repeat;
	text-decoration: none;
}

span.icone {
	background: #fff;
	padding: 4px;
	float: left;
	display: block;
	margin-right: 6px;
}
a:hover span.icone {
	padding: 3px;
	border: 1px solid #A31F1F;
}

div.moitie {
	float: left;
	width: 45%;
	margin-right: 5%;
}
div.moitie>*:first-child {
	margin-top: 0;
}

div.tiers {
	float: left;
	width: 32%;
	margin-right: 1%;
    font-size: 0.9em;
}
div.tiers>*:first-child {
	margin-top: 0;
}

.detail {
	font-size: 0.9em;
}
p.sig {
	text-align: right;
}

img.float-r {
	float: right;
	padding: 10px;
	background: #fff;
	margin: 0 0 10px 10px;
}

#cec-bottom {
	width: 700px;
	margin: 0 auto;
	color: #999;
	font-size: 0.85em;
	text-align: center;
	padding: 10px 0 0 0;
	background: #fff;
}
#cec-bottom ul {
	margin: 0;
}
#cec-bottom li {
	list-style: none;
	display: inline;
	margin: 0 10px;
}
#cec-bottom a {
	text-decoration: none;
}

#gen {
	width: 700px;
	margin: 0 auto;
	color: #999;
	font-size: 0.8em;
	text-align: center;
	padding: 10px 0;
	background: #fff;
}
#gen a {
	color: #666;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}
#gen a:hover {
	color: #f30 !important;
	border-bottom: 1px solid #f96;
	padding-bottom: 1px;
	text-decoration: none !important;
}
#gen code {
	padding: 1px 6px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 1.2em;
}


