/* classe générale */
body {
    /*background-color: #232424;*/
	background-color: #171919;
    /*background-image: url('./icones/font_inv.gif');*/
    margin: 0px;
    padding: 0px;
}

#page {
    background-color: #424544;
    width: 960px;
    display: block;
    margin: 0 auto;
    padding: 10px 50px 10px 50px;
    min-height: 700px;
}

td {
    color: #000000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a:link {
    color: #000000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

img {
    border-width: 0px;
}

a:visited {
    color: #000000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a:active {
    color: #000000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a:hover {
    color: #000000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
    border-color: white white white white;
}

.champ {
    color: #000000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

Edition {
    color: #000000;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

table.general {
    border: 1px groove grey;
    padding: 0px;
    border-spacing: 0px;
    width: 100%;
    text-align: center;    
    background: #ffffff;
    background-image: url('./icones/font_prod.gif');
}

div.general {
    border: 1px groove grey;
    padding: 0px;
    border-spacing: 0px;
    width: 100%;    
    background: #ffffff;
    background-image: url('./icones/font_prod.gif');
}

/*
 .PosCharte {
 position: absolute;
 width: 960px;
 height: 560px;
 left: 50%;
 margin-left: -480px;
 top: 50%;
 margin-top: -325px;
 }
 
 .obj_1681 {
 position: absolute;
 left: 232px;
 top: 9px;
 width: 720px;
 height: 33px;
 z-index: 988;
 overflow: visible;
 }
 */
/* fin classe générale */
/* -------------------------------------------------*/
/* début classe accueil */
pre {
    display: block;
    font: 12px "Courier New", Courier, monospace;
    padding: 10px;
    border: 1px solid #bae2f0;
    background: #e3f4f9;
    margin: .5em 0;
    width: 500px;
}

/* image replacement */
.graphic, #prevBtn, #nextBtn {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -8000px;
}

/* image replacement */
#container {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 550px;
    background: #e7e5e5;
    margin-bottom: 2em;
	padding-left:46px;
	padding-right:46px;
	border:1px solid #b4b4b4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	opacity:0.95;
}

#content {
    position: relative;
	background: white;
	opacity:1.0;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
}

/* Easy Slider */
#slider {
    padding-left: 40px;
    border-spacing: 0px;
    margin: 0px;
    border-collapse: collapse;
    border: none;
}

#slider ul, #slider li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider li {
    /*
     define width and height of list item (slide)
     entire slider area will adjust according to the parameters provided here
     */
    width: 510px;
    height: 300px;
    overflow: hidden;
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
}

#prevBtn, #nextBtn {
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    left: -47px;
    top: 125px;
}

#nextBtn {
    left: 550px;
}

#prevBtn a, #nextBtn a {
    display: block;
    width: 48px;
    height: 48px;
    background: url(icones/btn_prev.png) no-repeat 0 0;
}

#nextBtn a {
    background: url(icones/btn_next.png) no-repeat 0 0;
}

/* // Easy Slider */
table .mea_container {
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border: none;
}

/* fin accueil */
/* -------------------------------------------*/
/* classe st*/
a.st {
    background: #141616;
}

