/* ===============================[ G�n�ral ]=================================== */

body {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.9em;
	background: #000 url(images/background.jpg) top center repeat-y;
	margin: 0;
}

div#conteneur {
	width: 1000px;
	margin: 0 auto;
	background: #fff url(images/fond.jpg) top center no-repeat;
	text-align:center;
}

p, h1, h2 {
	text-align: left;
}

h1 {
	font-size: 1.4em;
	padding-left: 20px;
}
img { border: none; }

a {
	color: #990000;
}

a:hover,
a:focus,
a:active {
	color: #eee;
}

li a:hover,
li a:focus,
li a:active {
	color: #ee1d23;
}

a.lien_jaquette img,
a.lien_jaquette img,
a.lien_jaquette img {
	border: 1px solid #000
}

a.lien_jaquette:hover img,
a.lien_jaquette:focus img,
a.lien_jaquette:active img {
	border: 1px solid #eee;
}


/* ===============================[ Header ]=================================== */

div#header {
	height: 250px;
	position: relative;
	font-size: 1.2em;
	line-height: 180px;
}

div#header p {
	margin:0;
	padding:0;
	position:relative;
	font-size: 1.6em;
	font-weight: bold;
	text-indent: 25px;
}

div#header a {
	margin:0;
	padding:0;
	height:150px;
	position:relative;
	display: block;
	text-decoration: none;
}

div#header img {
	display: block;
	border: none;
	position: relative;
}

div#header #zone_Manu {
	width : 30px;
	height: 34px;
	position: absolute;
	right: 134px;
	top: 119px;
	z-index: 33;
	background: transparent url(../../images/transparent.gif);
}


/* ===============================[ Menu ]=================================== */

div#menu {
	width: 205px;
	float: left;
	margin-top: 100px;
}

#menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li
{
	margin: 0 0 5px 0;
	padding: 0 0 0 37px;
	text-align: center;
}

#menu ul li a
{
	display: block;
	line-height: 30px;
	text-decoration: none;
	color: #323232;
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: 1.2px;
	height: 35px;
}

#menu ul li a.active, #menu ul li a.active:hover
{
	color: red;
}

#menu ul li a:hover
{
	color: #A60000;
}


/* ===============================[ Contenu ]=================================== */

div#centre {
	padding: 0;
	overflow: hidden;
	background: url(../../images/mid.jpg) top center no-repeat;
	min-height: 600px;
}

div#contenu { 
	margin: 0 0 0 228px;
	text-align: center;
	width: 765px;
}

#cadre {
	padding: 15px 15px;
	width: 700px;
	background-color: rgba(161, 75, 89, 0.6); 
	border-radius: 10px;
}

#cadre img {
	border: none;
	padding: 0;
	background: #fff;
	display: block;
	margin: 0 auto;
}

.ombre {
  float:left;
  background: url(../../images/shadowAlpha.png) no-repeat bottom right;
  margin: 10px 0 30px 80px;
}
 
.ombre img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.ombre2 {
	display: block;
	text-align: center;
}
 
#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
}

#contenu h1
{
	padding: 0 0 0 50px;
	font-size: 1.5em;
	font-style:italic;
	margin: 10px 0 0;
}

#contenu h2
{
	line-height: 25px;
	font-size: 1.3em;
	margin-left: 15px;
	padding-left: 15px;
	color: #a60000;
	font-style: normal;
}

#accueil {
	width: 730px;
}

#accueil h2, #accueil p {
	margin: 0;
	padding: 0 15px;
	width: 700px;
	background: url(../../images/cadre_bg.png);
}

#accueil p.news_top {
	background: url(../../images/cadre_top.png);
	height: 4px;
}

#accueil .news_bottom {
	background: url(../../images/cadre_btm.png);
	height: 4px;
	margin-bottom: 30px;
}

#accueil h2
{
	margin: 0;
	font-size: 1.3em;
	color: #000;
}

#accueil p
{
	text-align: left ;
	text-indent: .2em ;
	line-height: 1em ;
	padding: 10px 15px;
	margin: 0;
}

#accueil p.date { 
	font-size: 0.7em;
	text-align: right;
}

#object object
{
	background: url(../../images/cadre_bg.png);
	text-indent: 0;
}

#object p
{
	text-indent: 0;
}

#object p.submit
{
	text-indent: 7.3em;
}

#contenu hr
{
	height: 1px;
	border: 0;
	margin-bottom:15px
}

#contenu a:link, #contenu a:visited {
	font-weight:bold;
	text-decoration:none;
}

#contenu a:hover, #contenu a:active {
	text-decoration:underline;
}

.diaporama { 
	margin-bottom:20px;
}

div#interview {
}

div#interview p { 
	text-indent: .5em ;
}

.qui { 
	font-weight:bold;
	color: #A60000;
}

.question { 
	font-style:italic;
	font-weight:bold;
}

.titre { 
	font-style:italic;
}

