
/********[ AJOUT D.UN TABLEAU CSS ]*********/
/*
Page programme / page émissions
*/
/**************************************************
attention, surcharge du CSS : accordion.min.css ***
**************************************************/

.uk-accordion-title {
	padding: 0;
	margin: 0;
	font-size: 1.11em;
	line-height: 19px;
	border: none;
}
.uk-accordion-content {
	padding: 0;
}

/**************** FIN surcharge *******************/

	/* DESACTIVATIONS ************/
.divTableCell.quatre form.addrdtq {
	display: none;
}
.divTableCell span {
	line-height: 24px;
	padding: 0px 0px;
	margin: 0px;
}
	/* BASE commune ************/
.divTable.uk-active {
	background-color: #fff;
}
.divTable{
	display: table;
	width: 100%;
	background-color: #fff;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #eee;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border-bottom: 1px solid #ddd;
	display: table-cell;
	/* preference du padding top et bottom au line-height */
	padding: 1px 0px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.uk-active .divTableCell {
	border-bottom-width: 0px;
}

	/* Structure ************/

.divTableCell.un,
.divTableCell.deux,
.divTableCell.trois {
	text-align: left;
	vertical-align: top;
}
.divTableCell.un {
	width: 21px;
	text-align: center;
	vertical-align: middle;
}
.divTableCell.deux {
	width: 48px;
	text-align: center;
}
.divTableCell.trois {
	width: 595px;
	padding-left: 7px;
	text-align: left;
}
.divTableCell.quatre {
	width: 25px;
	text-align: center;
}
.divTableCell.quatre form.reecoute {
	margin: 0px;
}
.divTableCell.quatre form.reecoute input {
	position: relative;
	top: 1px;
	margin: 0px;
	width: 22px;
	font-weight: normal;
	/*height: 22px;*/
	text-align: center;
}
.divTableCell span {
	color: #022745;
	display: initial;
	font-size: 15px;
}
.divTableCell span.tiret {
	font-size: 12px;
}
.divTableCell span.titreEmission {
	color: #4d6477;
	font-size: 13px;
}
.divTableCell.un .fa {
	font-size: 1.2em;
}
/* chevron gris */
.divTableCell.un .chevron-grise .fa {
	color: #ccc;
}

	/* Survol ************/

.divTableRow.titre {
	background-color: #fff;
}
.uk-accordion-title .divTableRow:hover {
	background-color: #e7e7e7;
}
.divTableCell a:hover {
	text-decoration: none;
}

.uk-accordion-content .divTableRow .divTableCell {
	padding: 12px 33px 7px 83px;
	color: #003da5;
	cursor: default;
	text-align: justify;
}
.uk-accordion-content .divTableRow.priere .divTableCell {
	padding-bottom: 0;
}
.uk-accordion-content.uk-active .divTableCell {
    border-bottom: #ddd solid 1px;
}
.uk-active .divTableCell span {
	color: #003da5;
}
.uk-accordion-title .divTableCell span {
	font-size: 15px;
}
.uk-accordion-title .divTableCell span.tiret {
	font-size: 12px;
}
.uk-accordion-title .divTableCell span.titreEmission {
	display: initial;
	font-size: 13.5px;
}
.uk-accordion-content .divTableCell span {
	display: block;
	padding-right: 20px;
	text-align: right;
}
.uk-accordion-content .divTableCell a {
	color: #003da5;
}
.uk-accordion-content .divTableCell a:hover {
	color: #ff0000;
}
.uk-active .fa-angle-right::before {
    content: "\f107";
}
/**** design incrustation sans heure NORMAL  ***/

.divTable .extrait_parent .divTableRow .divTableCell {
	border-bottom: transparent solid 1px;
}
.divTable .extrait_fils .divTableRow .divTableCell {
	border: none;
}
.divTable .extrait_fils .divTableRow .divTableCell {
	border: none;
}
.divTable .extrait_fils .divTableRow .divTableCell span {
	color: #022745;
	font-size: 14px;
	font-style: italic;
}
.divTable .extrait_fils .divTableRow:last-child .divTableCell {
	border-bottom: #dddddd solid 1px;
}
.divTable .extrait_fils .divTableCell span.titreEmission::before {
	content: "\f2ce";
	font-family: 'FontAwesome';
	font-style: normal;
	padding-left: 7px;
	padding-right: 7px;
}
/**/
/**** design incrustation sans heure EVENEMENT  ***/

.divTableRow.extrait_parent_grandirect .divTableCell {
	border-bottom: transparent solid 1px;
}
.divTableRow.extrait_fils_grandirect .divTableCell {
	border: none;
}
.grandirect .divTableRow.extrait_fils_grandirect .divTableCell span {
	color: #022745;
	font-size: 14px;
	font-style: italic;
}
.divTableRow.extrait_fils_grandirect:last-child .divTableCell {
	border-bottom: #dddddd solid 1px;
}
.divTableRow.extrait_fils_grandirect .divTableCell span.titreEmission::before {
	content: "\f2ce";
	font-family: 'FontAwesome';
	font-style: normal;
	padding-left: 7px;
	padding-right: 7px;
}
/**** Option Sessions */

/* Titre avec DESCRIPTION */

.uk-accordion-title .titre .un span {
	color: #fff;
	font-weight: bold;
}
.uk-accordion-title .titre .fa {
	font-size: 14px;
}
.uk-active .fa-chevron-right::before {
	content: "\f078";
	font-size: 14px;
}

/* DESCRIPTION de la session */

.uk-accordion-content .divTableCell.un,
.uk-accordion-content .divTableCell.deux,
.uk-accordion-content .divTableCell.quatre {
	padding: 3px 0 7px 0;
}

.uk-accordion-content .divTableCell.un {
	width: 22px;
	text-align: center;
	background-color: #febe37;
}
.uk-accordion-content .divTableCell.deux {
	width: 48px;
	text-align: center;
}
/* ATTENTION : 595px + 25px sur cette class : titre session avec description */
.uk-accordion-content .divTableCell.trois {
	width: 620px;
	padding: 3px 33px 7px 20px;
	text-align: justify;
}
.uk-accordion-content .divTableCell.quatre {
	width: 0;
	padding: 0;
	margin: 0;
}

/* Instence emission de la session */

.grandirect .item,
.grandirect .tiret {
	display: none;
}
.grandirect .divTableCell.un {
	background-color: #febe37;
	width: 21px;
	border-bottom-color: #febe37;
}
.grandirect .divTableRow:last-child .divTableCell {
	border-bottom: 3px solid #febe37;
}
.grandirect .divTableCell span.titreEmission {
	color: #022745;
	font-style: normal;
	font-size: 15px;
}

/**** Option Grand direct */

.titre .divTableCell {
	border-top: 3px solid #febe37;
	border-bottom: none;
}
.titre .divTableCell.un,
.grandDirect .divTableCell.un {
	background-color: #febe37;
}
.titre .divTableCell.trois {
	font-weight: bold;
}
.titre .divTableCell span.item {
	color: #4471bd;
	font-size: 1em;
	letter-spacing: 0.02em;
}/*
.divTableRow.programmeDirect {
	background-color: #faefd8;
}*/
.divTableRow.priere {
	background-color: #faefd8;
}
.grandDirect .divTableCell {
	border-bottom: 3px solid #febe37;
}
.grandDirect .divTableCell span.titreEmission {
	color: #022745;
	font-size: 15px;
	font-style: normal;
}

/* est ce que programmeDirect = priere uniquement ? */

/* uniquement pour les temps de priere : arriere-plan couleur */
.programmeDirect .divTableCell {
	/*border: none;*/
}
.programmeDirect .divTableCell.un {
	width: 21px;
}
.programmeDirect .divTableCell.deux {
	width: 48px;
}
/* ATTENTION : 595px + 25px sur la class programmeDirect */
.programmeDirect .divTableCell.trois {
	width: 620px;
}
/* cette cellule est zero, puisque pas de reecoute sur la class : programmeDirect  */
.programmeDirect .divTableCell.quatre {
	width: 0;
}

/**** Option mise en valeur simple : evenement a une instance emission */

.uk-accordion-title .simple .fa {
	font-size: 14px;
}
.simple .divTableCell.un,
.simple .divTableCell.deux {
	background-color: #febe37;
}
.simple .divTableCell.un span,
.simple .divTableCell.deux span {
	font-weight: bold;
	color: #fff;
}
.simple .divTableCell.trois span {
	font-weight: bold;
}
/*** design des icônes play écouter ***/
.divTableCell.quatre a .fa-play-circle-o {
	font-size: 1.7em;
}
.divTableCell.quatre a.re-rouge .fa-play-circle-o {
	color: #ff0000;
}
.divTableCell.quatre a.re-bleu .fa-play-circle-o {
	color: #0161ab;
}
.divTableCell.quatre a.re-gris .fa-play-circle-o {
	color: #ccc;
}
/* uniquement pour le player */
.divTableCell.quatre span.re-gris .fa-play-circle-o,
.divTableCell.quatre span.re-rouge .fa-play-circle-o {
	color: #ccc;
	font-size: 1.7em;
}
/***/
/********[ FIN - AJOUT D.UN TABLEAU CSS ]*********/