a.st:link {
    color: #FFFFFF;
    background: 141616;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.st:visited {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.st:active {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.st:hover {
    color: #b90000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

td.st {
    color: #FFFFFF;
    text-decoration: underline;
}

/* fin classe st */
/* -------------------------------------------------*/
/* classe menu */
div.menu {
    background-image: url('./icones/menu.jpg');
}

a.menu:link {
    color: #000000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.menu:visited {
    color: #000000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.menu:active {
    color: #000000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.menu:hover {
    color: #ffffff;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

table.accueil_menu {
    border-spacing: 0px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

table#nouveaute_table {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-bottom: 30px;
    width: 700px;
}

table#nouveaute_table tr td table.item_catalogue {
}

.nouveaute {
    color: #ffffff;
    font-family: Arial;
    font-size: 13pt;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
    padding-left: 2%;
    padding-bottom: 15px;
	margin-top:50px;
}

table#mea_table tr td {
    width: 100px;
}

/* fin classe menu */
/* -------------------------------------------------*/
/* classe sample */
table.sample {
    margin: 50px auto;
    vertical-align: middle;
    border-spacing: 0px;
    border: 1px groove grey;
    background-color: white;
    text-align: center;
}


td.sample:hover {
    border-style: inset;
    border-color: black;
}

#lowcost {
    width: 800px;
    margin: 0 auto;
    display: block;
    padding-bottom: 50px;
}

.lowCost_item {
    display: inline-block;
    width: 101px;
    margin: 10px 20px 30px 0px;
    border-spacing: 0px;
	background-color:white;
	padding:2px;
}

.lowCost_Item img {
    border: 1px groove grey;
}

.lowCost_item div.detail_item {
    border: 1px groove grey;
    background-color: white;
    border-spacing: 0px;
    text-align: right;
}

div.detail_item div {
    color: #676767;
    font-weight: bold;
    line-height: 15px;
    margin: 0px;
    padding: 3px;
    font-family: Arial;
    
}

/* fin classe sample */
/* -------------------------------------------------*/
/* classe fiche */
table.fiche {
    margin-left: 50px;
    margin-top: 25px;
    margin-bottom: 20px;
    border-spacing: 4px;
    border: 2px groove grey;
    border-collapse: separate;
    background-color: #FFFFFF;
    text-align: center;
    height: 410px;
}

div.fiche {
    margin-left: 50px;
    margin-top: 20px;
    border-spacing: 4px;
    border: 1px groove grey;
    border-collapse: separate;
    background-color: #FFFFFF;
    text-align: center;
    width: 310px;
}

div.fiche table {
    padding: 5px;
    text-align: left;
}

img.fiche{
	max-height:380px;
	max-width:300px;
	margin-top:25px;
	margin-left:50px;
}

td.fiche {
    font-size: 25px;
}

hr.fiche {
    color: #808080;
    height: 4px;
    width: 100%;
    background-color: #808080;
    border-style: groove;
    border-color: #676767;
    -moz-border-radius: 5%;
    -webkit-border-radius: 10px;
}

span.titre_fiche {
    text-shadow: 5px 2px 3px #676767;
    font-size: 27px;
}

td.fiche_info {
    padding-left: 10px;
    font-size: 10px;
}

td.description {
    padding: 25px;
    text-align: justify;
    line-height: 17px;
    font-size: 13px;
}

td.fiche_info_titre {
    background-color: #c0c0c0;
    font-weight: bold;
    font-size: 10px;
}

td.fiche_info_titre_bis {
    /*background-color: #808080;*/
	background-color: #242422;
	color:white;
    font-weight: bold;
    font-size: 10px;
    width: 100px;
}

table.ajouter_panier {
    width: 200px;
    border-style: groove;
    border-width: 3px;
    height: 50px;
    -moz-border-radius: 5%;
    -webkit-border-radius: 10px;
}

div.ajout_panier {
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

body.fiche {
    background-color: #FFFFFF;
    background-image: url('font.gif');
}

.mini {
    display: block;
    height: 85px;
    padding: 0px;
    border-width: 3px 3px 3px 3px;
    margin-left: 50px;
    border-spacing: 4px;
    border-style: outset outset outset outset;
    border-color: grey grey grey grey;
    border-collapse: separate;
    background-color: #FFFFFF;
    text-align: center;
    border-style: groove;
    width: 310px;
}

.mini img {
    width: 75px;
    vertical-align: middle;
    margin: 1px 0px 1px 5px;
}

td#video {
    margin: 0px auto;
    text-align: center;
    padding-top: 15px;
    padding-right: 35px;
    width: 75%;
}

td#video div {
    float: right;
    width: 500px;
}

hr.fiche_2 {
    color: #c0c0c0;
    height: 4px;
    background-color: #c0c0c0;
    border-style: groove;
    border-color: #808080 #808080 #808080 #808080;
    -moz-border-radius: 5%;
    -webkit-border-radius: 10px;
    width: 90%;
    margin-top: 30px;
    margin-bottom: 10px;
}

.titre_video {
    text-shadow: 5px 2px 3px #676767;
    font-size: 27px;
    color: #dadada;
}

table.fiche_config {
    width: 100%;
    border-spacing: 0px;
    padding: 0px;
    border-collapse: collapse;
}

table.fiche_config tr td {
    border: 1px groove black;
    min-width: 20%;
    padding: 3px;
}

div.sc_menu {
    /* Set it so we could calculate the offsetLeft */
    position: relative;
    max-height: 120px;
    max-width: 310px;
    overflow: auto;
    margin-left: 50px;
}

ul.sc_menu {
    display: block;
    height: 110px;
    /* max width here, for users without javascript */
    width: 1500px;
    padding: 15px 0 0 15px;
    /* removing default styling */
    margin: 0;
    list-style: none;
}

.sc_menu li {
    display: block;
    float: left;
    padding: 0 4px;
}

.sc_menu a {
    display: block;
    text-decoration: none;
}

.sc_menu span {
    display: none;
    margin-top: 3px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.sc_menu a:hover span {
    display: block;
}

.sc_menu img {
    border: 3px #fff solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    max-height: 99px;
    max-width: 99px;
}

.sc_menu a:hover img {
    filter: alpha( opacity = 50);

opacity:
    0.5;
}

/* fin classe fiche */
/* -------------------------------------------------*/
/* début footer */
div.footer {
    margin-top: 30px;
    margin-bottom: 50px;
    background-color: #141616;     
    width: 100%;
    border: 1px groove grey;
}

div.footer table tr td {
    color: #ffffff;
	border-right:1px groove white;
	text-align: left;
	padding:1px 5px 1px 5px;
}

/* fin footer*/
/* -------------------------------------------------*/
/* début annuaire */
th.titre_annuaire {
    color: white;
    font-size: smaller;
    text-decoration: underline;
    font-family: Arial;
}

/* fin annuaire */
/* -------------------------------------------------*/
/* contact textarea */
textarea.contact {
    background: #141616;
    color: #FFFFFF;
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 400px;
    height: 200px;
    border: 1px groove grey;
}

input.contact {
    background: #141616;
    color: #FFFFFF;
    width: 400px;
    border-style: groove;
    vertical-align: middle;
}

table.contact {
    border: 0px;
    padding: 0px;
    border-spacing: 0px;
    width: 75%;
    margin-left: 22%;    
}

table.contactContener {
    padding: 0px;
    /*background-image: url('./icones/fond_contact.png');*/	
	background-image: url('./icones/font_prod.gif');
    width: 100%;
    border: 1px groove grey;
}

table.contact td {
    padding-left: 15px;
    padding-right: 5px;
    color: #ffffff;
    text-align: justify;
}

div.envoyer {
    padding-top: 10px;
    padding-left: 54%;
    color: #ffffff;
    text-align: justify;
}

/* fin textarea contact */
/* -------------------------------------------------*/
/* début panier */


table.tpanier {
    border: 1px groove grey;
    padding: 0px;
    border-spacing: 0px;
    width: 100%;
    text-align: center;    
    background: #ffffff;
    /*background-image: url('./icones/font_prod.gif');*/
}

div.dpanier {
    border: 1px groove grey;
    padding: 0px;
    border-spacing: 0px;
    width: 100%;    
    background: #ffffff;
    background-image: url('./icones/font_prod.gif');
}


td.panier_titre {
    width: 250px;
    text-align: center;
    background-image: url("./MenuImage/principal_bg.png");
    /*color:#476b83;*/
}

input.suppr {
    background: #ffffff;
    border-color: #c0c0c0 #c0c0c0 #c0c0c0 #c0c0c0;
    border-style: groove;
    /*color:#476b83;*/
    font-weight: bold;
}

hr.panier {
    color: #c0c0c0;
    height: 4px;
    background-color: #c0c0c0;
    border-style: groove;
    border-color: #808080 #808080 #808080 #808080;
}

a.lien_panier {
}

a.lien_panier:link {
    color: #400040;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.lien_panier:visited {
    color: #400040;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.lien_panier:active {
    color: #400040;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.lien_panier:hover {
    color: #b90000;
    font-family: Arial;
    font-size: 12pt;
    text-decoration: none;
}

div.lien_panier {
    background: white;
    position: relative;
    top: 70px;
    left: 874px;
    -moz-border-radius: 5px;
    padding: 3px;
    width: 70px;
    text-align: center;
	vertical-align:middle;
}

/* fin panier*/
/* -------------------------------------------------*/
/* début catalogue */
table.catalogue {
    padding: 5px;
    border-spacing: 10px;
    width: 100%;
    text-align: center;
    font-family: 'Andele Mono';
    background: #ffffff;
    background-image: url('./icones/font_prod.gif');
    border: 1px groove grey;
}

table.item_catalogue {
    border: 3px outset grey;
    border-spacing: 0px;
    border-collapse: separate;
    -moz-border-radius: 5%;
    -webkit-border-radius: 10px;
    background-color: white;
    text-align: center;
    font-family: 'Andele Mono';
    border-style: groove;
    width: 200px;
}

div.catalogue {
    margin: 0 auto;
    display: block;
    border-spacing: 50px;
    width: 960px;
    text-align: center;
    font-family: Arial;
    background: #ffffff;
    background-image: url('./icones/font_prod.gif');
    border: 1px groove grey;
    padding-top:5px;	
    padding-bottom:10px;	
}

.catalogue_item {
    display: inline-block;
    width: 161px;
    margin: 20px 20px 0px 0px;
    border-spacing: 0px;
    padding: 5px;
	background-color:white;
}

.catalogue_item img {
    border: 1px groove grey;
}

.catalogue_item div.detail_item {
    border: 1px groove grey;
    background-color: white;
    border-spacing: 0px;
    text-align: right;
}

/* fin catalogue */
/* -------------------------------------------------*/
/* début plan du site */
table.plan {
    border: 0px;
    padding-left: 225px;
    border-spacing: 0px;
    width: 100%;
    background: #ffffff;
    background-image: url('./icones/font_prod.gif');
    border: 1px groove grey;
}

.plan_titre {
    color: white;
    font-size: large;
    text-decoration: underline;
    padding-top: 20px;
}

a.plan_titre_lien {
    color: white;
    font-size: large;
    text-decoration: underline;
}

a.plan_lien {
}

a.plan_lien:link {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.plan_lien:visited {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.plan_lien:active {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.plan_lien:hover {
    color: #b90000;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

/* fin plan du site */
/* -------------------------------------------------*/
/* debut recherche */
table.recherche {
    padding: 0px;
    border-spacing: 0px;
    width: 100%;
    text-align: center;
    font-family: 'Andele Mono';
    color: #ffffff;
    background: #ffffff;
    background-image: url('./icones/font_prod.gif');
    border: 1px groove grey;
}

table.recherche_bis {
    border: 0px;
    padding: 0px;
    border-spacing: 0px;
    width: 100%;
    text-align: left;
    font-family: 'Andele Mono';
    color: #ffffff;
    background: #ffffff;
    background-image: url('./icones/font_prod.gif');
    border: 1px groove grey;
}

table.recherche td {
    color: #FFFFFF;
}

input.go_recherche{
	border:1px groove grey;
	background:white;			
	height:100%;	
	padding:2px;	
	display:inline-block;
}

/*--------------------------------------------------*/
/* début validation et information client*/
.confirm_valid {
    width: 500px;
}

table.confirm_valid tr td {
    color: #141616;
    text-align: left;
}

table.confirm_valid #cmd_save {
    text-align: center;
}

table.confirm_valid .titre_confirm {
    font-weight: bold;
    text-align: left;
}

input.adresse {
    width: 250px;
}

.label_info {
    width: 200px;
    text-align: left;
}

table.confirm_valid tr td input#button_valid {
    float: right;
}

table.confirm_valid tr td input#button_cancel {
    float: left;
}

.code_postal {
    width: 50px;
}

input.user_info {
    background: #ffffff;
    border-color: #c0c0c0;
    border-style: groove;
    font-weight: bold;
}

.message_erreur {
    color: #ffec00;
    text-align: center;
	background:#141616;
}

#info_livraison {
    display: none;
}

#td_modif_livraison {
    font-size: 11px;
}

.label_notification {
    font-size: 11px;
}

.frais_gratuit {
    color: #E70739;
    font-weight: bold;
    text-align: center;
    padding-top: 30px;
}

/* fin validation et information client*/
/*--------------------------------------------------*/
/* début erreur validation */
table.erreur_confirm td {
    color: #ffffff;
    text-align: justify;
}

table.erreur_confirm {
    width: 70%;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    border-color: grey;
    border-style: groove;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* fin erreur validation */
/*--------------------------------------------------*/
/* début choix livraison */
table#livraison tr td {
    vertical-align: middle;
}

/* fin choix livraison */
/*--------------------------------------------------*/
/* début mentions legales */
table.mention {
    border: 0px;
    padding: 0px;
    border-spacing: 0px;
    width: 70%;
    height: 50%;
    text-align: center;
    border-spacing: 10px;
    font-family: 'Andele Mono';
    background: #ffffff;
    background-image: url('./icones/fond_contact.png');
    border: 1px groove grey;
}

table.mention td {
    color: #FFFFFF;
}

/* fin mentions légales */
/*--------------------------------------------------*/
/* début choix mode paiement */
.coordonnee {
    padding-left: 30px;
    width: 280px;
    max-width: 300px;
    border-right-color: #ffffff;
    border-right-style: groove;
    border-right-width: 1px;
	background:#141616;
}

table.coordonnee tr td {
    color: #ffffff;
    text-align: left;
}

table.coordonnee #cmd_save {
    text-align: center;
}

