/* CSS creee a partir des tutoriels css.alsacreations.com */
/*---------------------------------------------------------------------------*/
/* Conteneurs generaux et menus */

body {
	background: #0F0609;
	margin: auto;
	padding: 0;
	text-align:center;
}
a {
	text-decoration:none;
	color:#ebe147;
}
img{border:none;}
a:visited {color:#ebe147;}
a:hover {color:white;}
div#conteneur {
	position:relative;
	width: 960px;
	height : 590px;
	margin: auto;
	padding:0;
	text-align: left;
	background: #0F0609;
}
div#conteneurgauche {
	float:left;
	width: 260px;
	height: 560px;
	margin:5px 0 0 0;
}
div#conteneurdroit {
	margin: 5px 0 0 270px;
	height:555px;
	border: 1px solid white;
}
div#pied {
	clear:both;
	width: 100%;
}
a {
	text-decoration:none;
	color:#ebe147;
}
div#logo {
	width: 260px;
	height:100px;
	background: url(img/deco/logosrv.jpg) top left no-repeat;
}
ul, li {
	list-style-type: none;
	margin:0;
	padding:0;
}
ul {
	height:251px;
	Width:260px;
	margin:10px 0 0 0;
	text-align: center;
	background: transparent url(img/deco/davidmenu.jpg) top left no-repeat;
}
li a {
	display: block;
	height: 42px;
	width: 260px;
	font-size: 14px;
	line-height: 42px;
	font-weight: bold;
	font-family: arial, serif;
	text-decoration: none;
}
li a:hover {
background: transparent url(img/deco/davidmenu.jpg) top left no-repeat;
}
a#lien1:hover {
background-position: 0% -259px;
}
a#lien2:hover {
background-position: 0% -301px;
}
a#lien3:hover {
background-position: 0% -343px;
}
a#lien4:hover {
background-position: 0% -385px;
}
a#lien5:hover {
background-position: 0% -427px;
}
a#lien6:hover {
background-position: 0% -469px;
}
div#photgrp {
	position:relative;
	top:0px;
	width: 260px;
	height:210px;
	margin:0;
	background: url(img/deco/photosrv.jpg) top center no-repeat;
}
#pied span {
  display:inline;
  font-family: verdana, arial, sans-serif;
  font-size: 0.8em;
  color:white;
  font-weight:bold;
}
#pied span a{
  font-weight:normal;
}

/*---------------------------------------------------------------------------*/
/* Pour la page Accueil */
div#phot1 {
	position : relative;
	top:26px;
	left:200px;
	width:300px;
	height:110px;
	background: transparent url(img/deco/bridge.jpg) top left no-repeat;
}
div#phot2 {
	position : absolute;
	top:20px;
	left : 830px;
	width:100px;
	height:95px;
	background: transparent url(img/deco/cymbal.jpg) top left no-repeat;
}
div#phot3 {
	position : relative;
	top:90px;
	left:120px;
	width:490px;
	height:120px;
	background: transparent url(img/deco/grp1.jpg) top left no-repeat;
}
div#phot4 {
	position : absolute;
	top:440px;
	left : 300px;
	width:100px;
	height:95px;
	background: transparent url(img/deco/dobro.jpg) top left no-repeat;
}
div#lcdb {
	position : absolute;
	top:520px;
	left : 730px;
}
div#texte {
	position : relative;
	top:80px;
	left : 20px;
	width: 590px;
	margin: 1em;
	padding: 0.5em;
	line-height: 1.2;
	font-size: 1.1em;
	color:white;
	text-align:justify;
	font-family:"Arial narrow", "Trebuchet MS";
}
/*---------------------------------------------------------------------------*/
/* Pour la page Infos */
div#infos1 {
  top:5px;
  left : 0px;
  width: 600px;
  height:400px;
  margin:auto;
  background: transparent url(img/contenu/robec1.jpg) top center no-repeat;
}
div#infos1bis {
  top:5px;
  left : 0px;
  width: 350px;
  height:495px;
  margin:10px;
  background: transparent url(img/contenu/frenchconnection.jpg) top center no-repeat;
}
div#infostexte {
  position: absolute;
  top:50px;
  left:300px;
  width:600px;
  margin:1em;
  padding:0.5em;
  line-height:1.2;
  font-size:1.1em;
  color:white;
  text-align:center;
  font-family:"Arial narrow", "Trebuchet MS";
}
div#infostexte em{
font-weight:bold
}
div#infoslongtexte {
  position: absolute;
  top:330px;
  left:290px;
  width:620px;
  margin:1em;
  padding:0.5em;
  line-height:0.9;
  font-size:0.9em;
  font-style:italic;
  color:#F3E377;
  text-align:justify;
  font-family:"Arial narrow", "Trebuchet MS";
}
div#infoslongtexte em{
  font-size:1.1em;
  font-weight:bold;
  color : white;
}
div#infoslongtexte a{
	color : yellow;
}
div#infosdates {
  position: absolute;
  top:-5px;
  left:465px;
  width:620px;
  font-size:0.9em;
  color:white;
  text-align:center;
  font-family:"Arial narrow", "Trebuchet MS";
}
div#infosdates h3 {
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	margin:1em;
	padding:0.5em;
	line-height:1.2;
}
div#infosdates h4 {
	line-height:0.9;
	margin:0;
	padding:0;
}
div#infosdates em {
	font-weight:bold
}

/*---------------------------------------------------------------------------*/
/* Pour la page Photos */

