/* CSS Document */

body {
	font-family: Verdana, sans-serif;
	background-color: #f7f9f6;
margin: 5px;

}
a, a:link, a:visited, a:hover, a:active, a:focus{
	text-decoration: none;

}
.texte {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #000000;
	margin-left: 2px;
}

.texteTITRE {
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 14px;
}

.texterouge {
	font-size: 12px;
	color: #900;
	text-decoration: none;
	margin-left: 2px;
}

.textetitrerouge {
	font-size: 11px;
	font-weight: bold;
	color: #000D8D;
	letter-spacing: 1px;
	line-height: 14px;
}
.textetitrerouge +img{
	vertical-align: middle;
}

a .lienauteur,a:link .lienauteur, a:visited .lienauteur, a:active .lienauteur{
	font-size: 13px;
	font-weight: bold;
	color: #000D8D;
	letter-spacing: 1px;
	line-height: 18px;
border-bottom: 1px dotted #222;
}
a:hover .lienauteur{
	color: #000D8D;
border-bottom: 1px solid #222;
}

a .lieninterp, a:link .lieninterp, a:visited .lieninterp, a:active .lieninterp{
color: #000D8D;
font-size: 12px;
border-bottom: 1px dotted #222;
}

a:hover .lieninterp{
color: #000D8D;
border-bottom: 1px solid #222;
}
.critique {
	font-size: 9px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	color: #336633;
	text-decoration: none;
	text-align: left;
	text-indent: 2pt;
	display: block;
	margin-top: 10px;
}

.sign {
	font-size: x-small;
	font-style: italic;
	line-height: 12px;
	font-weight: normal;
	color: #CC0000;
	text-decoration:
	none; margin-left: 2px;
}

.cursor {
	cursor: default;
}

.panier {
	background-color: #fad228;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #666;
	color: #030;
margin: auto;
vertical-align: middle;
}

hr.fichepan {
height: 1px;
/*margin: -0.5em 0;*/
padding: 0;
color: #666;
background-color: #666;
border: 0;
clear: both;
width: 50%;
}

.contenufiche {
width: 830px;
position: absolute;
background-color: transparent;
text-align: left;
top: 0;
left: 0;
padding: 5px;
}
.gauche {
width: 250px;
position: absolute;
top: 50px;
left: 5px;
background-color: transparent;
text-align: center;
padding: 5px 10px 10px 10px; 
margin-top: 10px;
z-index: 98;
}
.gauche p {
margin: 2px 0;
}
.droite {
margin-top: 10px;
position: absolute;
background-color: transparent;
top: 50px;
left: 300px;
color: #000;
font: 12px normal Geneva, Arial, Helvetica, sans-serif;
z-index: 97;
}
.droite a, .droite a:link {
	font-size: 10px;
	color: #3D6203;
	text-decoration: none;
}
.droite a:hover,.droite a:visited {
	text-decoration: none;
}
input.titrefiche {
margin: 8px;
cursor: default;
}
input.right {
margin: auto;
vertical-align: middle;
}
input.autre {
margin: auto;
margin-right: 10px;
vertical-align: middle;
}
label {
	vertical-align: middle;
	font-weight: bold;
}
#messfiche {
width: 350px;
border: 1px solid #666;
-moz-border-radius: 20px;
color: #000;
font: 10px normal Geneva, Arial, Helvetica, sans-serif;
padding: 5px;
text-align: center;
margin-bottom: 15px;
}

#changepan {
margin: 150px auto;
width: 350px;
border: 1px solid #666;
-moz-border-radius: 0 20px 20px 20px;
color: #000;
font: 12px normal Geneva, Arial, Helvetica, sans-serif;
padding: 15px;
text-align: center;
}
#changepan a, #changepan a:hover, #changepan a:active{
text-decoration: none;
}
.changer, .annuler{
text-align: center;
border: 1px solid #fad228;
color: #030;
cursor: pointer;
margin: 0 5px;
text-decoration: none;
}

.newuse,  a:link.newuse,  a:hover.newuse, a:active.newuse , a:visited.newuse {
text-align: center;
border: 1px solid #fad228;
color: #030;
cursor: pointer;
margin: 5px;
padding: 5px;
text-decoration: none;
font: normal 13px/13px  Geneva, Arial, Helvetica, sans-serif;
background-color: #f0f0f0;
}

.border-img {
	border: 1px solid #888; 
}
.border-img-acceuil {
margin: 10px 50px
border: 1px solid #888; 
}

p.modif {
	margin: 10px 0;
}
.date_bio2 {
	font-size: 10px;
	font-weight: normal;
	color: #333;
	margin:0;
	text-indent: 53px;
}

#mp3player {
text-align: center;
padding: 10px 0;
margin-top: 5px;
font: normal 10px/1em verdana;
}
#mp3player h1{
font: bold 11px/1em verdana;
margin: 0 0 5px 0;
}

#mp3player .obj{
margin-top: 5px;
}

.notes{
color: #01697F;
}


a:focus.thumbgrand {
	-moz-outline-style: none;
}

a.thumbgrand span, span img:hover {
	display: none;
posotion: absolute;
}

a:hover.thumbgrand span {
	display: block;
	position: absolute;
	background: transparent;
  	padding: 2px 4px;
  	border: 3px solid #d3e7ec;
z-index:99;
top: 80px;
left: 350px;
}
a:hover.thumbgrand span img{
	border: none;
}

*+html a:hover.thumbgrand span { /*pour IE 7 */
	display: block;
	posotion: absolute;
	background: transparent;
  	padding: 2px 4px;
  	border: 3px solid #d3e7ec;
	top: 80px;
left: 350px;
z-index: 99;
}


div#tracklist{
margin: 30px 0 10px 0;
	text-align: left;
font: normal 0.8em/1.3em arial;
}

div#tracklist .tracklistintitule {
margin: 0;
margin-bottom: 10px;
/*color: #fff;
background-color: #006DC6;*/
padding: 5px;
padding-bottom: 0;
font: bold 0.95em/1.5em arial;
border-bottom: 1px dotted #006dc6;
}
.piste{
margin-left: 7px;
}
p.paraprix{
font-weight: bold;
float: left;
width: 200px;
margin: 0;
}

p.paraprixcoef{
font-weight: bold;
float: left;
width: 260px;
margin: 0;
}

.texteprix{
color: #a31b1a;
width: 50px;
}
.sansremise{
font-weight: normal;
margin: 0;
}

a img.infodvd, a:hover img.infodvd, a:visited img.infodvd, a:active img.infodvd {
border: 0;
display: inline;
margin-top: 3px;
}
.enstock{
float: right;
}

.imgrecomp {
border: 1px solid gray;
margin-right: 7px;
}