/* Feuille de style CISCOPROD*/

/* Hack Css ie7 
*+html 
*/

/* Hack Css Firefox 
html:not([lang*=""])
*/

/* General Style */

body {
margin: 0; /* pour éviter les marges */
text-align: center;
background-color: #000;
color: #666;
font-family: "arial", helvetica, sans-serif ;
font-size: 0.7em;
}


p {
display: block;
margin-top: 8px;
}

p.spip {
display: block;
margin-top: 8px;
}

a, a:visited {
color: #000;
}

a:hover, a:visited hover {
color: #950000;
}

a img {
border: none;
}

.more {
display: block;
margin-top: 8px;
text-align: left;
padding-left: 36px;
background: url(../images/more.png) no-repeat left center;
color: #950000;
font-size: 0.9em;
/*line-height: 1.2em;*/
line-height: 36px;
text-decoration: none;
}

.red {
color: #950000;
font-size: 18px;
}

.red2 {
color: #950000;
}

.center {
display: block;
float: left;
margin-left: 20px;
margin-top: 20px;
}

h1 {
display: block;
float: left;
margin-right: 25px;
text-align: left;
text-transform: uppercase;
padding-left: 8px;
background: url(../images/arrow.png) no-repeat left center;
color: #000;
font-size: 1.1em;
line-height: 1.4em;
width: 100%;
}

h2 {
display: block;
float: left;
width: 100%;
/*width: 250px;*/
/*margin-left: 25px;*/
margin-bottom: 10px;
text-align: left;
text-transform: uppercase;
padding-left: 8px;
background: url(../images/arrow.png) no-repeat left center;
color: #950000;
font-size: 1.1em;
line-height: 1.4em;
}

h3 {
display: block;
float: left;
width: 100%;
margin-bottom: 10px;
text-align: left;
text-transform: uppercase;
color: #000;
font-size: 1.1em;
line-height: 1.4em;
}

/* Hack Css ie7 */
*+html h3 {
display: block;
float: left;
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
text-align: left;
text-transform: uppercase;
color: #000;
font-size: 1.1em;
line-height: 1.4em;
}



#landing_body {
margin: 0; /* pour éviter les marges */
text-align: center;
background-color: #fff;
color: #666;
}

/* Landing */

#landing {
margin: 10px auto;
padding: 0 !important;
overflow: hidden;
width: 852px;
min-height: 579px;
background: #fff;
}

#landing_flash {
display: block;
float: left;
margin-top: 30px;
margin-left: 150px;
}

#landing_pub {
display: block;
float: left;
margin-top: 20px;
margin-left: 150px;
width: 600px;
height: 300px;
background: url(../images/pub_landing_background.png) no-repeat;
}

#landing_pub_txt {
color: #fff;
padding: 30px;
text-align: justify;
width: 540px;
height: 240px;
}

#landing_nav {
display: block;
float: right;
margin-right: 110px;
margin-top: 10px;
text-align: left;	
}

#landing_nav li {
list-style: none;
}

#landing_nav li a {
background: url(../images/nav_off.png) no-repeat left center;
padding-left: 8px;
color: #000;
text-decoration: none;
font: small "arial";
}

#landing_nav li a:hover {
background: url(../images/nav_on.png) no-repeat left center;
padding-left: 8px;
color: #999;
font: small "arial";
text-decoration: none;	
}

/* Rubrique - Article - Layout */

#container {
margin: 10px auto;
padding: 0 !important;
overflow: hidden;
display: block;
width: 990px;
text-align: left;
color: #000;
}

#container_left_00 {
display: block;
float: left;
width: 775px;
height: 898px;
background: url(../images/container_left_00.png) no-repeat;
}

#header {
display: block;
float: left;
width: 775px;
height: 80px;
}


#logo {
display: block;
float: left;
width: 129px;
height: 42px;
margin-top: 26px;
margin-left: 42px;
background: url(../images/logo.png) no-repeat;
}

#logo_boutique {
display: block;
float: right;
width: 229px;
height: 66px;
margin-top: 5px;
margin-right: 22px;
background: url(../images/eboutique.png) no-repeat;
}

#floor {
display: block;
float: right;
margin-top: 26px;
margin-right: 42px;
text-align: right;
}

#left {
display: block;
float: left;
width: 180px;
height: 746px;
margin-left: 42px;
padding-right: 9px;
text-align: justify;
}

