/*******************************************
Fichier CSS de : miro art deco 
Author : Anthony GUILLEMETTE et monsieur X lol

Les éléments HTML en général
*******************************************************************************/
html {
    background-image: url(images/arriere.jpg);
    background-repeat: repeat-x;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
}

.contenu {
    width: 532px;
    padding-left: 10px;
    padding-right: 20px;
}

h2 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #8A2978;
    border-bottom: 1px dotted #3A3A3A;
}

h3 {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    line-height: 17px;
}

.float_left {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.float_right {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

a, a:hover, a:link, a:visited, a:active {
    color: #8A297A;
    text-decoration: underline;
    font-variant: normal;
    font-size: 12px;
}

/*******************************************
Le reste
*******************************************************************************/
.cellule_haut_gauche {
    width: 237px;
}

.cellule_bijoux_bouche {
    width: 147px;
    text-align: left;
    vertical-align: top;
    height: 131px;
}

.cheveux_long_gauche {
    width: 90px;
    text-align: left;
    vertical-align: top;
}

.tour_bijou {
    border: 1px ridge #666666;
}

.tour_cellule_image {
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    border: 1px solid #8A297A;
    background-color: #FFFFFF;
    width: 96px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.tour_cellule_image_detail {
    text-align: left;
    vertical-align: top;
    height: 120px;
    background-position: center center;
    background-color: #FFFFFF;
    padding: 0 10px;
}

.tour_bijoux_grand {
    height: 400px;
    width: 348px;
}

.separation_cellule {
    width: 20px;
}

.titre_du_bijoux {
    font-size: 12px;
    font-weight: 900;
    color: #333333;
    line-height: 20px;
}

.titre_du_texte {
    font-size: 12px;
    font-weight: 900;
    color: #333333;
    line-height: 17px;
}

.titre_du_texte a, .titre_du_texte a:hover, .titre_du_texte a:link, .titre_du_texte a:visited, .titre_du_texte a:active {
    font-size: 12px;
    line-height: 17px;
}

.titre_du_texte_rose {
    font-size: 14px;
    font-weight: 900;
    color: #8A2B7C;
    line-height: 17px;
    background-color: #E8E8E8;
    width: 520px;
    display: block;
}

.prix_texte {
    font-size: 12px;
    font-weight: 800;
    color: #892678;
    line-height: 15px;
}

.detail_texte {
    font-size: 12px;
    font-weight: 800;
    color: #FF0000;
    line-height: 16px;
}

.titre_rubrique {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #8A2978;
    display: block;
    height: 40px;
    background-color: #FFFFFF;
    font-style: normal;
    list-style-type: decimal;
    line-height: 35px;
    border-bottom-width: thin;
    border-bottom-style: dotted;
    border-bottom-color: #3A3A3A;
}

.titre_paragraphe {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #8A2978;
    display: block;
    height: 25px;
    background-color: #FFFFFF;
    font-style: normal;
    line-height: 35px;
}

.texte_couleur {
    font-size: 12px;
    font-weight: 800;
    color: #666666;
}

.texte_couleur_rouge {
    font-size: 12px;
    font-weight: 800;
    color: red;
}

.texte_texte {
    font-size: 12px;
    font-weight: 800;
    color: #666666;
    line-height: 16px;
}

a img {
    border:none;
}

.cellule_menu {
    width: 147px;
    text-align: left;
    vertical-align: top;
    background-position: left top;
}

.tablo_menu_gauche {
    width: 147px;
    margin-bottom: 20px;
}

.tablo_menu_gauche a, .tablo_menu_gauche a:hover, .tablo_menu_gauche a:link, .tablo_menu_gauche a:visited, .tablo_menu_gauche a:active {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    line-height: 30px;
}

.fond_cellule_menu {
    background-image: url(images/bouton_rose.jpg);
    height: 30px;
    text-align: center;
    vertical-align: bottom;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #FFFFFF;
    line-height: 30px;
}

.fond_cellule_menu a {
    color: #FFFFFF;
}

.fond_cellule_rubrique {
    background-image: url(images/marque.jpg);
    height: 30px;
    text-align: center;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #FFFFFF;
    line-height: 30px;
    width: 496px;
}

.fond_cellule_menu_droit {
    background: url(images/bouton_rose_c.jpg) no-repeat right 0;
    height: 30px;
    text-align: right;
    padding-right: 5px;
    line-height: 30px;
    white-space: normal;
}

.fond_cellule_menu_droit_panier {
    background: url(images/bouton_rose_panier.jpg) no-repeat right 0;
}

.fond_cellule_menu_droit_dor {
    background: url(images/bouton_or_c.jpg) no-repeat right 0;
}

.rubricus a, .rubricus a:link, .rubricus a:visited {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #F9F9F9;
    font-variant: normal;
    font-size: 12px;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 147px;
    background-image: url(images/bouton_gris_claire.jpg);
}

.rubricus a:hover {
    background-image: url(images/bouton_rose.jpg);
}

.articles_atelier ul, .articles_atelier li {
    margin: 0;
    padding: 0;
}

.articles_atelier ul {
    margin-left: 25px;
}

.articles_atelier ul li {
    padding: 3px 0;
}

.articles_atelier ul li a {
    line-height: 16px !important;
    color: #000;
}

.cellule_contenu {
    width: 562px;
    text-align: left;
    vertical-align: top;
}

.table_interieur {
    width: 562px;
    border-color:#8A297A;
    border-collapse: collapse;
}

.table_interieur td{
    border-color:#8A297A;
}

.table_interieur_panier {
    width: 542px;
}

.colonne_gauche {
    width: 28px;
}

.cellule_logo {
    width: 417px;
    text-align: left;
    vertical-align: top;
}

.cellule_menu_droit_haut {
    width: 142px;
    text-align: right;
    vertical-align: top;
}

.tablo_menu_droit {
    width: 142px;
}

.tablo_menu_droit a, .tablo_menu_droit a:hover, .tablo_menu_droit a:link, .tablo_menu_droit a:visited, .tablo_menu_droit a:active {
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 30px;
}

.tablo_global {
    width: 800px;
    margin: 10px auto;
    padding: 0px;
    background-color: #FFFFFF;
    height: auto;
    text-align: left;
    vertical-align: top;
    border: 1px solid #333333;
}

.table_atelier {
    width: 500px;
    text-align: left;
    vertical-align: top;
    padding-bottom: 8px;
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    display: block;
}

.align_haut_gauche {
    text-align: left;
    vertical-align: top;
    width: 394px;
    display: block;
}

.colonne_atelier {
    width: 200px;
    text-align: left;
    vertical-align: top;
}

.bouton {
    font-size: 12px;
    font-weight: bolder;
    color: #FEFEFE;
    background-color: #9D4C8F;
    width: 100px;
}

.bouton_plus {
    font-size: 12px;
    font-weight: bolder;
    color: #FEFEFE;
    background-color: #9D4C8F;
    width: 160px;
}

.bouton_plus_imprimer {
    font-size: 12px;
    font-weight: bolder;
    color: #FEFEFE;
    background-color: #FF0000;
    width: 250px;
}

#corpus_petit a {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #8A297A;
    text-decoration: underline;
    font-variant: normal;
    font-size: 9px;
}

#corpus_petit a:hover {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #8A297A;
    text-decoration: underline;
    font-variant: normal;
    font-size: 9px;
}

#corpus_petit a:link {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #8A297A;
    text-decoration: underline;
    font-variant: normal;
    font-size: 9px;
}

