/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#contenu{
        float:left;
        margin:0 0 0 0;
        padding:0 0 0 30px;
        width:760px;
}
#contenu #content
        {
        float:left;
        width:572px;
        }
#contenu #content h1
        {
        margin:0;
        padding:0 0 20px 0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.5em;
        font-weight:bold;
        text-align:left;
        color: #D71920;
        }
#contenu #content h2
        {
        margin:0;
        padding:0 0 20px 0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.5em;
        font-weight:bold;
        text-align:left;
        color: #000;
        }
#contenu #content h3
        {
        margin:0;
        padding:0 0 0 0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.3em;
        font-weight:bold;
        text-align:left;
        color: #D71920;
        }
#contenu #content p{
        margin:0 0 15px 0;
        padding:0 15px 0 0;
        /*width:557px; */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:1.15em;
        line-height:1.4em;
        color: #000;
       /* border:1px red solid; */
}
#contenu #content .text01
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:1.15em;
        text-align:left;
        color: #000;
       /* border:1px red solid; */
}
#contenu a:link, #contenu a:visited{
        font-weight:bold;
        text-decoration:none;
        color: #D71920;
}
#contenu a:hover, #contenu a:active{
        text-decoration:none;
        color: #fff;
}
#detail-produit p.blanc
        {
        font-weight:bold;
        color:#fff;
        }

/************* form *********************/
form label
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:1.15em;
       /* line-height:1.4em; */
        text-align:left;
        color: #000;
        }
form#signalerProduit p label
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:1.15em;
        text-align:left;
        color: #000;
        float:left;
        width:160px;
        }
.forminput,
.forminput-petit,
.formtextareadress,
.formtextareacomment
        {
        border:1px #3C3C3C solid;
        padding:0;
        margin:2px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        color:#000;
        background-color:#B2B2B2;
        text-align:justify;
        }
*html .forminput,
*html .forminput-petit,
*html .formtextareadress,
*html .formtextareacomment
        {
        border-left:4px #3C3C3C solid;
        padding-left:4px;
        background-color:#D0D0D0;
        }
input:focus,
textarea:focus,
select:focus
        {
        background-color:#fff;
        color:#414141;
        outline:none;
        border-left:4px #3C3C3C solid;
        /*padding-left:4px;*/
        }
input:hover,
textarea:hover,
select:hover
        {
        color:#414141;
        background-color:#fff;
        }
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:18px;
        width:150px;
       }
.forminput-petit
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:18px;
        width:80px;
       }
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:80px;
        width:438px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:550px;
        }
.formbt,
.formbt-grand,
.formbt:focus,
.formbt-grand:focus
        {
        border:1px #3C3C3C solid;
        height:25px;
        width:100px;
        text-align:center;
        padding-left:4px;
        padding-right:4px;
        /*margin:2px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
        color:#000;
        background-color:#B2B2B2;
        }
.formbt-grand,
.formbt-grand:focus
        {
        width:250px;
        }
.formbt:hover,
.formbt-grand:hover
        {
        border:1px #3C3C3C solid;
        padding-left:4px;
        padding-right:4px;
        height:25px;
        width:100px;
        text-align:center;
        /*margin:2px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
        color:#fff;
        background-color:#B2B2B2;
        }
.formbt-grand:hover
        {
        width:250px;
        }
/*COUP DE COEUR*/
#colDroite #hautDroite img,#colDroite .promotions img ,#colDroite .ajout-panier img{
margin-top:10px;
border:1px solid #000;
}
#colDroite #hautDroite p,#colDroite .promotions p{
        margin:0;
        padding:0;
        width:auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:1em;
        line-height:2em;
        color: #fff;
        text-align:center;
}

#hautDroite .ajout-panier p,#colDroite .ajout-panier label{
        text-align:left;
        color:#fff;
}
#colDroite input,#colDroite select{
        border:1px solid #000;
}
#colDroite input:focus,#colDroite select:focus{
        background-color:#FCDBCD;
}
/* PROMOS */
#colDroite .promotions{
        padding:36px 0 0 0;
        background: url(../images/charte/bg-promo.jpg) no-repeat;
}
#colDroite .ajout-panier{
        padding:36px 0 0 0;
        background: url(../images/charte/bg-commander.jpg) no-repeat;
}
#colDroite .envoi-ami{
        padding:36px 0 0 0;
        background: url(../images/charte/bg-selection.jpg) no-repeat;
}
/***************** PRODUITS *****************/