.left_spacer {
display: block;
float: left;
width: 180px;
margin-bottom: 10px;
}

.nav {
display: block;
float: left;
width: 180px;
text-align: left;	
padding-top: 0px;
padding-left: 0px;
text-transform: uppercase;
margin-bottom: 30px;
}

.nav ul {
display: block;
margin: 0px;
padding: 0 0px 0px;
text-align: left;
list-style-type: none;
}

.nav ul li {
list-style-type: none;
line-height: 1.2em;
}

.nav ul li a, #nav ul li a:link, #nav ul li a:visited {
list-style-type: none;
text-decoration: none;
color: #000;
}

.nav ul li a:hover {
list-style-type: none;
text-decoration: none;
color: #950000;
}

.nav ul li a.on {
list-style-type: none;
text-decoration: none;
color: #950000;
}

#middle {
display: block;
float: left;
width: 275px;
height: 756px;
padding-left: 20px;
text-align: justify;
}

#middle_thelia {
display: block;
float: left;
width: 504px;
height: 756px;
padding-left: 20px;
padding-right: 20px;
text-align: justify;
}

#middle_new {
display: block;
float: left;
width: 225px;
margin-left: 15px;
}

#middle_promo {
display: block;
float: left;
width: 225px;
margin-left: 15px;
}


.middle_thelia_spacer {
display: block;
float: left;
width: 524px;
}


#middle_thelia h2 {
display: block;
float: left;
width: 524px;
margin-bottom: 10px;
text-align: left;
text-transform: uppercase;
padding-left: 8px;
background: url(../images/arrow.png) no-repeat left center;
color: #950000;
font-size: 1.1em;
line-height: 1.4em;
}


.middle_spacer {
display: block;
float: left;
width: 275px;
margin-bottom: 10px;
}

.rub {
display: block;
margin-top : 5px;
float: left;
width: 275px;
border-bottom: thin dotted #950000;
padding-bottom: 8px;
}

.middle_img {
display: block;
float: left;
margin-top: 10px;
margin-right: 8px;
}

#samples {
display: block;
margin-top: 8px;
width: 275px;
height: 20px;
background: #000 url(../images/samples.jpg) no-repeat left center;
}

#platine {
display: block;
margin-top: 2px;
float: left;
width: 182px;
min-height: 69px;
padding-bottom: 8px;
padding-top: 8px;
padding-left: 93px;
background: #cccccc url(../images/platine.jpg) no-repeat 8px center;
}

.player_mp3 {
margin-top: 2px;
margin-bottom: 0px;
margin-left: 12px;
}

dd.spip_doc_descriptif, dd.spip_doc_titre {
margin-left: 12px;
}

dl.spip_document {
display: block;
margin-bottom: 0px;
}

#right {
display: block;
float: left;
width: 229px;
height: 746px;
padding-left: 20px;
text-align: left;
}


#right_4, #right_6,#right_7,#right_8,#right_9 {
display: block;
float: left;
width: 229px;
height: 746px;
padding-left: 20px;
text-align: left;
}

#right_3 {
display: block;
float: left;
width: 229px;
height: 746px;
background: url(../images/right_accueil.png) no-repeat;
padding-left: 20px;
text-align: center;
}

#right_5 {
display: block;
float: left;
width: 229px;
height: 746px;
background: url(../images/right_lesoirees.png) no-repeat;
padding-left: 20px;
text-align: center;
}

#right_6 {
display: block;
float: left;
width: 229px;
height: 746px;
background: url(../images/right_lesdj.png) no-repeat;
padding-left: 20px;
text-align: center;
}



#baseline {
display: block;
float: left;
width: 375px;
height: 50px;
margin-left: 212px;
background: url(../images/baseline.png) no-repeat;
}

#container_right {
display: block;
float: left;
width: 215px;
height: 898px;
background: url(../images/container_right.png) no-repeat;
}

/* Actu DJ'S */

#actu_dj {
display: block;
float: left;
margin-top: 10px;
width: 189px;
}

.actu_dj_img {
display: block;
float: left;
margin-top: 5px;
margin-right: 8px;
}

/* Actu SOIREES */

#actu_soirees {
display: block;
float: left;
margin-top: 0px;
}

.actu_soirees_img {
display: block;
float: left;
margin-top: 5px;
margin-left: 8px;
}

