/*CSS Reset par Yahoo*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/**
* Start Vanilla Stylesheet 0.9.5
*/
body {
	font: 9pt/1.5em Arial, Helvetica, sans-serif;
}
pre, code, tt {
	font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace;
}
h1, h2, h3, h4, h5, h6, b, strong {
	font-weight: bold;
}
em, i, dfn {
	font-style: italic;
}
dfn {
	font-weight:bold;
}
p, code, pre, kbd {
	margin:0 0 1.5em 0;
}
blockquote {
	margin:0 1.5em 1.5em 1.5em;
}
li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin:0 1.5em 1.5em 1.5em;
}
ul, ul li {
	list-style-type:disc;
}
ol, ol li {
	list-style-type:decimal;
}
dl {
	margin:0 0 1.5em 0;
}
dl dt {
	font-weight:bold;
}
dd {
	margin-left:1.5em;
}
table {
	margin-bottom:1.4em;
	width:100%;
}
th {
	font-weight:bold;
	
}
th, td, caption {
	padding:4px 10px 4px 5px;
}
tfoot {
	font-style:italic;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom: 1px dotted;
}
address {
	margin:0 0 1.5em;
	font-style:italic;
}
del {
	text-decoration: line-through;
}
pre {
	margin:1.5em 0;
	white-space:pre;
}
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	display: inline;
}
img.alignleft {
	display: inline;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.clearfix:after, clear:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*:first-child+html .clearfix {
	zoom: 1;
	display: block;
}
* html .clearfix {
	zoom: 1;
	display: block;
}
/**
* End Vanilla Stylesheet
*/




/*************** Corps du CSS ********************/
/********** Redéfinition des styles de base **********/

body {
	background:#FFF url("../images/logo_chyz.png") no-repeat;
}


h1 {
	display:none;
	font-size:2em;
}

#mainlogo h1 {display: block;
	position:absolute;top:0px;left:0px;z-index:1;
	text-indent: -9999px;
}
#mainlogo h1 a {text-indent: -9999px;
	width:210px; height:110px; display:block;
}

h2 {
	font-size:22px;
}
h3 {
	font-size:1.5em;
}
h4 {
	font-size:1.3em;
}
h5 {
	font-size:1.1em;
}

img {
	margin-bottom:1em;
}

a:link {
	color:#1a171b;
}
a:visited {
	color:#1a171b;
}
a:hover {
	color:#999;
}
a:active {
	color:#1a171b;
}

table, td, th {
	border:#000 solid 2px;
}

th {
	text-align:center;
}

/********** Header **********/
#header {
	clear:both;
	width: 990px;
}

#pubTop {
    margin: 9px 0 0 216px;
    display: block;
    width: 700px;
    height: 89px;
}

#pubTop img {
    margin-bottom: 0;
}

#langSwitcher {
	float:right;
	margin-right:2em;
}

#filArianne {
	margin-left:90px;
	display:block;
	padding-top:12px;
}
#filArianne a, #langSwitcher {
	text-decoration:none;
}


/***** Formulaire de recherche *****/
#box-rech {
	float:right;
	padding:0;
	margin-bottom:0;
	background-color:#000;
}

#rechercherForm {
	padding:0 13px 0 0;
	background:transparent url("../images/box_top_right.png") no-repeat scroll top right;
}

#rechercherForm input {
	background-color:#FFF;
	margin-bottom:0;
	padding:3px;
	border: #000 solid 1px;
	border-width:1px 0px 1px 1px;
}

#rechercherForm label {
	display:none;
}
#rechercherForm #textFieldRecherche {
	padding:4px;
}
#boutonRechercher {
	padding-bottom:20px;
}
#boutonRechercher:link{
	background-color:#FFF;
}
#boutonRechercher:visited {
	background-color:#FFF;
}
#boutonRechercher:hover {
	background-color:#e5e4de;
}
#boutonRechercher:active {
	background-color:#FFF;
}


/**** Menu *****/

#menuMain {
    float:left; margin-left: 60px;
}
#menuMain a {
    text-decoration: none;
    margin: 0 3px;
}
#menuTopBox {
    margin: 20px 0 0 90px;
    overflow: hidden;
}
#menuBox {
    float: left;
}
#menuTop {
	clear:both;
    overflow: hidden;
}
ul.menu {
	margin:0;
	background-color:#FFF;
}
.menu li {
	list-style:none;
	background-color:#000;
	padding-top:10px;
	padding-bottom:20px;
	float:left;
	display:block;
}

