/* @override http://www.3ctour.com/assets/templates/3c/style_3c_contenu.css */

#colonne_droite {
	background-color: #FFF;
	border-bottom: 4px solid #111;
	width: 778px; /* bof bof */
	float: left;
}

#contenu, #contenu_kids {
	/*border-right: 1px solid #333;*/
	padding: 24px 33px; /* 15px 33px 10px */
	background: #FFF url(../images/contenu_degrade.png) repeat-x 0 0;
	/*border-right: 2px solid #111;*/
}

#contenu_kids {
	color: #FE9;
	background: #FE9 url(../images/contenu_degrade_kids.png) repeat-x 0 top;
}

#contenu_kids a {
	font-weight: bold;
	color: #D52;
}

#contenu_kids a:hover, #contenu_kids a:focus {
	border-bottom: 1px solid #876;
}

#contenu_kids p {
	/*color: #FE9;*/
	background-color: #103; /* #170032 */
	padding: 4px 5px 5px;
}

#contenu_kids h2,
#contenu_kids h3,
#contenu_kids h4,
#contenu_kids h5,
#contenu_kids h6 {
	background-color: #103;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}


#contenu_kids img {
	display: block;
	border-color: #103; /* #170032 */
	background-color: #103; /* #C41 */ /* #170032 */
}

/* clearfix */

#contenu:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background-color: transparent;
}
#contenu {
display:inline-block;
min-height:1810px;
}
/* Hide from IE Mac \*/
#contenu {display:block;}
/* End hide from IE Mac */

#contenu_kids:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background-color: transparent;
}
#contenu_kids {display:inline-block;}
/* Hide from IE Mac \*/
#contenu_kids {display:block;}
/* End hide from IE Mac */


/* fin de clearfix */

h1 {
	/*color: #245;*/
	/*text-transform: uppercase;*/
	/* letter-spacing: .15em; */
	/* word-spacing: -.1em; */
	
	/* font: 1.5em/1.3 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; */
	margin-bottom: 19px;
	font: bold 1.5em/1.3px Georgia, "Times New Roman", Times, serif;
}

#contenu_kids h1 {
	margin-bottom: 0;
}

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #D52;
}

h2 {
	font-size: 1.25em;
	margin: 6px 0 17px;
	line-height: 19px;
}

h2 em, h3 em, h4 em, h5 em, h6 em {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 em {
	font-weight: normal;
	font-style: normal;
	margin: 0;
}

#contenu p{
	margin-bottom: 19px;
}

.text_art{
	margin-bottom: 0px;
}

#contenu .text_art p{
	margin-bottom: 0px;
	text-align:justify;
}

.artiste{
	margin-bottom: 0px;
	display:inline;
}

#contenu .artiste p{
	margin-bottom: 0px;
	display:inline;
}

#contenu ul {
	margin-bottom: 19px;
}

#contenu ul, #contenu_kids ul {
	/*list-style-position: outside;*/
	padding-left: 2em;
}

#contenu_kids ul {
	color: #FE9;
	background-color: #103;
}

#contenu a {
	color: #790;
	font-weight: bold;
}
#contenu #filesystem a {
	color: #5f6f6f;
	font-weight: bold;
}


#contenu a:hover, #contenu a:focus {
	border-bottom: 1px solid #9BB;
}

/* #contenu a:visited {
	color: #899;
} */

/* ---------------------------------------

   --------------------------------------- */

#bloc_actu {
	border-bottom: 1px solid #899;
	padding-bottom: 25px;
	margin-bottom: 0px;
}

/* clearfix */

#bloc_actu:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background-color: transparent;
}
#bloc_actu {display:inline-block;}
/* Hide from IE Mac \*/
#bloc_actu {display:block;}
/* End hide from IE Mac */

/* fin de clearfix */

.barre_titre_actu {
	border-bottom: 1px solid #BCC;
	padding: 7px 0;
}

/* clearfix */

.barre_titre_actu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	background-color: transparent;
}
.barre_titre_actu {display:inline-block;}
/* Hide from IE Mac \*/
.barre_titre_actu {display:block;}
/* End hide from IE Mac */

/* fin de clearfix */

#bloc_actu .date_actu {
	width: 100px;
	font: 13px "Lucida Grande", "Lucida Sans", Arial, Helvetica, Verdana, sans-serif;
	color: #245;
	display: block;
	float: left;
	margin-top: 3px;
}

#bloc_actu .contenu_actu {
	margin-top: 11px;
}

