/*
 * Les éléments graphiques et le design du site (et donc cette feuille de styles CSS
 * et les images) restent la propriété exclusive de leurs auteurs respectifs conformément 
 * aux droits d'auteur. Toute réutilisation devra faire l'objet d'une demande préalable
 * (email:jtx@odebi.com).
 * Il est de plus dans votre intêret d'avoir un site au design original, pour qu'il ait sa 
 * propre identité visuelle, plutôt qu'un design plagié...
 */

/* BEGIN GENERALE */
*{ margin:0;padding:0;border:0;font-size:11px;}

a { 
text-decoration: none;  
font-weight:bold;
color:#A61E08;
}

.bouton a, a.bouton{
padding:2px 5px;
background:#ffb01f;
font-weight:bold;
font-size:11px;
color:#000;
margin-right:10px;
}

.bouton a:hover, a.bouton:hover {
background:#000;
color:#ffb01f;
}

ul.bouton { list-style:none;display:inline; }
.bouton li { display:inline;}

hr.clear {
clear:both;
background:#FFF9ED;
border:1px solid #FFF9ED;
}

hr.orange {
border:1 px solid #ffb01f;
background:#ffb01f;
height:1px;
margin:5px 0 10px 0;
clear:both;
}

body {
color:#000;
font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
font-size:11px;
}

table {	
border-collapse: collapse;
empty-cells: show;
border-spacing:0;
}
/* END GENERALE */
table.conteneur {
width:100%;
}

td.header {
background:#000 url("../img/disque.gif") bottom right no-repeat;
width:100%;
height:50px;
text-align:center;
line-height:50px;
}

#logo {
float:left;
}

td.header h1 a{
color: #ffb01f;
font-size:14px;
}

td.header h1 a span{
color: #FFF;
font-size:14px;
}

td.header h1 a:hover{
color: #ffb01f;
font-size:14px;
}

td.footer {
width:100%;
background:#000;
height:18px;
line-height:18px;
}

.footer ul { 
list-style-type:none; 
float:right;
color:#FFF;
font-size: 10px;
font-weight: bold; 
}

.footer li { 
display:inline; 
padding:0 10px 0 15px;
font-weight:bold;
}

.footer a {	
font-size:11px;
text-decoration:none; 
color: #ffb01f;
font-weight:bold;
padding:2px 0;
}

td.menu {
background:#FFF9ED; 
width:200px;
border-top: solid 1px #A61E08;
border-right: solid 1px #A61E08;
vertical-align:top;
}

#menu {
background:#CCCCCC; 
}

td.centre {
background:#FFF9ED;
border-top: solid 1px #A61E08;
width:100%;
padding: 5px;
vertical-align:top;
}

#menu form {
background:#ccc;
}

ul.menu  {
background:#ccc;
width:175px;
margin:0;
}

ul.menu a { 
display:block; 
width:150px;
height:16px; 
padding:0 0 0 10px; 
color:#fff; 
font-weight:bold;
background:#ccc url("../img/btn_menu.gif") top left no-repeat;
}

.menu a:hover {	background-position: 0 -19px; }
.menu a:active { background: url("../img/btn_menu.gif") 0 -38px no-repeat; }

.menu h2 {	
padding:2px 0 3px 8px;	
font-size:11px;
color:#ffb01f; 
background:#000; 
}

dl.menu {  }

dl.menu dt {
background:#ccc url("../img/btn_menu.gif") top left no-repeat;
background-position:0 2px;
color:#000;
font-weight:bold;
padding:2px 0 2px 8px;	
}

dl.menu dd {
background:#ccc ;
}

.menu dd input {
width: 130px;
margin: 2px 0 2px 6px;
padding:1px 0;
border: 1px solid #ccc;
display:inline;
}

.menu dd input.submit{
width:50px;
height:16px;
background:#CCC;
border:0;
color:#000;
font-weight:bold;
font-size:10px;
}

dl.recherche {
background:#FFF9ED;
padding:0 0 10px 0;
margin:0;
}

.recherche dt {
padding:2px 0 0 8px;	
font-weight:bold;
}

.recherche select {
width: 134px;
margin: 2px 0 2px 6px;
border: 1px solid #CCC;
display:inline;
}

.recherche p {
font-size:11px;
font-weight:bold;
margin:6px 0 0 2px;
}

.recherche input.checkbox {
width:16px;
margin-right:10px;
border:0;
font-size:12px;
}

td.menu2 {
background:#ffb01f;
border-right: solid 1px #A61E08;
border-top: solid 1px #A61E08;
height:15px;
line-height:15px;
}
td.menu2 a, td.centre2 a {
padding:0;
margin:0 0 0 8px;
background:none;
color:#000;
}

td.centre2 {
background:#ffb01f;
border-top: solid 1px #A61E08;
width:100%;
}

td.sousheader1 {
background:#ffb01f;
border-right: solid 1px #A61E08;
border-top: solid 1px #A61E08;
height:18px;
line-height:18px;
}

td.sousheader2 {
background:#ffb01f;
border-top: solid 1px #A61E08;
width:100%;
font-weight:bold;
}

tr.sousheader {
padding:0 6px 0 0;
}

.sousheader ul {
list-style:none;
margin:0 0 0 5px;
padding:2px 0 0 0;
}

.sousheader img {
float:left;
width:18px;
height:12px;
}

.sousheader1 p {
margin:0 0 0 10px;
font-weight:bold;
}

p.connecte {
border-right:15px solid #A61E08;
}


/* LISTE DES DISQUES */
table.liste {	
border-collapse: collapse; 
text-align:center; 
font-size:10px; 
}

th {
border: solid 1px #ffb01f;
border-top:0;
padding:0 4px; 
color:#ffb01f;
font-weight:bold;
text-align:center;
}