.menu li.first {
	background:#000 url("../images/box_bottom_left.png") no-repeat scroll left bottom;
}
.menu li.first a {
	border-left:#000 solid 1px;
}

.menu .last {
	float:left;
	padding-right:13px;
}

.menu li a {
	font-size:14px;
	color:#1a171b;
	text-decoration:none;
	border-top:#000 solid 1px;
	padding: 10px 28px;
    white-space: nowrap;
}
.menu li a:link {
	background-color:#FFF;
}
.menu li a:visited {
	background-color:#FFF;
}
.menu li a:hover {
	background-color:#e5e4de;
	color:#000;
}
.menu li a:active {
	background-color:#FFF;
}

/*** Sous menu ***/

.sousmenu {
	display:none;
	position:absolute;
	z-index:10;
	margin:0;
	margin-top:9px;
	width:200px;
}
.sousmenu .box-content {
	background:#000 url(../images/menu_coin_top_right.png) no-repeat scroll right top;
}
.sousmenu ul {
	margin:0;
}
.sousmenu li {
	float:none;
	margin:0;
	padding:0;
	display:block;
}

.sousmenu li a {
	border:#000 solid 1px;
	border-bottom:none;
	border-right:none;
	padding:10px 20px;
	display:block;
	background-color:#FFF;
    white-space: normal;
}
.sousmenu li a:hover {
	color:#000;
}

#sousmenu-last .box-content {
	background: #000 url(../images/box_top_right.png) no-repeat scroll right top
}

/********** Footer **********/
#footer {
	background-color:#e5e4de;
	width:100%;
	clear:both;
}
#centeredFooter {
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:960px;
	text-align:center;
}
#pubBottom {
	margin:10px;
}
#copyright {
	font-size: 0.9em;
	margin-top:5px;
	text-align:left;
	display:block;
}

/***** Menu sec *****/
#menuSec {	
	clear:both;
}

#menuSec > li {
	display:inline;
	float:left;
	text-align:left;
	width:14.2%;
}
#menuSec li {
	font-size:1.25em;
}
#menuSec ul {
	margin-left:0;
}
#menuSec li li{
	font-size:0.75em;
	list-style:none;
	margin-top:5px;
}
#menuSec li a, #menuSec li li a {
	text-decoration:none;
}


/***** Lecteur sonore ******/
#lecteur-mp3 {
    float: right;
}

#lecteur-contenu {
	background-color:#fff;
	padding: 6px;
    height:51px;
	border-top:#000 solid 1px;
	border-left:#000 solid 1px;
}

#lecteur-contenu h2 {
	margin-bottom:8px;
}

#lecteur-contenu h2 a{
    font-size: 15px;
	margin-top:5px;
	padding-right:28px;
	padding-bottom:2px;
	background: url("../images/sprite_btn_play.png") no-repeat right 0;
}

#lecteur-contenu h2 a:hover {
	background-position: right -26px; 
}

#infos {
	font-size:0.8em;
}

/********** Éléments communs *********/

.box {
	background-color:#000;
}
.box-inner {
	background:transparent url("../images/box_bottom_left.png") no-repeat scroll left bottom;
	padding-bottom:10px;
}
.box-content {
	background:#000 url("../images/box_top_right.png") no-repeat scroll right top;
	padding-right:14px;
}



/********** Body **********/
#body {
	/* clear:both; */
	width:100%;
}
/*** Les types de colonnes ***/
#colonnes {
	margin-top:1.5em;
	margin-bottom:1.5em;
	margin-left:47px;
	min-width:960px;
	max-width:1400px;
}

#colonne1-3, #colonne2-3, #colonne3-3, #colonneWide1-3,
#colonneNarrow2-3, #colonneNarrow3-3, #colonne1-2,
#colonne2-2, #colonne1Wide-2, #colonne2Narrow-2 {
	float:left;
}
#colonne1-1 {
	width:95%;
}
#colonne1-3, #colonne2-3, #colonne3-3 {
	width:32%;
}
#colonneWide1-3 {
	/*width:48%;*/
    width:560px;
    margin-left:43px;
    margin-right:40px;
}
#colonneNarrow2-3, #colonneNarrow3-3, #colonne2Narrow-2 {
	/*width:24%;*/
	width:22%;
}