#bloc_actu .img_actu {
	float: left;
	display: block;
}

#bloc_actu img {
	/*width: 100px;*/
	margin: 0 15px 0 0;
}

#bloc_actu h2.titre_actu,
#bloc_actu .texte_actu {
	width: 585px;
	float: right;
	display: block;
	margin: 0;
}

#bloc_actu p {
	margin: 0 !important;
	padding: 0;
	text-align:justify;
}

/* clearfix */

#bloc_actu .texte_actu:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background-color: transparent;
}

/* fin de clearfix */

/* ---------------------------------------

   --------------------------------------- */

.table_concerts {
	padding-top: 9px;
}

.table_concerts table {
	border-collapse: collapse;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	width: 100%;
}

.table_concerts abbr {
	text-transform: uppercase;
	color: #899;
}

.table_concerts th {
	color: #899;
	/*border-top: none;*/
	padding: 0 15px 10px 0;
	text-align: left;
	vertical-align: middle;
}

.table_concerts tbody {
	border: 0 solid #899;
	border-width: 1px 0 1px 0;
}

#contenu_kids .table_concerts tbody {
	border-color: #876;
}

.table_concerts td {
	line-height: 15px;
	text-align: left;
	vertical-align: baseline;
	padding: 4px 20px 4px 0;
	border: 0 inset #CDD; /* inset : permet de différencier les lignes séparant les td des lignes séparant les tbody - ne fonctionne pas dans IE */
	border-width: 1px 0;
}

#contenu_kids .table_concerts td {
	border-color: #432;
}

/* @group affichage dates concerts MODx */

.table_concerts td.first {
	border-bottom: none;
}

.table_concerts td.middle {
	border: none;
}

.table_concerts td.last {
	border-top: none;
}

/* @end */

th.concert_colonne_artiste     { width: 150px; }
th.concert_colonne_date        { width: 80px; }
th.concert_colonne_ville       { width: 220px; }
th.concert_colonne_salle       { width: auto; }
th.concert_colonne_reservation { width: 55px; padding-right: 0;} /* 60px */ /* 91px */

.concert_colonne_artiste select,
.concert_colonne_date select,
.concert_colonne_ville select,
.concert_colonne_salle select,
.concert_colonne_reservation select {
	color: #222;
	font-size: 11px;
	width: 100%;
}

.ville_concert {
	text-transform: uppercase;
}

td.case_reservation {
	padding: 4px 0;
	text-align: right;
}

img.logo_fnac {
	background: none;
	padding: 0;
	border: none;
	width: 46px;
	position: relative;
	left: 9px;
}

/*	--------------------------------------
	
	-------------------------------------- */

.titre {
	color: #245;
	text-transform: uppercase;
	letter-spacing: .15em;
	word-spacing: -.1em;
	font: .77em/19px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
}

#contenu .titre a,
#contenu_kids .titre a {
	font-weight: normal;
}

#contenu_kids .titre { /* cette règle sert encore ? pour les fiches artistes je dois la contrer : #fiche_artiste_kids .titre (plus bas) */
	display: block;
	background-color: #103;
	color: #FE7;
	padding: 0 5px;
	margin: 0;
}

.rangee_1 {
	float: left;
	margin-bottom:30px;
}

#contenu_kids .rangee_1 {
	background-color: #103;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 690px;
}

.rangee_2 {
	float: left;
	position: relative;
	margin-bottom: 20px;
	top: 20px;
}

#contenu_kids .rangee_2 {
	padding: 10px;
}

/* @group 2 colonnes */

#poeme_maidi p {
	text-indent: -15px;
	padding-left: 15px;
	margin-bottom: 0;
}

.colonne_1s2,
.colonne_2s2 {
	width: 339px;
	float: left;
}

#contenu_kids .colonne_1s2,
#contenu_kids .colonne_2s2 {
	width: 340px;
	float: left;
}

#contenu_kids .colonnes_separees .colonne_1s2,
#contenu_kids .colonnes_separees .colonne_2s2 {
	width: 345px;
}

.colonne_1s2 {
	/*border-right: 1px solid #CDD;*/
	padding-right: 15px; /* 14px */
}

#contenu_kids .colonne_1s2 {
	padding-right: 5px; /* 14px */
}

#contenu_kids .colonnes_separees .colonne_1s2 {
	padding-right: 10px;
}