#corpus_petit a:visited {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #8A297A;
    text-decoration: underline;
    font-variant: normal;
    font-size: 9px;
}

#corpus_petit a:active {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #8A297A;
    text-decoration: underline;
    font-variant: normal;
    font-size: 9px;
}

/*/////////////// LIVRE D'OR PUBLIC /////////////////////*/
.livre .titre_du_texte_rose {
    padding: 2px 5px;
}

.livre .texte_texte {
    padding: 5px;
    display: block;
}

/*/////////////// LIVRE D'OR ADMIN /////////////////////*/
.table_livre{
    margin-right:5px;   
    border-collapse: collapse;
    border : 1px solid #8A297A;
}

.table_livre tr,.table_livre td{
    border : 1px solid #8A297A;
    border-collapse: collapse;
}

.noborder{
    border-width: Opx;
}

.entete{
    background-color: #DDDDDD;
}

/*/////////////// MARCHES /////////////////////*/
.marches .titre_du_texte_rose {
    padding: 2px 5px;
}

.marches .texte_texte {
    padding: 5px;
    display: block;
}

/*///////////////ERREUR /////////////////////*/
.error {
    color: red;
    border: 1px solid red;
    padding: 5px;
    margin: 5px;
    font-size: 12px;
}

/*/////////////// FICHE /////////////////////*/
.panier {
    margin: 10px 0 10px 0;
}

.panier img {
    border: 1px solid #8A297A;
}

.possede_support {
    margin: 20px auto;
    width: 70%;
    font-size: 0.8em;
    border: 1px solid #8A297A;
    background-color: #FFCCFF;
    padding: 10px;
}