#colonne1-2, #colonne2-2 {
	/*width:49%;*/
    /* modifier ceci a un effet sur l'accueil. attention! */
    margin-left:43px;
}

#colonne1Wide-2{
	width:73%;
}

/* #colonne2-3, #colonne3-3 { clear: right; }*/

/* nouvelle section AMPLI */
#colonnes.ampli {
	width:960px;
	min-width:0px;
	margin-left:90px;
}

#colonnes.ampli #colonne1-3 {margin-left:0;}

.ampli .description-right-to-left-wider table,
.ampli .description-right-to-left-wider table tr td {
	border:none
}

.ampli .description-right-to-left-wider table tr td p a {
	
}

.ampli #colonne1-3, .ampli #colonne2-3, .ampli #colonne3-3 {
	width:275px;
	margin-right:36px;
}

.ampli #colonne3-3 {margin-right:0;}

.ampli #colonne1-3 .section3col-narrow,
.ampli #colonne2-3 .section3col-narrow,
.ampli #colonne3-3 .section3col-narrow {width:275px;}

.ampli .colonne .titre-section img {margin:0 0 8px 0;}
/* FIN: nouvelle section AMPLI */

/***** Les sections des colonnes *****/
.section3col, .section3col-align-right, .section3col-align-center, .section2col, .section3col-wide, .section3col-narrow, .section2col-wide, .section2col-narrow, .section1col, .section1col-wide {
	clear:both;
	margin-bottom:5em;
}

.section3col, .section3col-align-right, .section3col-align-center {
	width:275px;
}
.section2col, .section3col-wide {
	/*width:425px;*/
}
.section1col { /*Pour le lecteur*/
	width:455px;
}
.section1col-wide {
	/*width:940px;*/
	min-width:940px;
}
.section2col-wide {
	width:675px;
}
.section3col-narrow, .section2col-narrow {
	width:235px;
}

.section2col, .section2col-wide, .section2col-narrow, .section3col-align-center, .section3col-wide, .section1col-wide {
	margin-left:auto;
	margin-right:auto;
}
.section3col-align-right {
	float:right;
	/*margin-right:1em;*/
}


/*** La section d'information ***/
.section-info {
	padding-top:5px;
	margin-bottom:15px;
	clear:both;
}

.sous-info {
	/*margin-top:1em;*/
}

.section-element-programmation-chyz, .section-element-studio-mobile, .section-element-enregistrement, .section-element-spectacle-evenement, .section-element-aucune-categorie {
	clear:both;
}

/*Les couleurs des bordures*/
.section-element-programmation-chyz .section-info{
	border-top:#f80909 solid 2px;
}
.section-element-studio-mobile .section-info {
	border-top:#3cc solid 2px;
}
.section-element-enregistrement .section-info{
	border-top:#3c0 solid 2px;
}
.section-element-spectacle-evenement .section-info{
	border-top:#fbbb08 solid 2px;
}
.section-element-aucune-categorie .section-info{
	border-top:#000 solid 2px;
}

/*Les couleurs des titre avec un liens*/
.section-element-programmation-chyz h3 a:hover, .section-element-programmation-chyz .titre-section-info a:hover, .titre-programmation-chyz a:hover {
	color:#f80909;
}
.section-element-studio-mobile h3 a:hover, .section-element-studio-mobile .titre-section-info a:hover, .titre-studio-mobile a:hover {
	color:#3cc;
}
.section-element-enregistrement h3 a:hover , .section-element-enregistrement .titre-section-info a:hover, .titre-enregistrement a:hover {
	color:#3c0;
}
.section-element-spectacle-evenement h3 a:hover, .section-element-spectacle-evenement .titre-section-info a:hover, .titre-spectacle-evenement a:hover {
	color:#fbbb08;
}


/***** Les titres dans les sections *****/
h3 img { /*Pour les icones dans les titres*/
	margin-bottom:0;
	vertical-align:top;
	margin-top:3px;
}

h2 a, h3 a,  h4 a  {
	text-decoration:none;
}