.liste td {
padding:0 8px;
cursor:pointer;
height:18px;
}

.liste th {
text-align:center;
padding:1px 5px;
}

img.miniature  {
width:18px;
height:18px;
}
a.miniatureHome  img{
width:15px;
height:15px;
clear:both;
float:left;
margin:3px 3px 0 0;
}
a.miniatureHome {
line-height:18px;
margin-left:1O0px;
}
hr.miniatureHome {
visibility:hidden;
display:block;
height: 1px;
margin: 0;
_margin: -7px 0;
padding: 0;
border: 0;
}

td.pied {
padding:10px 0;
}

.pied a {
font-weight:bold;
padding:0 8px;
}

.noBorder {
border:0;
}

.borderLeft {
border:0;
border-left:solid 1px #ffb01f;
}

.borderRightBottomLeft {
border:0;
border-bottom:solid 1px #ffb01f;
border-right:solid 1px #ffb01f;
border-left:solid 1px #ffb01f;
}

.borderBottom {
border:0;
border-bottom:solid 1px #ffb01f;
}

/*
th.Tab1 {	border-left-width:0px;border-right-width:0px;border-bottom-width:0px;	}
th.Tab2 {	border-left-width:1px;border-right-width:1px;	}
th.Tab3 {	border-left-width:0px;border-right-width:0px;border-top-width:0px;	}
th.Tab4 {	border-left-width:0px;border-right-width:1px;border-top-width:0px;	}
th.Tab5 {	border:0px;	}


th 
{
	border: solid 1px #ffb01f;border-top-width:0px; 
	margin:0px;padding:0 4px; 
	color:#A61E08; height:15px; 
	font-weight:bold;
}

/* ---- DETAIL DISQUE -----*/
dl.detail {
margin:12px;
}

dt.titre {
color:#A61E08;
font-size:16px;
font-weight:bold;
}

.detail dt{
width:175px;
text-align:right;
display:inline;
}

.detail dd{
display:inline;
margin:0 0 0 10px;
font-weight:bold;
}

img.detail {
float:left;
margin:15px;
border:1px solid #000;
}

/* COMPTE */
dl.compte {
display:block;
margin:20px 0 10px 0;
}

.compte dt {
width:135px;
margin:0 20px;
text-align:right;
float:left;
clear:both;
}

.compte dd {
padding:0 10px 0 110px;
font-weight:bold;
}

/* PAIEMENT */
dl.paiement {
display:block;
margin:10px 0 20px 0;
}

.paiement dt {
width:235px;
margin:0 20px;
text-align:right;
float:left;
clear:both;
}

.paiement dd {
padding:0 10px 0 110px;
font-weight:bold;
}


/* FORM */
form.compte {
margin:15px 0 0 0;
}

label {
position:relative;
top:2px;
float: left; 
width: 175px; 
text-align: right;
font-weight:bold;
margin-right:10px;
}

#paiement label {
width: 250px; 
font-weight:normal;
}

select {
width:180px;
font-size:10px;
margin-bottom:2px; 
border: 1px solid #CCC;
}


input {
margin-bottom:2px; 
width:174px;
padding:2px 2px;
border: 1px solid #ccc;
font-size:10px;
}

input.submit { 
width:70px; 
background:#ffb01f;
border:1px solid #000;
color:#000;
font-weight:bold;
font-size:10px;
height:20px;
}

textarea {
height:100px;
margin-bottom:4px; 
width:174px;
padding:2px 2px;
border: 1px solid #ccc;
}

span.required {
color:#A61E08;
}

span.help {
color:#000; 
}

input.radio {
position:relative;
top:4px;
width:25px;
height:12px;
margin-top:-8px;
border:0!important;
}

input.checkbox {
position:relative;
top:2px;
left:5px;
width:15px;
height:15px;
margin-top:-8px;
}

input.myLp {
position:relative;
top:2px;
margin-right:4px;
width:15px;
height:15px;
}

input.file {
width:131px;
margin-bottom:2px;
}

p.type {
float:left;
position:relative;
left:30px;
top:-14px;
font-weight:bold;
}

form p.type {
float:none;
}

/*	HOME */
#home {
margin:-5px;
/*background:#ffb01f;*/
}
#home table {
margin:0 0 10px 10px;
background:#ffb01f;
}
#home td {
padding:14px 30px;
vertical-align:top;
font-size:11px;
border:1px solid #000;
}
#home h1 {
background:#A61E08;
color:#fff;
font-size:11px;
padding:2px 0 2px 5px;
margin:0 0 10px 0;
}
#home h2 {
color:#000;
font-size:11px;
}
#home a{text-decoration:underline;}
#home a:hover{color:#FFF9ED; }
#home td.right {
background:#A61E08;
margin:0;padding:0;
text-align:left;
width:150px;
}
#home td.right h1 {
background:#A61E08;
color:#fff;
font-size:11px;
margin:0 0 5px 0;
padding:2px 0 2px 5px;
text-align:left;
}
#home td.right p {
color:#A61E08;
font-size:11px;
margin:0;padding:0 0 0 5px;
}
#home td.right img {
padding:0 0 0 5px;
height:75px;
}

#home td.right a {
padding-top:5px;
}

#home hr.clear {
background:#ffb01f;
border:1px solid #ffb01f;
height:1px;
clear:both;
}

/* LIEN */
#home dl.lien { margin: 0 0 0 30px; }
#home a.lien:hover{ color:#ffb01f; }


/* FORM COMMANDE */
form.commande {
background:#FFF9ED;
padding:4px 0;
}

.commande label {
text-align:left;
width:120px;
}

.commande input.checked {
margin:0 5px 0 0;
width:10px;
position:relative;
top:2px;
}