@import "charte.css";

#contenu
        {
        position:relative;
        width:907px;
        margin:0;
        padding-bottom:38px;
        min-height:420px;
        height:auto !important;
        height:420px;
        display:table;
       /* font-family:Arial, Helvetica, sans-serif;
        color:#a60b0b;
       /* border:1px green solid; */
        }
#contenuTexte
        {
        float:left;
        padding:0px 15px 0px 10px;
        width:708px;
        height:auto;
       /* border:1px #fff solid; */
        }
#contenuTexte h1,
#contenuTexte h1.les-produits
        {
        margin:0px 0 25px 0px;
        font-family:Arial, Helvetica, sans-serif;
        font-style:italic;
        font-size:1.8em;
        text-align:left;
        color:#e72a2a;
        border-bottom:1px dashed #e72a2a;
        }
#contenuTexte h1.les-produits
        {
        margin:0px 0 5px 0px;
        }
#contenuTexte h2
        {
        margin:20px 0 25px 0px;
        font-family:Arial, Helvetica, sans-serif;
        font-style:italic;
        font-size:1.8em;
        text-align:left;
        color:#ff8500;
        border-bottom:1px dashed #ff8500;
        }
#contenuTexte h3
        {
        margin:0;
        padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.6em;
        text-align:left;
        color:#e72a2a;
       /* border-bottom:1px dashed #e72a2a; */
        }
#contenuTexte h3.horaires
        {
        margin:15px 0 0 0;
        padding:0;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.4em;
        text-align:left;
        color:#e72a2a;
        border-bottom:1px dashed #e72a2a;
        }
#contenuTexte h4
        {
        margin:0;
        font-family:Arial, Helvetica, sans-serif;
        font-style:italic;
        font-size:1.4em;
        text-align:left;
        color:#e72a2a;
        }
#contenuTexte p
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:500px;
        margin:0 0 15px 0;
        padding:0;
        font-size:1.2em;
        color:#ba0f0f;
        text-align:justify;
        }
#contenuTexte p a
        {
        color:#ba0f0f;
        font-weight:bold;
        text-decoration:none;
        }
#contenuTexte p a:hover
        {
        color:#ed2121;
        font-weight:bold;
        text-decoration:none;
        }
/*
#contenuTexte a:link,
#contenu a:visited
        {
        color: #ed2121;
        text-decoration:underline;
        }
#contenuTexte a:hover,
#contenu a:active
        {
        color: #ed2121;
        text-decoration:none;
        }
*/
#contenuTexte p.couleur,
.couleur
        {
        font-weight:bold;
        color:#f00;
        }
/******* accueil *******/
#texte-gauche
        {
         float:left;
         width:315px;
         margin:0 5px 0 0;
         padding:0;
       /* border:1px red solid; */
        }
#promo-accueil
        {
        float:left;
        width:381px;
        margin:0;
        padding:0;
        height:auto;
        }
#promo-accueil h3.promo
        {
        margin:0 0 10px 0;
        padding:0 0 0 18px;
        height:20px;
        background:#bb0c0c url(../images/charte/puce-h3-promo.gif) no-repeat 4px 3px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.4em;
        text-align:left;
        color:#ffdab3;
        border-bottom:1px #d83f3f solid;
        }
#promo-accueil .les-promos
        {
        float:left;
        width:172px;
        margin:0 5px 15px 5px;
        padding:0;
        height:150px;
        text-decoration:none;
        border:1px #d83f3f solid;
        }

#promo-accueil .les-promos  h3.c-quoi
        {
         background-color:#bb0c0c;
         font-family:Arial, Helvetica, sans-serif;
        font-size:1.2em;
        text-align:left;
        color:#ffdab3;
        /*height:15px;*/
        padding:0 3px 0 3px;
        }
#promo-accueil .les-promos .img-promo
        {
        float:left;
        width:90px;
        border:1px #bb0c0c solid;
        margin:5px 5px 5px 5px;
        padding:0;
		overflow:hidden;
		text-align:center;
		height:100px;
        }
#promo-accueil .les-promos a
        {
         text-decoration:none;
        }
#promo-accueil .les-promos a:hover
        {
         text-decoration:none;
        }
#promo-accueil .les-promos .img-promo img
        {
       /* border:1px #bb0c0c solid; */
       border:0;
        }
#promo-accueil .les-promos  p.a-partir
        {
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.2em;
        font-weight:bold;
        color:#bb0c0c;
        text-align:center;
       /* height:16px; */
        padding:0;
        margin:15px 0 0 0;
        }