.titre-section {
	padding-bottom:5px;
	border-bottom:#000 solid 10px;
	margin-bottom:20px;
	margin-top:10px;
}
.titre-section-info {
	font-size:1.3em;
}

.titre-balado {
	font-size:1.5em;
	margin-bottom:1em;
    width:600px;
}

h2#legende{
    margin-top: 100px;
}


.titre-post {
	font-size:1.75em;
	margin-bottom:0.5em;
	line-height:1.3em;
}

.titre-texte-normal { 
	font-size:0.55em;
	font-weight:normal;
}

.titre-programmation-chyz, .titre-studio-mobile , .titre-enregistrement, .titre-spectacle-evenement, .titre-aucune-categorie {
	font-size:1.5em;
	line-height:1.25em;
	padding-bottom:5px;
	margin-bottom:5px;
}
.titre-programmation-chyz {
	border-bottom:#f80909 solid 2px;
}
.titre-studio-mobile {
	border-bottom:#3cc solid 2px;
}
.titre-enregistrement {
	border-bottom:#3c0 solid 2px;
}
.titre-spectacle-evenement {
	border-bottom:#fbbb08 solid 2px;
}
.titre-aucune-categorie {
	border-bottom:#000 solid 2px;
}


/***** Les formulaires dans les sections *****/
/*.section3col input, .section3col-align-right input, .section3col-align-center input, .section2col input, .section3col-wide input, section3col-narrow input {*/
input {
	border:#000 solid 2px;
	margin-bottom:1em;
	padding:0.2em;
}

textarea {/*.section3col textarea, .section3col-align-right textarea, .section3col-align-center textarea, .section2col textarea, .section3col-wide textarea, section3col-narrow textarea {*/
	border:#000 solid 2px;
	margin-bottom:1em;
	width:100%;
}

/*** Les pubs ***/

.section-pub-align-center {
	display:block;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2em;
	clear:both;
}

.section-pub-align-right {
	float: right;
	display:block;
	clear:both;
}

/*** Les images ***/
.img-float-left {
	float:left;
	margin-right:0.5em;
	margin-bottom:0.5em;
}

.img-float-right {
	float:right;
	margin-left:0.5em;
	margin-bottom:0.5em;
}


/*** Les séries d'icônes ***/
.serie-icones img, .serie-icones-align-right img{
	margin:0.4em 0.4em 0.4em 0;
}

.serie-icones-align-right {
	float:right;
}

/*** Liste sans puce***/
.liste-nobullet {
	margin-left:0;
}
.liste-nobullet li{
	list-style-type:none;
}

/*** Liste avec boîte ***/
.section-list-item {
	margin:0;
	background-color:#FFF;
}
.section-list-item li {
	list-style:none;
	border:#000 solid 1px;
	border-bottom:none;
	border-right:none;
}

.section-list-item li a {
	display:block;
	padding:5px 0 5px 20px;
	color:#000000;
	text-decoration:none;
}
.section-list-item li a:link {
	background-color:#FFF;
}
.section-list-item li a:visited {
	background-color:#FFF;
}
.section-list-item li a:hover {
	background-color:#e5e4de;
}
.section-list-item li a:active {
	background-color:#FFF;
}

/*** Liste de pages ***/
.liste-pages {
	margin: 0 0 2em 0; 
	font-size:1.2em;
	letter-spacing:0.2em;
}
.liste-pages a {
	background-color:#FFF;
	color:#000;
	padding:4px;
	text-decoration:none;
}
.liste-pages a:hover {
	background-color:#e5e4de;
}
.liste-pages a.selection {
	font-weight:bold;
	background-color:#FFF;
	color:#000;
	cursor:default;
}