/* DJ'S */
.logo_dj {
display: block;
float: left;
margin-top: 5px;
margin-right: 8px;
margin-bottom: 10px;
padding-bottom: 12px;
background-color: #950000;
}

/* Slideshow */
#slideshow {
display: block;
float: left;
width: 249px;
}

#slideshowvideo {
display: block;
float: left;
width: 249px;
}

.pics { 
display: block;
padding:0; 
margin:0; 
overflow: hidden;
width: 195px;
height: 145px;
text-align: left;
}


#nav2 { 
display: block;
float: left;
padding: 0px;
}

/* Hack Css ie7 */
*+html #nav2 { 
margin-bottom: 15px;
margin-top: 10px;
display: block;
float: left;
padding: 0px;
}


#nav2 li {
float: left;
margin-right: 7px;
list-style: none
}

#nav2 a {
display: block
}

#nav2 a.activeSlide {
background: #950000
}

#nav2 a:focus {
outline: none;
}

#nav2 img {
border: none;
display: block;
margin-bottom:10px;
}

#navvideo { 
display: block;
float: left;
padding: 0px;
}

/* Hack Css ie7 */
*+html #navvideo { 
margin-bottom: 15px;
margin-top: 10px;
display: block;
float: left;
padding: 0px;
}


#navvideo li {
float: left;
margin-right: 7px;
list-style: none
}

#navvideo a {
display: block
}

#navvideo a.activeSlide {
background: #950000
}

#navvideo a:focus {
outline: none;
}

#navvideo img {
border: none;
display: block;
margin-bottom:10px;
}

/* Thelia */

#right_thelia {
display: block;
float: left;
width: 200px;
}

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

#right_thelia ul li {
list-style-type: none;
width: 180px;
}

#right_thelia ul li a, #right_thelia ul li a:link, #right_thelia ul li a:visited {
list-style-type: none;
text-decoration: none;
color: #000;
}

#right_thelia ul li a:hover {
list-style-type: none;
text-decoration: none;
color: #950000;
}

/* Produit petit & grand */

.ListeProduitsPetits {
display: block;
float: left;
margin: 0;
padding: 0;
}

.contourImage {
margin-bottom: 5px;
margin-right: 5px;
float: left;
display: block;
}

.block  {
display: block;
float: left;
width: 100%;
}



/* Hack Css ie7 */
*+html .block  {
display: block;
float: left;
width: 200px;
}



.prixProduit {
display: block;
float: left;
color: #fff;
text-align: left;
margin-top: 5px;
background-color: #950000;
padding: 3px;
}


.produitPetit {
float: left;
width: 225px;
margin-top: 0;
margin-right: 12px;
margin-bottom: 0;
margin-left: 0;
padding: 0;
list-style: none;
height: 200px;
min-height: 200px;
font-size: .9em;
}

/* titre panier */

.titre_panier {
display: block;
float: left;
width: 190px;
/*margin-left: 25px;*/
margin-top: 20px;
margin-bottom: 10px;
text-align: left;
text-transform: uppercase;
padding-left: 16px;
background: url(../images/titre_panier.png) no-repeat left center;
color: #950000;
font-size: 1.1em;
line-height: 1.4em;
}

/* page produit */

.formulaire-thelia fieldset, .formulaire-produit-rubrique fieldset {
border: none;
padding: 0;
margin-left: 0px;
display: block;
float: left;
width: 100%;
padding-right: 10px;
}

.formulaire-produit fieldset {
border: none;
padding: 0;
margin-left: 0px;
padding-right: 10px;
}

.formulaire-thelia input[type="submit"],.formulaire-thelia  input[type="submit"]:hover {
display: block;
float: left;
background: url(../images/button.png) no-repeat;
width: 70px;
height: 27px;
color: #fff;
text-align: center;
vertical-align: middle;
border: 0;
cursor: pointer;
}

/* Hack Css Firefox */
html:not([lang*=""]) .formulaire-thelia input[type="submit"],html:not([lang*=""]) .formulaire-thelia  input[type="submit"]:hover {
display: block;
float: left;
background: url(../images/button.png) no-repeat;
width: 70px;
height: 27px;
color: #fff;
text-align: center;
border: 0;
cursor: pointer;
vertical-align: top;
}

.formulaire-produit-rubrique {
display: block;
float: left;
}

.formulaire-produit {
display: block;
float: left;
margin-left: 0px;
/*width: 200px;*/
}