#promo-accueil .les-promos  .leprix
        {
        float:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:2.1em;
        font-style:italic;
        font-weight:500;
        color:#bb0c0c;
        text-align:left;
        height:36px;
        padding:0;
        margin:0 0 0 8px;
        }
*html #promo-accueil .les-promos  .leprix
        {
        font-size:2.9em;
        margin:0 0 0 0;
        }
#promo-accueil .les-promos  .cest-en-euro
        {
        float:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.5em;
        font-style:italic;
        font-weight:bold;
        color:#bb0c0c;
        text-align:left;
       width:20px;
        padding:0;
        margin:0 0 0 0;
      /* border:1px red solid; */
        }
*html #promo-accueil .les-promos .cest-en-euro
        {
        width:20px;
        }
#promo-accueil .les-promos  .cest-les-centimes
        {
       float:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.2em;
        font-style:italic;
        font-weight:bold;
        color:#bb0c0c;
        padding:0;
        margin:0;
        text-align:left;
        width:18px;
       /* border:1px #000 solid; */
        }
*html #promo-accueil .les-promos  .cest-les-centimes
        {
        width:20px;
        }
#promo-accueil .les-promos p.quantite
        {
        float:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:0.95em;
        font-weight:500;
        color:#bb0c0c;
        text-align:center;
      /*  border:1px red solid; */
        width:63px;
        padding:0;
        margin:0;
        }
#promo-accueil .les-promos p.laloupe
        {
        clear:both;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.2em;
        font-weight:bold;
        color:#bb0c0c;
        text-align:left;
        height:16px;
       margin:5px 0 0 0;
        padding:0 0 0 18px;
        background:transparent url(../images/charte/petite-loupe.gif) no-repeat 5px 2px;
       /* border:1px red solid;*/
        }
#quelle-taille
        {
        float:left;
        margin:0 0 0 8px;
        padding:0 0 0 10px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.2em;
        font-weight:bold;
        color:#bb0c0c;
        text-align:left;
        background:transparent url(../images/charte/petite-fleche.gif) no-repeat 0px 6px;
        height:16px;
        }
#quelle-taille a
        {
        font-weight:bold;
        color:#bb0c0c;
        text-decoration:none;
        }
#quelle-taille a:hover
        {
        font-weight:bold;
        color: #ff8400;
        text-decoration:none;
        }
/*********** les produits *************/
#ariane
        {
        float:right;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        margin:0 0 15px 0;
        padding:0;
        font-size:1.3em;
        color:#ba0f0f;
        text-align:left;
        }
#pagination
        {
        float:left;
        text-align:center;
        width:705px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        margin:0 0 0 0;
        padding:0;
        font-size:1.2em;
        color:#ba0f0f;
        }
#pagination a,
#ariane a
        {
        text-decoration:none;
        font-weight:500;
        color:#ba0f0f;
        }
#pagination a:hover,
#ariane a:hover
        {
        text-decoration:none;
        font-weight:bold;
        color:#ba0f0f;
        }
#container-catalogue
        {
        width:705px;
        min-height:500px;
        height:auto !important;
        height:500px;
        float:left;
      /*  border:1px red solid; */
        }

a.miniprod{
        float:left;
        /*width:105px; */
        width:160px;
        background:#FBEBDA;
        /*padding:2px;*/
        font:bold 1.1em Arial, Helvetica, sans-serif;
        color:#BB0C0C;
        text-decoration:none;
        border:1px #BB0C0C solid;
        cursor:hand;
        margin:0 10px 10px 0;
}

a.miniprod:hover{
        background:#BB0C0C;
        color:#FFDAB3;
}
a.miniprod img{
        border:none;
        /*margin-bottom:5px;
       
        display:block;*/
        }
a.miniprod .image{
		border:1px #BB0C0C solid;
        width : 140;
		margin: 10px 10px 10px 10px;
        text-align:center !important;
        height : 157px;
        cursor:hand;
		overflow:hidden;
		background:#FBEBDA;
}
a.miniprod .picto{
        position:absolute;
        margin:5px 5px 0px 1px;
}
a.miniprod .infos-miniprod{
        text-align:center;
        height : 30px;
        }
a.miniprod .prix-miniprod{
        padding:5px 3px 3px 3px;
        background:#F3CCA2;
        color:#BB0C0C;
        font-size:1.25em;
        text-align:center;
        height:20px;
        }
