/* @override http://www.studiokalafunga.com/css/common.css */

@import url("/css/cadre.css");
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	background: black;
	color: white;
	font-family:"Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
}
a {
	color: white;
}
a:hover {
	color: gray;
}

#livre_accueil {
	background: black url(/images/img_fd_etoile.jpg) no-repeat;
	width:1000px;
	height:443px;
}
#livre_accueil2 {
	width:1000px;
	height:350px;
}
#photo_livre {
	float:right;
	margin-top:-280px;
	margin-right:30px;
}
#photo_livre2 {
	float:right;
	margin-top:-200px;
	margin-right:5px;
}

#menu {
	padding: 0px;
	margin-top: 20px;
	position: absolute;
	top: 100px;
	left: 0px;
	width: 100%;
}
#menu li {
	font-size: 16px;
	display: inline;
	margin: 8px;
	position: relative;
}
#contenu #menu ul {
	position: absolute;
	list-style-type: none;
	background: black;
	display: none;
	padding: 3px;
	left: -10px;
	z-index: 100;
}
#menu ul li {
	display: list-item;
	text-align: left;
	white-space: nowrap;
	font-size: 11px;
	margin: 2px 5px;
}
.smenu-ombre {
	background: black;
	border: 1px solid #ac4b92;
}
#menu li.current a {
	color: #ac4b92;
}
#menu li.current ul a {
	color: white;
}
#menu a {
	color: white;
	text-decoration: none;
}
#menu a:hover, #menu li:hover, #menu li.current ul a:hover, #menu li.current ul li:hover {
	color: gray;
}
#menu li:hover ul{
	display: block;
}
#texte {
	padding: 50px;
	margin-top: 0px;
	text-align: left;
	position: relative;
}
#texte div {
	position: relative;
}
#credits {
	font-size: 11px;
	text-align: center;
}
#header {
	max-width: 1100px;
	min-width: 800px;
	margin:  0 auto;
	height: 20px;
	padding: 0 10px;
}

#langues {
	float: right;
}
#contenu {
	position: absolute;
	text-align: center;
	width: 100%;
}
#logo {
	margin-bottom: 50px;
}
h1 {
	border-bottom: 1px solid #ac4b92;
	margin-bottom: 5px;
}
h2, h2 a {
	color: #ac4b92;
	text-decoration: none;
}
h3 {
	font-size:23px;
	margin-bottom: 5px;
	color: #a74f91;
	text-align:center;
}
h4 {
	font-size:23px;
	color:#FFF;
	margin-bottom: 5px;
	text-align:center;
}
.biographieListe {
	width: 50%;
	float: left;
	height: 70px;
}
.societeListe {
	clear: left;
	margin-bottom: 40px;
}
.societeListe img  {
	float: left;
	margin: 0 10px 20px 0;
}
.biographie img, .biographieListe img, .societe img
 {
	float: left;
	margin: 0px 10px 100px 0;
}
.biographieListe img {
	clear: left;
}
.produitListe {
	float: left;
	width: 32%;
	height: 100px;
}
.produitListe h3 a {
	text-decoration: none;
}
#texte .produitListe h4 {
	color: silver;
	font-style: italic;
	font-size: 14px;
}
.produitListe h5 {
	color: #ac4b92	;
}
.produitImage {
	float: left;
	margin-right: 5px;
}
.produitImage a {
	background: white;
	display: table-cell;
	vertical-align: middle;
	width: 70px;
	height: 70px;
	text-align: center;
}
.produitImage * {
	vertical-align: middle;
}
/*\*//*/
.produitImage a {
    display: block;
}
.produitImage span {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
}
.produitImage a {
	font-size: 1px;
}
/**/
.produitImage img {
	vertical-align: middle;
}
.type {
	font-size: 10px;
}
div.produit {
}
.produit img {
	float: left;
	margin-right: 10px;
}
.produit h3 {
	color: silver;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 10px;
}
.produit h5 {
	color: #ac4b92;
	font-size: 14px;
}
#lienRetour {
	clear: both;
	text-align: center;
}
#selecteurs {
	list-style-type: none;
	margin-bottom: 20px;
	border-bottom:  1px solid #ac4b92;
	padding: 5px;
}
#selecteurs li {
	display: inline;
	margin-right: 20px;
	font-size: 14px;
	z-index: 0;
}
#galerie {
	text-align: center;
}
.produit H1 .artiste {
	font-size: 18px;
	color: silver;
	font-style: italic;
}
#onglets-produit {
	width: 100%;
	border-bottom: 1px solid #ac4b92;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-bottom: 20px;
	position: absolute;
	top: 115px;
}
#onglets-produit li{
	list-style-type: none;
	display: inline;
	margin: 0 20px 0 0;
	padding: 1px 10px;
	border: 1px solid #ac4b92;
	font-size: 18px;
	color: gray;
	position: relative;
}
#onglets-produit ul {
	display: none;
	position: absolute;
	margin-top: 5px;
	background: black url(/images/fond-onglet.png) repeat-x 0px -20px;
	top: 20px;
	left: 0px;
	padding: 5px 0;
	z-index: 1;
	border: 1px solid gray;
	border-top: 0px;
}
html:not([lang*=""]) #onglets-produit ul {
	top: 21px; 
}
#onglets-produit li.current, #onglets-produit li.hover {
	border-bottom: 1px solid #1f1f1f;
	color: white;
	background: url(/images/fond-onglet.png);
}
#onglets-produit li:hover {
	color: #ac4b92;
}
#onglets-produit li.current:hover, #onglets-produit li.hover:hover {
	color: white;
}
#onglets-produit li.current ul {
}
#onglets-produit ul li {
	padding: 0 5px 0 5px;
	border: 0px;
	font-size: 12px;
	background-image: none;
	display: block;
}
#onglets-produit ul li a {
	text-decoration: none;
	white-space: nowrap;
}
#onglets-produit ul li.current a, #onglets-produit ul li.hover a {
	color: #ac4b92;
}
#texte h4.stitre {
	font-style: italic;
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 18px;
	color: #ac4b92;
}
#pages {
	clear: left;
	width: 100%;
	text-align: center;
	font-size: 12px;
}
#pages li {
	display: inline;
	padding: 3px;
	font-weight: bold;
	color: #ac4b92;
}
#pages li a {
	font-weight: normal;
}
#emplacementOnglet {
	height: 50px;
}
#errorMessage {
	color: red;
}

.lien_rose {
	color: #ac4b92;
	text-decoration:underline;
}
.lien_rose:hover {
	color: #ac4b92;
	text-decoration:none;
}