.liste-produit
        {
        width:140px;
        height:180px;
        text-align:center;
        float:left;
        /*margin:10px;  */
        margin:0 10px 10px 10px;
        padding:0 0 10px 0;
         border:1px #fff solid;
        }
*html .liste-produit
        {
        height:170px;
        padding:0 0 0 0;
        }
.nomproduit{
        float:left;
        margin:0;
        padding:0 0 0 14px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1em;
        line-height:2.3em;
        text-align:left;
        color:#fff;
        text-transform:uppercase;
}
#contenu #content .liste-produit p.produit-libelle{
        /*height:2em; */
        height:35px;
        margin:0 0 10px 0;
        text-align:center;
        padding:0 5px 0 5px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:1.15em;
        line-height:1.4em;
        color: #000;
        background-color:#d71a21;
        border-bottom:1px #fff solid;
}
#contenu #content p.plus-info,
#contenu #content #detail-produit p.plus-info
        {
        margin:0 0 15px 0;
        padding:0 15px 0 20px;
        /*width:557px; */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:1.15em;
        line-height:1.4em;
        color: #000;
        font-weight:bold;
        background:transparent url(../images/charte/plus-infos.gif) no-repeat 10px 5px;
       /* border:1px red solid; */
        }
#contenu #content #detail-produit p.plus-info
        {
        /* border:1px red solid; */
        padding:0 15px 0 35px;
        }
.prix-produit{
        font-size:120%;
        font-weight:bold;
        text-align:center;
}
#contenu .produit img{
        margin:5px 0 5px 0;
        padding:0;
        border:1px solid #616161;
}
.prix{
        float:right;
        margin:0;
        padding:0 14px 0 0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.6em;
        text-align:right;
        font-weight:bold;
        color:#D71920;
}
/**** SEAREINE ***/
.liste-produit-seareine
        {
        float:left;
        width:572px;
        height:auto;
        padding:0;
        margin:0;
        /*border:1px #000 solid; */
        }
.liste-produit-seareine img
        {
      /*  width:140px;
        height:190px;  */
        text-align:center;
        float:left;
        /*margin:10px;  */
        margin:0 20px 10px 0px;
        padding:0;
         border:1px #fff solid;
        }
/*MENU*/
#colLeft h1{
        margin:0;
        padding:0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:1em;
        line-height:2em;
        font-weight:bold;
        text-align:left;
        text-indent:1em;
        color: #CFCFCF;
        border-bottom: 2px dotted #777;
        display:block;
}
#colLeft h1 a{
        margin:0;
        padding:0;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:1em;
        line-height:2em;
        font-weight:bold;
        text-align:left;
        text-indent:1em;
        text-decoration:none;
        color: #CFCFCF;
        display:block;
}
#colLeft a{
width: 160px;
display: block;
text-align: left;
font-size: 0.9em;
line-height:1.5em;
text-indent: 1.8em;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: regular;
color: #fff;D71920
}
#colLeft a:hover,#colLeft a:active{
        color:#D68E6F;
}

/* FICHE PRODUIT */
#image-produit{
        width:310px;
        text-align:center;
        float:left;
}
#detail-produit{
        margin-left:310px;
        padding-left:5px;
        border-left:1px #fff dotted;
}
.produit-promo{
        font-weight:bold;
}
/*MENU BAS*/
#footerMenu a:link, #footerMenu a:visited{
        margin:0;
        padding:0 41px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:1.1em;
        color: #fff;
        font-weight:bold;
        text-decoration:none;
}
#footerMenu a:hover, #footerMenu a:active{
        text-decoration:underline;
        color: #fff;
}
/* STYLE PANIER */
#contenu-panier{
        border:1px solid #000;
        border-collapse:collapse;
}
#contenu-panier th{
        background-color:#D71920;
        color:#fff;
}
#contenu-panier input,#contenu-panier input:focus{
        border:1px solid #000;
        font-size:inherit;
}