/*** Liste pour les palmarès ***/
.liste-palmares {
	margin-left:0;
}
.liste-palmares li{
	list-style-type:none;
}
.liste-palmares li span {
    float: left;
	width: 50px;
}
.liste-palmares a {
	text-decoration:none;
}
.liste-palmares .selection {
	cursor:default;
}
.liste-palmares a.active {
	color:#3cc;
}
.section-element-programmation-chyz .liste-palmares a:hover, .section-element-programmation-chyz .liste-palmares .selection {
	color:#f80909;
}
.section-element-studio-mobile .liste-palmares a:hover, .section-element-studio-mobile .liste-palmares .selection {
	color:#3cc;
}
.section-element-enregistrement .liste-palmares a:hover, .section-element-enregistrement .liste-palmares .selection {
	color:#3c0;
}
.section-element-spectacle-evenement .liste-palmares a:hover, .section-element-spectacle-evenement .liste-palmares .selection {
	color:#f8fbbb080909;
}
/* copie de accueil-2.css */
ul.styles { margin:0 0 26px 0; float:left;}
ul.styles li.style { float:left; text-align: center;margin:0 26px 0 0; padding:0;height:55px;
	list-style:none;
}
ul.styles li.style a{display:block;text-decoration:none;}
ul.styles li.style a span { display:block;text-transform: uppercase; font-size:8px; }
ul.styles li.style a span.smaller {font-size:7px;}
ul.styles li.style a img { display:block; margin:auto; }
ul.styles li.style a.active {color:#3ACECE;}
ul.styles li.last {margin: 0 0 0 -6px;}

ul.positions { float:left; margin:0; }
ul.positions li.position { display:block; padding:6px 0 4px 0; width:100%;float:left;}
ul.positions li.position span.classement { float:left; font-size:40px; display:block; line-height:74px; margin-right:30px; }
ul.positions li.position span.classement.long {margin-right:30px;}
ul.positions li.position a.img { float:left; margin-right:28px; width:61px; height:61px; }
ul.positions li.position a.img img {}
ul.positions li.position div.info { float:left; padding:0 0 0 0; width:170px; }
ul.positions li.position div.info h4.band, 
ul.positions li.position div.info h5.album { margin:0;font-size:13px;letter-spacing: 0.01em;}
ul.positions li.position div.info h4.band { font-weight: bold; margin:0 0 -1px 0; }
ul.positions li.position div.info h5.album { font-weight: normal; margin-left:1px; }
ul.positions li.position div.modif { float:right; color:#3ACECE; position:relative; width:80px; height:75px; }
ul.positions li.position div.modif span.ico {
    /*position:absolute; left:-1px; bottom:30px;*/
    display: block;background: url(../images/accueil-2/palmares-modif.png) no-repeat left top;width:19px; height:11px;
    float:left;
}
ul.positions li.position div.modif span.chiffre {font-size:25px;/*bottom:31px;right:14px;position:absolute;*/float:left;margin-top:24px;}
ul.positions li.position div.modif.up span.ico { background-position:left top; margin:31px 0 0 3px; }
ul.positions li.position div.modif.down span.ico { background-position:left -16px; margin:31px 0 0 3px;}
ul.positions li.position div.modif.stall span.ico { background-position:center -32px; width:14px; height:6px;margin:32px 0 0 6px;}


/*** Les listes de palmarès (bien lire  : ))***/
.liste-archives-4colonne {
	margin-left:1.5em;
	
}
.liste-archives-4colonne ul {
	float:left;
	display:inline;
	width:16%;
}
.liste-archives-4colonne li {
	list-style:none;
}

/*** Boutons  ***/

.boutons, .boutons-align-right, .boutons-musique-xml-podcast {
	margin-bottom:1em;
}
.boutons-align-right {
	float:right;
}

.boutons a, .boutons-align-right a, .boutons-musique-xml-podcast a{
	background-color:#FFF;
	border-top:#000 solid 1px;
	border-left:#000 solid 1px;
	padding:5px 15px;
	color:#000;
	text-decoration:none;
}
.boutons img, .boutons-align-right img, .boutons-musique-xml-podcast img {
	vertical-align:bottom;
	margin-bottom:0;
}

.boutons a:link, .boutons-align-right a:link, .boutons-musique-xml-podcast a:link {
	background-color:#FFF;
}
.boutons a:visited, .boutons-align-right a:visited, .boutons-musique-xml-podcast a:visited {
	background-color:#FFF;
}
.boutons a:hover, .boutons-align-right a:hover, .boutons-musique-xml-podcast a:hover {
	background-color:#e5e4de;
}
.boutons a:active, .boutons-align-right a:active, .boutons-musique-xml-podcast a:active {
	background-color:#FFF;
}
.boutons a.highlight{
	background-color:#e5e4de;
}

.boutons .box-content, .boutons-align-right .box-content {
	padding:4px 0 3px 0;
	/*height:24px;*/
}

/*Écrase le comportement de base*/
.boutons a.desactive, .boutons-align-right a.desactive {
	background-color:#e5e4de;
	cursor:default;
}

/*particularités*/
.bouton-ical-question {
	width:111px;
}


/*** Boutons titre ***/
/*TODO Il y a un bug sur IE7 et IE 6*/
.bouton-titre , .bouton-titre-petit {
	float:right;
	margin-top:-30px;
}
.bouton-titre-petit {
	margin-top:0;
	margin-bottom:-38px;
}
.bouton-titre .box-content { 
	padding:3px 14px 4px 0;
}

.bouton-titre-petit .box-content {
	padding:3px 14px 2px 0;
}

.bouton-titre a, .bouton-titre-petit a{
	padding:4px 3px 5px 3px;
	background-color:#FFF;
	border:#000 solid 1px;
	border-right:none;
	border-bottom:none;
}
.bouton-titre-petit a {
	padding:4px;	
}

.bouton-titre img, .bouton-titre-petit img {
	margin-bottom:0;
	vertical-align:bottom;
}

.bouton-titre-petit a:link, .bouton-titre a:link {
	background-color:#FFF;
}
.bouton-titre-petit a:visited, .bouton-titre a:visited {
	background-color:#FFF;
}
.bouton-titre-petit a:hover, .bouton-titre a:hover {
	background-color:#e5e4de;
}
.bouton-titre-petit a:active, .bouton-titre a:active {
	background-color:#FFF;
}

/*particularités*/
.bouton-titre .btn-question,  .bouton-titre-petit .btn-question{
	padding-left:10px;
	padding-right:10px;
}

/*** Bouton de submit de formulaire ***/
.boutonok {
	border:#000 solid 2px;
	margin:0;
	padding:0;
	background-color:#FFF;
}
.boutonok:hover {
	background-color:#e5e4de;
}

/*** Boutons de formulaire avec boîte ***/

.bouton-form-box {
	float:right;
	margin-bottom:1em;
}

.bouton-form-box input {
	margin:0;
	border:none;
	border-top:#000 solid 1px;
	border-left:#000 solid 1px;
	background-color:#FFF;
	padding:5px 15px;
}

.bouton-form-box input:link{
	background-color:#FFF;
}
.bouton-form-box input:visited {
	background-color:#FFF;
}
.bouton-form-box input:hover {
	background-color:#e5e4de;
}
.bouton-form-box input:active {
	background-color:#FFF;
}


/*** Boutons avec l'écouteur, l'icone mp3, l'icone podcast et l'icone XML ***/
.boutons-musique-xml-podcast {
	width:419px;
}
.boutons-musique-xml-podcast a {
	padding-bottom:10px;
}
.boutons-musique-xml-podcast span {
	vertical-align:middle;
}
.boutons-musique-xml-podcast .box-content {
	padding:4px 0 3px 0;
}

.boutons-musique-xml-podcast img {
	margin:0;
	vertical-align:top;
}

.boutons-musique-xml-podcast .ecouteur {
	margin-top:3px;
}
.boutons-musique-xml-podcast .podcast {
}
.boutons-musique-xml-podcast .mp3 {
	margin-top:3px;
}
.boutons-musique-xml-podcast .rss {
	margin-top:2px;
}


/*** Bouton d'ouverture des informations cachées ***/

.bouton-ouvert-sous-info, .bouton-ferme-sous-info, .bouton-ouvert-sous-info-right, .bouton-ferme-sous-info-right {
	text-decoration:none;
	padding-right:15px;
	margin-bottom:5px;
	background:transparent url("../images/sprite_fleche.png") no-repeat scroll right ;
	display:inline-block;
	height:12px;
}

.bouton-ouvert-sous-info-right, .bouton-ferme-sous-info-right {
	display:block;
}
.bouton-ouvert-sous-info, .bouton-ouvert-sous-info-right{
	background-position: right -13px; 
}
.bouton-ouvert-sous-info:hover, .bouton-ouvert-sous-info-right:hover {
	background-position: right -27px;
}

.bouton-ferme-sous-info, .bouton-ferme-sous-info-right {
	background-position: right 2px; 
}
.bouton-ferme-sous-info:hover,  .bouton-ferme-sous-info-right:hover {
	background-position: right -41px;
}

/*** Liens vers les commentaires ***/

.liens-commentaires {
	float:right;
	text-decoration:none;
}
.liens-commentaires img {
	vertical-align:top;
	margin-top:2px;
}


/*** Tableau avec l'alphabet et des chiffres ***/
.tableau-alphabet-chiffre, .tableau-alphabet-chiffre-titre  {
	width:221px;
}
.tableau-alphabet-chiffre-titre {
	margin-top:-41px;
	float:right;
}

.tableau-alphabet-chiffre ul, .tableau-alphabet-chiffre-titre ul {
	margin:0;
}
.tableau-alphabet-chiffre li, .tableau-alphabet-chiffre-titre li {
	list-style-type:none;
	
	float:left;
}
.tableau-alphabet-chiffre a, .tableau-alphabet-chiffre-titre a {
	border:#000 solid 1px;
	border-bottom:none;
	border-right:none;
	background-color:#BFE2E7;
	color:#000;
	font-size:1.1em;
	text-decoration:none;
	width:10px;
	
	display:block;
	padding:6px;
}
.tableau-alphabet-chiffre a:hover, .tableau-alphabet-chiffre-titre a:hover {
	 background-color:#7CC8CE;
}
.tableau-alphabet-chiffre .selection, .tableau-alphabet-chiffre-titre .selection {
	background-color:#7CC8CE;
	cursor:default;
}

/*** Les albums photos ***/
.credit {
	margin:-30px 0 20px 5px;
	display:block;
}

/*** Les émission ***/
.photo-animateur {
	float:left;
	margin-right:6px;
	margin-bottom:7px;
}

/*** Les outils ***/
.outils {
	margin-top:1em;
}
.outils a {
	text-decoration:none;
}

/*** Les tooltips ***/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/*** TODO Temporaire ***/
#footer #menuSec ul li.soon{
        color:gray;
        list-style:none;
        margin-top:5px;
        text-decoration:none;
}

#menuTop ul li.soon{
        font-size:1.2em;
        color:#D6D6D6;
        background-color:#FFF;
        text-decoration:none;
        border-top:#000 solid 1px;
        border-left:#000 solid 1px;
        list-style:none;
        padding: 10px 19px;
}