div#chemin_fer {
	font-size: 0.7em;
	margin: 2px;
	text-align: left
}

div#chemin_fer input { 
	border: none;
	width:32px;
}

.switcherdroit {   
	float:right;
	margin-top:5px;
	margin-right:-15px;
	width:32px;
	height:32px;
	border: none;
	width:32px;	
}

.object {
	margin: 30px auto; 
	text-align:center;
}

.titre_video {
	display: block;
	padding-top: 5px;
	margin-bottom: 20px;
}

/* ===============================[ Pied ]=================================== */

div#piedhaut {
	text-align: right;
	padding: 55px 18px 15px 0;
	background: url(../../images/cadre_btm.png) 228px 0 no-repeat;
}

#piedhaut li {
	margin: 0 30px 0 0;
	list-style-type: none;
}

#piedhaut li.small {
	font-size: .7em;
	margin: 0 15px 0 0;
	padding: 3px 0;
}

#piedhaut a:link, #piedhaut a:visited {
	font-weight:bold;
	text-decoration:none;
}

#piedhaut a:hover, #piedhaut a:active {
	text-decoration:underline overline;
}

div#piedbas {
	width: 940px;
	margin: 0 auto;
	padding:0;
	text-align:center;
	height: 30px;
	font-size:0.7em;
}

#piedbas a:link, #piedbas a:visited {
	font-weight:bold;
	text-decoration:none;
}

#piedbas a:hover, #piedbas a:active {
	text-decoration:underline overline;
}

#piedbas p {
	margin:3px;
	padding:0;
}

/* ===============================[ Form ]=================================== */

textarea, input, label, select 	{
	margin: 0 5px 5px 0
}

textarea, input {
	border: #666 1px solid; 
	background-color: #fff;
	width: 250px; 
}

textarea {
	width: 400px; 
	height: 200px
}

form label { 
	float: left; 
	width: 15%; 
	text-align: right;
	font-weight: bold;
}

.label2 { 
	width: 25%; 
}

#contenu .copyright {
	text-align: center;
	text-indent: 0;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
}

.info {
	font-size: 0.8em; 
	font-style: normal; 
	font-weight: bold;
}

#contenu p.info_flash {
	font-size: 0.8em; 
	font-style: italic;
	text-indent: 0;
	text-align: center;
}

.info table {
	width: 100%;
	margin: 0 auto;
}

.entete {
	font-size: 0.8em; font-style: normal; font-weight: bold;
	background: #ffe56b;
}

.alerte {
	font-size: 0.8em; font-style: normal; font-weight: bold; color: #990000
}

.focus {
	background: #FFE390;
}

#submit, #annul {
	border: 1px #000 solid; 
	cursor: pointer; 
	width: auto;
	background: #900;
	color: #ccc;
}

#flashcontent {
	position: relative;
	margin: 0 auto; 
	border: solid 1px #000;
	width: 300px;
	height: 300px;
	background: #ffe56b;
}

.strong { 
	text-align:center; 
	padding:5px; 
	font-weight:bold;
	color: #fc0;
}

#confirm p, #confirm a { 
	text-align:center; 
	padding:5px; 
	font-weight:bold;
	color: #fc0;
	display: block;
}

.droit { 
	float:right;
	padding-right:5px; 
}

div#contenu_news { 
	padding: 10px 0;
	text-align:left;
}

#accueil .news p {
	line-height: 1.3;
}

div#table { 
	vertical-align: middle;
	font-style:italic;
	width: 600px;
	margin: 0 auto;
	position: relative;
}

.artist {
    color: #727272;
    font-size: smaller;
}

.dwn {
	border:none;
	width:29px;
	height:25px;
}

div#table table {
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
}

div#table form {
	text-align: center;
	vertical-align: middle;
	margin:0;
	padding:0;
}

div#table th, div#table td {
	margin: 0;
	padding: 5px;
}

div#table tr th {
	background: #454545;
	color: #ddd;
}

div#table tr {
	background: #fff;
}

div#table #entete_th {
	background: #666 url(../../images/th_fond2.jpg) 100% 100% no-repeat;
}

div#table tbody td {
	border-top: 1px solid #454545;
}

div#table tbody tr td {
	/*opacity: .84;*/
}

div#table tbody tr:hover td {
	opacity: 1;
}


div#table thead th {
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	padding: 0 8px 2px 8px;
}

div#table td.gauche {
	padding-right: 35px;
}

div#table td p.telecharge
{
	text-align: center;
	text-indent: 0;
	padding: 0;
	margin: 0;
	line-height: 1;
	font-size:smaller;
}

.piste {
	font-weight:bold;
	text-align:center; 
}

.center {
	text-align:center; 
}

.gauche {
	text-align:left; 
}

#albums {
	overflow: hidden;
	padding-bottom: 10px;
}

#albums p.album, #albums p.album2 {
	float: left;
	margin: 0;
	padding: 5px 46px;
	width: 254px;
	height: 290px;
	text-indent: 0;
	text-align: center;
	overflow: hidden;
}