.ficheProduit {
display: block;
float: left;
margin-left: 10px;
/*width: 200px;*/
}

a.LIEN_commander {
color: #acac90;
text-decoration: none;
font-weight: bold;
}

input.LIEN_commander {
float: left;
display: block;
margin-top: 5px;
}



/* Hack Css ie7 */
*+html input.LIEN_commander {
float: left;
display: block;
margin-top: -5px;
}



/* Etapes Achat */

#etapes-achat {
display: block;
float: left;
width: 544px;
}

/* Hack Css ie7 */
*+html #etapes-achat {
display: block;
float: left;
width: 544px;
margin-bottom: 15px;
}

#etapes-achat ul {
display: block;
float: left;
list-style: none;
width: 544px;
}

#etapes-achat ul li {
float: left;
color: #939393;
height: 33px;
padding: 0;
margin: 0;
margin-bottom: 15px;
padding-right: 15px;
background-image: url(../img_pack/fleche.png);
background-position: 25px 7px;
background-repeat: no-repeat;
font-size: .8em;	
}

#etapes-achat ul li.derniere-etape {
background-image: none;
padding-right: 0;
}
	
#etapes-achat ul li div {
display: block;
float: left;
width: 35px;
padding: 5px;
padding-left: 0;
}
#etapes-achat ul li.etape-courante {
color: #950000;
font-weight: bold;
}
#etapes-achat ul li.etape-courante div {
}

#etapes-achat ul li a{
color: #808080;
}

#etapes-achat ul li a:hover{
color: #950000;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.codeReduction {
text-align: left;
padding-bottom: 1em;
margin-bottom: 1em;
}

.codeReduction #code {
width: 6em; 
margin-left: .5em; 
margin-right: .5em; 
}

.enteteTableau {
font-weight: bold;
text-align: center; 
font-size: .8em;
background-color: #950000;
}

.ligneTableau {
font-size: 0.9em;
padding-left: 3px;
padding-right: 3px;
}

	
.sousTableau {
display: block;
float: left; 
background: #950000;
color: #fff; 
margin-top: .5em; 
margin-bottom: 1em; 
font-size: .9em; 
padding: .5em;
margin-right: 10px;
}

.sousTableau ul {
padding: 0;
margin: 0;
}

.sousTableau ul li {
list-style: none;
text-align: right;
}


#panier {
display: block;
float: left;
margin-top: 0px;
/*width: 80%;*/
background: #e9e9e9;
text-align: center; 
}

#commande {
display: block;
float: left;
margin-top: 0px;
/*width: 80%;*/
background: #e9e9e9;
text-align: center; 
}


#panier thead tr, #commande thead tr {
background: #666;
color: white;
}

.boutonMonCompteContenu, .lien-etapes-thelia {
display: block;
float: left;
text-align: left;
margin-top: 10px;
margin-right: 10px;
}

.boutonMonCompteContenu a, .lien-etapes-thelia {
display: block;
float: left;
color: #950000;
text-decoration: underline;
}
.bouton-etapes-thelia {
float: left;
}

a.lien-retour-thelia {
color: #666;
text-decoration: underline;
font-size: .9em;
}

.zoneDeSaisie {
color: #950000;
font-weight: bold;
font-size: 0.9em;
}

.zoneDeSaisie2 {
color: #950000;
font-weight: bold;
font-size: 0.9em;
background: url(../images/input_txt.png) no-repeat left top;
border: 0;
width: 136px;
height: 18px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
}

/* Hack Css Firefox */
html:not([lang*=""]) .zoneDeSaisie2 {
color: #950000;
font-weight: bold;
font-size: 0.9em;
background: url(../images/input_txt.png) no-repeat left top;
border: 0;
width: 136px;
height: 16px;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
}

/* Hack Css ie7*/
*+html .zoneDeSaisie2 {
color: #950000;
font-weight: bold;
font-size: 0.9em;
background: url(../images/input_txt.png) no-repeat left top;
border: 0;
width: 136px;
height: 16px;
padding-top: 4px;
padding-left: 5px;
padding-right: 5px;
}



.obligatoire {
color: #950000;
}

.commentaires {
font-size: 0.9em;
font-style: italic;
font-weight: bold;
color:#950000;
}

.formulaire-thelia fieldset, .formulaire-produit fieldset {
border: none;
padding: 0;
}

.declinaisonProduit {
display: block;
float: left;
margin-top: 5px;
}