.inlinableblock {
	float:left;
	width:423px;
	height:210px;
	margin:20px 40px 20px 0px;
}

.hidden {display:none;}


.messages-container {margin:0 0 12px;padding:1px;text-align:center;border:2px solid red; font-weight:bold;font-size:12pt;}
.messages-container ul {margin:0;padding:0;}
.messages-container ul li {list-style-type:none;margin:0;padding:0;}

.frm-commentaires input#id_name {width: 210px;}
.frm-commentaires input#id_email {width: 210px;}
.frm-commentaires input#id_url {width: 210px;}
.frm-commentaires .errorlist {color:red;}
.frm-commentaires h4 {color:red;margin:10px 0;}


/***** Descriptions Portails *****/
div.description-right-to-left-wide {
    margin-right: 200px;
    width: 44%;
    float: right;
    clear: none;
    margin-bottom: 5em;
}

div.description-right-to-left-narrow {
    margin-right: 100px;
    width: 40%;
    float: right;
    clear: none;
    margin-bottom: 5em;
}

/* Pagination */
.pagination {margin-top:50px;}


/* Recherche */
p.search-results-description {margin-left: 20px; }

/* AMPLI */
div.ampli-texte {margin:20px 100px;}

/* wysiwyg */

.wysiwyg {}
.wysiwyg object,
.wysiwyg object embed {margin:0 0 12px;}

.wysiwyg h2 {
	margin:18px 0 8px;
}
.wysiwyg h3 {
	margin:8px 0;
}
.wysiwyg p {
	margin:0 0 8px 0;
	line-height:15px;
}
.wysiwyg p a {
	color:red;
}
.wysiwyg ul li a {
	color:red;
}
.wysiwyg p a:hover {
	color:black;
}

.wysiwyg ol,
.wysiwyg ul {
	margin-bottom:8px;
}

.wysiwyg ul li,
.wysiwyg ol li {
	line-height:15px;
}
.wysiwyg br {
	clear:both;
}

/* Chrome */
.chrome .menu li {margin-right:-5px;}
.chrome .menu li a{}