.ajout_panier {
    margin: 20px 0;
    text-align: center;
}

    .ajout_panier input.ajouter {
        background: #fff url('images/panier.gif') top left no-repeat;
        background-position: 5px 0;
        border: 1px solid #8A297A;
        padding: 3px;
        padding-left: 20px;
        cursor: pointer;
    }
    
.article_assorti h4 {
    padding: 5px;
    margin: 0;
    margin-bottom: 5px;
    color: #8A297A;
    border-bottom: 1px solid #8A297A;
    margin-right: 15px; 
}

/*/////////////// GALERIE /////////////////////*/
.navigation {
    margin-top: 5px;    
    margin-bottom: 5px;
}

/************************** Mosaique **************************/
#liste_articles .elt_liste  {
    float: left;
    text-align: center;
    margin: 3px;
    padding: 0;
}

    #liste_articles .elt_liste a {
        display: block;
        float: left;
        text-decoration: none;
        border: 1px solid #DDD;
        padding: 2px;
        padding-bottom: 4px;
        width: 120px;
        text-align: center;
    }

        #liste_articles .elt_liste a:link, .elt_liste a:visited, .elt_liste a:focus, .elt_liste a:active {
            color: #808080;
        }

        #liste_articles .elt_liste a:hover {
            color: #8a2978;
            border: 1px solid #8a2978;
            text-decoration: none;
            cursor: pointer;
        }

    #liste_articles .elt_liste span.image {
        height: 104px;
        width: 120px;
        /*display: table-cell;
        vertical-align: middle;*/
        display: block;
    }

    #liste_articles .elt_liste span.texte {
        font-size: 0.9em;
        height: 45px;
        width: 120px;
        text-align: center;
        /*vertical-align: middle;
        display: table-cell;*/
        display: block;
    }

    #liste_articles .elt_liste span.prix{
        font-weight: bold;
        color: #8a2978;
        display: block;
    }

/************************** Table **************************/
.table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

    .table th {
        color: #000;
        font-style: italic;
        font-weight: bold;
        border-bottom: 1px solid #8A297A;
        padding: 2px 0px;
        padding-left: 3px;
        text-align: center;
    }

    .table th.vertical {
        background: #fff;
        border-left: none;
        padding-right: 5px;
        text-align: right;
    }

    .table td {
        padding: 3px 5px;
        text-align: left;
        border-bottom: 1px dashed #8A297A;
    }

    .table td.aucun {
        padding: 5px 5px;
        text-align: center;
    }

    .table td.droite {
        text-align: right;
    }

    .table td.centre {
        text-align: center;
    }

    .table td.justify {
        text-align: justify;
    }

/**********************************************************
                Panier
**********************************************************/
#table_panier {
    width: 96%;
    margin: 0 auto; 
}

#table_panier th#designation {
    text-align: left;
}

#table_panier th#qte, #table_panier th#ref {
    width: 65px;
}

#table_panier th#pu, #table_panier th#total {
    width: 85px;
}

#table_panier .pair {
    background-color: #F7E7F4;
}

#table_panier td.total {
    padding: 5px 5px;
    text-align: right;
    font-weight: bold;
}

#table_panier td.total, #table_panier th.vertical {
    border: none;
}

#table_panier .nom-article {
    color: #8A297A;
}

#action {
    text-align: center;
    margin-top: 15px;
}

    #action input {
        background-color: #fff;
        border: 1px solid #8A297A;
        padding: 3px;
        cursor: pointer;
    }
    
/************************** Formulaire **************************/
.formulaire p {
    padding-left: 9.5em;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px dashed #8A297A;
    text-align: left;
}

.formulaire label {
    float: left;
    font-weight: bold;
    color: #8A297A;
    margin-left: -9em;
    width: 9em;
}

    .formulaire label.droite {
        float: none;
        font-weight: normal;
        margin-left: 0.5em;
        color: #000;
    }

.formulaire div#bouton {
    text-align: center;
    margin: 10px 0px;
}

.formulaire input.chiffre {
    text-align: right;
}

#formulaire_client p.error {
    border: 1px dashed red;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#formulaire_client .texte_livraison {
	display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    font-size: 11px;
    color: #8A297A;
}

#formulaire_choix_paiement ol {
    background-color: #FFCCFF;
	padding: 10px;
	margin: 10px;
}

#formulaire_choix_paiement ol li {
    margin-left: 20px;
}

#form_paypal {
    margin: 0 auto;
    width: 100px;
}

/** Sites à visiter. */
.sites h4 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.sites p.descriptif, .sites p.lien {
    margin: 0;
}

.sites p.descriptif {
    margin-top: 5px;
}

.sites p.lien a {
    font-size: 10px;
    font-style: italic;
}