div#gd_img {
	position:relative;
	top:3px;
	width: 600px;
	margin: 1px auto 0px;
	padding:0;
	line-height: 1.2;
	font-size: 1.1em;
	color:white;
	text-align:center;
	font-family:"Arial narrow", "Trebuchet MS";
}
#photosinfos {
	position:absolute;
	top:433px;
	left:300px;
	margin:auto;
	height:120px;
	width:630px;
	text-align: left ;
	overflow:auto;
}
#photosinfos span {
	display:inline;
	margin:10px 0 0 0;
	font: bold 1.0em "Arial Narrow",sans-serif;
	color: #ab1b10;
	text-align:center;
}
#photosinfos img {
	border: 0px;
}
dl#photo {
	margin: 0 auto ;
}
dl#photo dt {
	margin : 0px 0 0 0;
	font: italic 0.8em/0.8em "Arial narrow", "Trebuchet MS";
	color: #fff ;
	z-index:10;
}
dl#photo dd {
	margin: 0 ;
}
dl#photo img {
	border: 2px solid #fff;
}
/*---------------------------------------------------------------------------*/
/* Pour la page Disque */
#titres {
	float:left;
	width:200px;
	margin:10px;
	text-align:left;
	font-size:0.9em;
	color:white;
	font-family:"Arial narrow", "Trebuchet MS";
	font-weight:normal;
	text-decoration:none;
}
#vente{
	margin-left:210px;
	line-height:20px;
}
#titres caption {
	font-size:1em;
	font-weight:bold;
}
div#disc1 {
	width:200px;
	height:200px;
	/*  background: transparent url(img/contenu/disc.jpg) top left no-repeat;*/
	background: transparent url(img/contenu/discprix.jpg) top left no-repeat;
}
#boutik {
	top:5px;
	left:5px;
	width:80%;
	margin:3px auto;
	padding:10px;
	text-align:center;
	font-size:1em;
	color:white;
	font-family:"Arial narrow", "Trebuchet MS";
	border:1px solid white;
}
#boutik h2{
  font-size:1.2em;
}
#acheter {
	top:140px;
	left:250px;
	width:80%;
	margin:3px auto;
	padding:10px;
	text-align:center;
	line-height:10px;
	font-size:1em;
	color:white;
	font-family:"Arial narrow", "Trebuchet MS";
	border:1px solid white;
}
#acheter img {
	position:relative;
	top:-20px;
	left:-68px;
}
#acheter p {
	position:relative;
	top:-20px;
}
#acheterlogo img {
	top:-19px;
	left:-0px;
}
#pointemail {
	top:370px;
	left:250px;
	width:80%;
	margin:3px auto;
	padding:10px;
	text-align:left;
	font-size:1em;
	color:white;
	font-family:"Arial narrow", "Trebuchet MS";
	border:1px solid white;
}
#pointemail img {
	position:relative;
	top:-20px;
	left:-30px;
}
#pointemail p {
	position:relative;
	text-align:center;
	top:-10px;
	padding:0;
	margin:0;
}
#pointdevente {
	top:435px;
	left:250px;
	width:80%;
	margin:3px auto;
	padding:10px;
	text-align:center;
	font-size:1em;
	color:white;
	font-family:"Arial narrow", "Trebuchet MS";
	border:1px solid white;
/*	background: transparent url(img/contenu/marco.jpg) bottom right no-repeat;*/
}
#pointdevente h2{
  font-size:1.2em;
}
#pointdevente img {
	position:relative;
	top:-20px;
	left:-99px;
}
#studio {
  top:530px;
  left:10px;
  font-size:1em;
  color:white;
  font-family:"Arial narrow", "Trebuchet MS";
}

/*---------------------------------------------------------------------------*/
/* Pour la page Pedigree */

.pedigreetable table {
	margin:0 auto;
	border: 0px solid #fff ;
	width:94%;
	text-align:center;
}
.pedigreetable caption {
	font: bold italic 24px "Verdana","Arial Narrow",sans-serif ;
	color : white;
	text-align:center;
}
.pedigreetable th {
	font: bold 12px "Verdana","Arial Narrow",sans-serif ;
	color : #c8e9ee;
	text-align:left;
}
.pedigreetable td {
	font: bold italic 12px "Verdana","Arial Narrow",sans-serif ;
	color : #fff;
	text-align:left;
}
/*---------------------------------------------------------------------------*/
/* Pour la page Liens */
#liensinfos {
	top : 10px;
	left:5px;
	height:445px;
	width:530px;
	overflow:auto;
	color:white;
	text-align:center;
}
div.blocliens {
	position:relative;
	margin: 10px 0px 25px 10px;
	text-align:left;
	clear:both;
	font-size : 1em;
	color:#fff;
	font: "Verdana","Arial Narrow",sans-serif ;
	z-index:10;
}
div.photolien {
	float:left;
	width:80px;
	font-style:normal;
	text-align:right;
	border:none;
	z-index:10;
}
div.photolien img{
	border:none;
}
div.nomlien {
	font-weight:bold;
	margin-left:100px;
	font-size : 1em;
	color:black;
}
div.nomlien a:link, div.nomlien a:visited {
	text-decoration: none;
	color:#fff;
}
div.nomlien a:hover {
	text-decoration: none;
	color:#ccf8f1;
}
div.txtlien {
	position:relative;
	font-weight:bold;
	font-style: italic;
	margin-left:210px;
	font-size : 1em;
	color:#f8cccc;
}
div.txtlien em {
	font-weight:bold;
	font-style:normal;
	color:blue;
}