.colonne_2s2 {
	/*border-left: 1px solid #FFF;*/
	padding-left: 16px; /* 14px */
}

#contenu_kids .colonne_2s2 {
	padding-left: 5px; /* 14px */
}

#contenu_kids .colonnes_separees .colonne_2s2 {
	padding-left: 10px;
}

.colonne_1s2 img,
.colonne_2s2 img {
	width: 328px;
	/*padding: 4px;
	border: 1px solid #ABB;
	background-color: #FFF;*/
	margin: 5px 0;
}

#contenu_kids .colonne_1s2 img,
#contenu_kids .colonne_2s2 img {
	width: 330px;
	/*padding: 4px;
	border: 1px solid #ABB;
	background-color: #FFF;*/
	margin: 5px 0;
}

#contenu_kids .colonnes_separees {
	background-color: transparent;
	padding: 0;
	width: 710px;
}

#contenu_kids .colonnes_separees img {
	width: 313px;
	margin: 0 !important;
	padding: 15px;
}

#contenu_kids .colonnes_separees p {
	padding: 4px 15px 5px;
}

/* @end */

/* @group 3 colonnes */

.colonne_1s3,
.colonne_2s3,
.colonne_3s3 {
	width: 216px;
	float: left;
}

#contenu_kids .colonne_1s3,
#contenu_kids .colonne_2s3,
#contenu_kids .colonne_3s3 {
	width: 209px;
	float: left;
}

.colonne_1s3,
.colonne_2s3 {
	/*border-right: 1px solid #CDD*/;
	padding-right: 15px; /* 14px */
}

.colonne_2s3,
.colonne_3s3 {
	/*border-left: 1px solid #FFF;*/
	padding-left: 16px; /* 14px */
}

.colonne_1s3 img,
.colonne_2s3 img,
.colonne_3s3 img {
	width: 205px;
	/*padding: 4px;
	border: 1px solid #ABB;
	background-color: #FFF;*/
	margin: 5px 0;
}

#contenu_kids .colonne_1s3 img,
#contenu_kids .colonne_2s3 img,
#contenu_kids .colonne_3s3 img {
	width: 199px;
	/*padding: 4px;
	border: 1px solid #ABB;
	background-color: #FFF;*/
	margin: 5px 0;
}

/* @end */

.auteur_portrait {
	color: #245;
	font-weight: bold;
}

img.guillemets, img.guillemets_titre {
	width: 38px;
	border: none;
	float: left;
	background-color: transparent;
	padding: 0;
	margin: 4px 8px 0 0;
}

img.guillemets_titre {
	position: relative;
	top: -9px;
}

img.image_sans_border {
	border: none;
	background: none;
}

img.image_centree {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto
}

/* clearfix */
/*
#portrait:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background-color: transparent;
}
*/
/* fin de clearfix */

/*	--------------------------------------
	Règles spéciales fiches artistes
	-------------------------------------- */
	
#fiche_artiste h2,
#fiche_artiste_kids h2 {
	margin-top: 25px;
}

#fiche_artiste_kids {
	background-color: #103;
	padding: 0 20px 20px 20px;
}

#fiche_artiste_kids p,
#fiche_artiste_kids h1,
#fiche_artiste_kids h2,
#fiche_artiste_kids h3,
#fiche_artiste_kids h4,
#fiche_artiste_kids h5,
#fiche_artiste_kids h6,
#fiche_artiste_kids .titre {
	background: none;
	padding: 0;
	margin-bottom: 19px;
}

#fiche_artiste_kids #bloc_actu h2.titre_actu,
#fiche_artiste_kids #bloc_actu .texte_actu {
	width: 550px;
}

#bloc_actu .date_actu {
	color: #467;
}

/*	--------------------------------------
	Explorateur espace pro
	-------------------------------------- */
	
#explorateur table {
	width: 100%;
}

#explorateur th {
	text-align: left;
	color: #899;
}

#explorateur tr.fd-parent a {
	color: #D52;
}

/* #explorateur tr.fd-folder {
	background-color: #EEE;
} */

#explorateur .fd-file a {
	color: #123;
	font-weight: normal;
}

.colonne_2s2 #contenu
{
	padding-left:0px;
	padding-top:0px;
}

.txt_art
{
	height:auto;
	overflow:hidden;
}

.txt_art H2
{
	border:0px solid #BBCCCC;
	border-top:0px solid #889999;
}

.h2bordure
{ border-bottom:1px solid #BBCCCC; border-top:1px solid #889999; }