table.coordonnee .titre_confirm {
    font-weight: bold;
}

input.adresse {
    width: 250px;
}

.label_info {
    width: 200px;
}

table.coordonnee tr td input#button_valid {
    float: right;
}

table.coordonnee tr td input#button_cancel {
    float: left;
}

table.commande {
    width: 680px;	
	height:570px;
    vertical-align: top;
    top: 0px;
    border-spacing: 0px;
	background:#141616;
	padding:5px;
}

.titre_commande {
    background-color: #757575;
    color: #000000;
    width: 15%;
    text-align: center;
    font-weight: bold;
    border: 1px #ffffff groove;
}

.commande td {
    color: #ffffff;
    text-align: center;
}

.commande td.un {
    color: #000000;
    text-align: center;
    background-color: #c0c0c0;
    border: 1px #ffffff groove;
}

.commande td.deux {
    color: #000000;
    text-align: center;
    background-color: #757575;
    border: 1px #ffffff groove;
}

.commande td#article_nom {
    text-align: left;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-color: #ffffff;
    border-left-style: outset;
}

.commande td#titre_commande {
    font-weight: bold;
}

table.general td#td_coordonnee {
    width: 300px;
	
}

#totaux_detail {
    float: right;
    margin-left: 30px;
    margin-top: 100px;
    width: 280px;
    border: 1px groove #ffffff;
    -moz-border-radius: 3%;
    -webkit-border-radius: 7px;
    background-color: #141616;
}

#totaux_detail table {
    width: 100%;
}

#totaux_detail table tr td.titre_totaux {
    text-align: left;
}

#totaux_detail table tr td.totaux {
    text-align: right;
}

#total_final {
    font-size: 13px;
    font-weight: bold;
}

.titre_totaux {
    width: 170px;
}

a.rouge {
}

a.rouge:link {
    color: #ffec00;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.rouge:visited {
    color: #ffec00;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

a.rouge:active {
    color: #ffec00;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: underline;
}

a.rouge:hover {
    color: #ffec00;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: underline;
}

/* fin mode de paiement */
/*--------------------------------------------------*/
/* validation de paiement */
.valid_paiement {
    vertical-align: middle;
    padding-top: 100px;
    padding-left: 50px;
    height: 225px;
    width: 80%;
    text-align: center;
    font-size: 14px;
}

/* fin validation de paiement */
/*--------------------------------------------------*/