a.miniprod:hover .prix-miniprod{
        background:#fff;
}
#container-catalogue .img-prod{
        float:left;
        border:1px solid #fff;
}
/*#container-catalogue .infos-prod,
#container-catalogue .infos-prod-ref{
        display:block;
        margin-left:271px;
        width:245px;
        padding:10px;
        border:1px solid #e6e6e6;
        border-top:none;
        font:1.2em Arial, Helvetica, sans-serif;
}
#container-catalogue .infos-prod-ref{
        background:#e6e6e6;
}
#container-catalogue .txtvert{
        color:#4D9B0D;
        font-weight:bold;
}
#container-catalogue .txttitre{
        font-weight:bold;
}
#container-catalogue .infos-prod a.ajout-panier{
        background:url(../images/charte/pict-panier.gif) no-repeat;
        text-indent:20px;
        font-weight:bold;
        display:block;
        text-decoration:none;
        color:#4D9B0D;
}
#container-catalogue .infos-prod a.ajout-panier:hover{
        text-decoration:underline;
}
#container-catalogue a.roll-img{
        float:left;
        border:1px solid #e6e6e6;
}
#container-catalogue a:hover.roll-img{
        border:1px solid #4D9B0D;
}
#container-catalogue a.roll-img img{
        border:none;
}

#container-catalogue .promo_new_encart{
        float:left;
        margin-left : 20px;

}
#container-catalogue #pagination{
        margin-top : 20px;
        width:98%;
        text-align : center;
        clear:both;
}
#container-catalogue #en_construction{
        width : 98%;
        height : 40px;
        margin-top : 200px;
        color : #65A82D;
        font-size : 11px;
        text-align:center;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
}

 */
form#lesproduits
        {
        float:left;
        width:369px;
        margin:0 0 5px 0;
        padding:5px;
       /* height:auto; */
       height:200px;
        border:1px #d83f3f dotted;
        }
form#lesproduits p
        {
        margin:0 0 10px 0;
        padding:0;
        }
form#lesproduits p label
        {
        float:left;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:1em;
        color:#ba0f0f;
        text-align:left;
        width:110px;
        height:18px;
       /* border:1px red solid; */
        }
form#lesproduits select.lesprod
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:1em;
        color:#ba0f0f;
        padding:0;
        margin:0;
        height:18px;
        width:150px;
        background-color:#FFDAB3;
        }
form#lesproduits p span.leprix
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:1.25em;
        color:#ba0f0f;
        }
form#lesproduits a #ajouter-panier
        {
        float:left;
        width:170px;
        border:1px #ba0f0f solid;
        background:transparent url(../images/charte/ajouter-au-panier.gif) no-repeat 2px 2px;
        height:22px;
        margin:0;
        padding:0 0 0 26px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:1.25em;
        color:#ba0f0f;
        line-height:1.6em;
        text-decoration:none;
        cursor:hand;
        }
form#lesproduits a:hover #ajouter-panier
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:1.25em;
        color:#FFDAB3;
        line-height:1.6em;
        text-decoration:none;
        background:#ba0f0f url(../images/charte/ajouter-au-panier2.gif) no-repeat 2px 2px;
        }
#produit-associes
        {
        float:left;
        width:381px;
        margin:5px 0 0 0;
        padding:0;
        height:auto;
       /* border:1px red solid;  */
        }
#produit-associes img
        {
        margin:0 1px 5px 0;
        padding:0;
        border:1px #bb0c0c solid;
        }
#promo-accueil h3.associes
        {
        clear:both;
        margin:5px 0 0 0;
        padding:0 0 0 18px;
        height:20px;
        background:#bb0c0c url(../images/charte/puce-h3-promo.gif) no-repeat 4px 3px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.4em;
        text-align:left;
        color:#ffdab3;
        border-bottom:1px #d83f3f solid;
        }
/************* form contact *********************/
label
        {
        font-family:Arial, Helvetica, sans-serif;
        font-weight:500;
        font-size:1.25em;
        color:#ba0f0f;
        text-align:left;
        line-height:16px;
        letter-spacing:0.1em;
        margin:0 0 0 0;
        padding:0;
        }
.forminput,
.formtextareadress,
.formtextareacomment
        {
        border:1px #ba0f0f solid;
        padding:0;
        margin:2px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        color:#ba0f0f;
        background-color:#FFDAB3;
        text-align:justify;
        }
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:230px;
       }
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:75px;
        width:305px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:660px;
        }
.formbt
        {
       border:1px #ba0f0f solid;
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        /*margin:2px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:18px;
        font-weight:bold;
        letter-spacing:0.1em;
        color:#ba0f0f;
        background-color:#FFDAB3;
        }


/* plan du site */
#plansite{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0 0 20px 50px;
  color:#ba0f0f;
  }
#plansite li{
  margin: 5px 0 0;
  }
#plansite a{
  color:#ba0f0f;
  text-decoration: none;
  }
#plansite ul{
  font-size: 12px;
  margin: 0 0 0 40px;
  }