#albums p.album2 {
	float: none;
	margin: 0 auto;
	font-weight: bold;
}

#albums p.album img, #albums p.album2 img {
	border: 2px solid #454545;
	margin: 0;
}

#albums p.album img:hover, #albums p.album2 img:hover {
	border: 2px solid #eee; /* #EE1D23; */
}

#albums span {
	display: block;
	zoom: 1;
}

p#retour_albums {
	padding-top: 15px;
	text-align: center;
}

#contenu #lyrics {
	padding-left: 2em;
	font-style: italic;
}

#lyrics p {
	line-height: 1em;
	text-indent: 0;
}

#lyrics form label { 
	font-style:italic;
	width: auto;
	text-align: left;
	padding-top: 3px;
}

#log {
	width: 60%;
	margin: 0 auto;
}

#contenu .panel {
	margin: 20px 0;
}

#contenu .panel p {
	display: none;
}

#contenu .panel a img {
	border: none;
}

#photos {
	margin: 0 auto !important;
}
#paroles {
	padding-left: 40px;
}



#texte {
	margin: 0;
	padding: 20px 20px 5px;
	color: #ffe8b7; /* ffb109; */
	height: 510px;
	overflow: auto;
}

#texte ul {
	list-style:none;
}
#sortable1 { 
	background-color: #990000;
}
#sortable2 { 
	background-color: #FF9900;
}
#sortable1, #sortable2 {
	list-style-type: none; 
	margin: 0 10px; 
	padding: 0; 
	float: left; 
	width: 300px;
	min-height: 400px;
}
#sortable1 li, #sortable2 li { 
	margin: 0 5px 5px 5px; 
	padding: 5px; 
	font-size: 1.2em; 
}
.highlight { 
	margin: 0 5px 5px 5px; 
	padding: 5px; 
	line-height: .7em;
	background-color: #FF3300;
}

#diapositives {
	padding-bottom: 20px;
}

/* --------------------------------------------------------------{ Galerie }-------------------------------------------------------------- */

#contenu ul.portfolio-area {
	list-style: none;
	padding: 0 50px;
	margin: 10px 0 36px 30px;	margin: 30px 0 36px;
	padding: 10px 0;
    overflow: hidden;	
	background-color: rgba(161, 75, 89, 0.6); 
	border-radius: 10px;	
}

#contenu a:hover, #contenu a:focus, #contenu .portfolio-categ li.active a, #contenu .portfolio-categ li a:active {
	color: #000;
	background-color: #a6cc59;	/* #ddeff4; */
	-moz-border-radius: 5px;
	-wekbit-border-radius: 5px;
	border-radius: 5px;
	-moz-outline-radius: 5px;
	-webkit-outline-radius: 5px;
	outline-radius: 5px;
	outline: none;
	text-shadow: 1px 1px 0 #eee;
}

#conteneur .p-portfolio-categ {
	float: left;
	width: 13%;
	padding: 0px;
	margin: 10px 0px;
	line-height: 1.7em;
}
#conteneur .portfolio-categ {
    margin: 10px 0 30px;
	padding: 10px 0 0 13%;
    text-align: left;
}
.portfolio-categ li {
	display:inline;
	margin-right:10px;
}
.image-block {
	display: block;
	position: relative;
}
.image-block img {
	border: 1px solid #d5d5d5;
	border-radius: 4px 4px 4px 4px;
	background:#fff;
	padding:10px;

	border: 1px solid #ad7834;
	background: #fafafa;
	padding: 6px;	
	
	
}
#contenu .image-block a:hover, #contenu .image-block a:focus {
	background-color: transparent;
}

.image-block img:hover, .image-block a:focus img, .image-block a:active img {
	-moz-box-shadow: 2px 2px 5px 0px #656565;
	-webkit-box-shadow: 2px 2px 5px 0px #656565;
	-o-box-shadow: 2px 2px 5px 0px #656565;
	box-shadow: 2px 2px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}
.hasJS ul.portfolio-area {
	display: none;
}
#contenu .portfolio-area li {
	float: left;margin: 0 12px 20px 0;
	overflow: hidden;
	width: 337px;
	padding:5px;
}
.home-portfolio-text {
	margin-top:10px;
}
li.active a {
	text-decoration:underline;
}

#contenu ul.portfolio-categ li, #contenu ul.portfolio-area li {
	background: none;
}
#contenu ul.portfolio-categ li {
	padding: 0 5px;
	line-height: 1.7em;
}
p.source {
    top: -5px;
}

#contenu ul.portfolio-area li {
    display: inline-block;
    height: 220px;
    margin: 4px 0;
    width: 240px;
	text-align: center;
}

#contenu ul.portfolio-area li p {
	text-indent: 0;
	padding: 0;
}

a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #bb3441 url(/privatif/commun/css/arrow-up.png) no-repeat center 43%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	outline: none;
}

.back-to-top:hover {
	background-color: #8b2730;
}