* {margin: 0; padding: 0;}
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

input, textarea, select, body {
    font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
    font-size: 12px;
    color: #0F253A;}

body {
    background: #fff url(../../images/bkgPage.jpg) repeat-x;
    font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
    font-size: 12px;
    color: #000;}

a {color: #000;}

#allContent {
    margin: 0 auto;
    width: 950px;}

#content {
    background: #fff;
    padding: 30px 0 30px 0;
    width: 950px; }

/****************************************************************************************/
/*																			     Entete */
/****************************************************************************************/
#entete {
    position: relative;
    width: 950px;
    height: 250px;
    background: url(../../images/bkgEntete.gif) no-repeat bottom right;}

#entete .logoBerjac a{
    position: absolute;
    top: 51px;
    left: 0;}


#entete h1 {
    position: absolute;
    width: 948px;
    height: 11px;
    left: 0;
    top: 10px;
    display: block;
    background: url(../../images/lstProduits.gif) no-repeat;}

#entete h1 span{
    display: none;
    font-size: 12px;}

#entete h2 {
    position: absolute;
    width: 404px;
    height: 19px;
    left: 235px;
    top: 215px;
    display: block;
    background: url(../../images/txtFraicheur.gif) no-repeat;}

#entete h2 span{
    display: none;
    font-size: 12px;}

#entete ul#picto{
    list-style: none;
    position: absolute;
    top: 50px;
    left: 235px;}

#entete ul#picto li {float: left;}

#entete ul#picto li a {
    height: 75px;
    display: block;}

#entete ul#picto li a span {display: none;}

#entete ul#picto li#btn_1 a {
    margin: 0 11px 0 0;
    width: 97px;
    background: url(../../images/picto_viande.jpg) no-repeat; }

#entete ul#picto li#btn_2 a { 
    margin: 0 12px 0 0;
    width: 96px;
    background: url(../../images/picto_poulet.jpg) no-repeat; }

#entete ul#picto li#btn_3 a { 
    margin: 0 8px 0 0;
    width: 95px;
    background: url(../../images/picto_saumon.jpg) no-repeat; }

#entete ul#picto li#btn_4 a {
    margin: 0 10px 0 0;
    width: 117px;
    background: url(../../images/picto_legume.jpg) no-repeat; }

#entete ul#picto li#btn_5 a {
    margin: 0 10px 0 0;
    width: 141px;
    background: url(../../images/picto_cremerie.jpg) no-repeat; }

#entete ul#picto li#btn_6 a {
    width: 110px;
    background: url(../../images/picto_surgeles.jpg) no-repeat; }

#entete #onglets {
    list-style: none;
    position: absolute;
    top: 142px;
    left: 230px;
    display: block;}

#entete #onglets li {
    position: relative;
    float: left;}

#entete #onglets li a.nav {height: 31px;}

#entete #onglets li a {
    display: block;
    margin: 0 2px 0 0;}

#entete #onglets li a span {display: none;}

#entete #onglets li a#btn_A {
    width: 72px;
    background: url(../../images/btn_accueil.jpg) no-repeat 0 0; }

#entete #onglets li a#btn_B {
    width: 152px;
    background: url(../../images/btn_qui.jpg) no-repeat 0 0; }

#entete #onglets li a#btn_C {
    width: 97px;
    background: url(../../images/btn_atouts.jpg) no-repeat 0 0; }

#entete #onglets li a#btn_D {
    width: 135px;
    background: url(../../images/btn_contact.jpg) no-repeat 0 0; }

#entete #onglets li a#btn_E {
    width: 135px;
    background: url(../../images/btn_promotions.jpg) no-repeat 0 0; }

#entete #onglets li a#btn_F {
    width: 111px;
    background: url(../../images/btn_produits.jpg) no-repeat 0 0; }

#entete #onglets li a#btn_A:hover,
#entete #onglets li a#btn_B:hover,
#entete #onglets li a#btn_C:hover,
#entete #onglets li a#btn_D:hover,
#entete #onglets li a#btn_E:hover,
#entete #onglets li a#btn_F:hover {background-position: 0 -31px; }

#entete ul#btnPro {
    z-index: 50;
    list-style: none;
    position: absolute;
    top: 174px;
    left: 653px;
    display: block;}

#entete ul#btnPro li {float: left;}

#entete ul#btnPro li a {
    height: 56px;
    display: block;}

#entete ul#btnPro li#btnMaree a {
    z-index: 50;
    margin: 0 5px 0 0;
    width: 147px;
    background: url(../../images/btnMaree.jpg) no-repeat 0 0; }

#entete ul#btnPro li#btnCommander a {
    z-index: 50;
    width: 137px;
    background: url(../../images/btnCommander.jpg) no-repeat 0 0; }

#entete ul#btnPro li#btnMaree a span,
#entete ul#btnPro li#btnCommander a span {display: none;}

#entete #onglets li .sousNav {
    padding: 5px 0 0 0;
    margin: 30px 0 0 0;
    z-index: 100 !important;
    position: absolute; left: -102px; top: 0;
    list-style: none;
    width: 195px;
    height: 150px;
    display: block;
    border: 1px #5aa203 solid;
    background-color: #fff;}

#entete #onglets ul.sousNav li {
    width: 190px;
    padding: 0 0 3px 0;
    margin: 3px 0 3px 5px;
    border-bottom: 1px #5aa203 solid;
    }

#entete #onglets ul.sousNav li a {
    text-decoration: none;
    font-weight: bold;
    color: #5aa203;
    background-image: none;
    }
#entete #onglets ul.sousNav li a:hover {color: #000;}

/***********************************************************************************************/
/*																		            Home Page */
/***********************************************************************************************/

/************ colonne de gauche */

#blockVenteHome,
#blockPromoHome {
    margin: 0 0 20px 0;
    width: 235px; }

#blockVenteHome {background-color: #e0edcf; }
#blockPromoHome {background-color: #fdcac3;}

#blockVenteHome h2,
#blockPromoHome h2 {
    margin: 0 0 10px 0;
    width: 235px;
    height: 33px;}

#blockVenteHome h2 {background: url(../../images/titreVenteHome.jpg) no-repeat 0 0;}
#blockPromoHome h2 {background: url(../../images/titrePromoHome.jpg) no-repeat 0 0;}

#blockVenteHome h2 span,
#blockPromoHome h2 span {display: none;}

#blockPromoHome .zoneTxt a {
    margin: 0 10px 5px 10px;
    width: 215px;
    text-decoration: none;}

#blockPromoHome .zoneTxt img {
    padding: 0 10px 5px 5px;
    float: right;
    border: 0;}

.btnVente,
.btnPromo {
    margin: 10px 0 0 0;
    height: 15px;}
.btnVente {background: #fff url(../../images/piedblockVenteHome.gif) no-repeat 0 0;}
.btnPromo {background: #fff url(../../images/piedblockPromoHome.gif) no-repeat 0 0;}

.btnVente a,
.btnPromo a  {
    padding: 4px 0 0 0;
    font-size: 11px;
    font-weight: bold;
    display: block;
    text-align: right;
    text-decoration: none;}

.btnVente a {color: #4b8605; }
.btnPromo a {color: #f0523f;}

.btnPromo a:hover,
.btnVente a:hover {color: #000;}

.lngProduit a {
    margin: 0 10px 5px 10px;
    width: 215px;
    border-bottom: 1px #4b8605 solid;
    text-decoration: none;}

.lngProduit p.prix,
.zoneTxt p.prix {
    text-align: right;
    padding: 0 10px 0 0;}

/*********** colonne de droite */

#contenu {
    float: left;
    width: 715px;}

#blockContenu {
    padding: 0 20px 0 20px;
    width: 675px;}

#blockContenu p {padding: 0 0 5px 0;}

#contenu h1 {
    color: #000;
    display: block;
    width: 600px; height: 35px;
    font-size: 21px;
    background: url(../../images/bkgh1.jpg) no-repeat left bottom;
    margin: 0 0 20px 0;}

.zoneTexte {margin-bottom: 10px;}

#accueil #blockContenu {
    width: 680px;
    padding: 0 0 0 35px;}

#accueil #blockContenu #zoneFlash {
    float: left;
    width: 645px;
    padding-bottom: 10px;}

#blocProduitHome {
    float: left;
    width: 645px;
    background: #daf6fe url(../../images/piedblocProduitHome.gif) no-repeat left bottom;
    margin: 0 0 10px 0;}

#blocProduitHome h2 {
    width: 645px;
    height: 33px;
    background: url(../../images/teteProduitHome.jpg) no-repeat 0 0;}

#blocProduitHome h2 span {display: none;}

#blocProduitHome .zoneTxt 
{width: 620px;
margin: 10px 0 5px 10px;
text-decoration: none;}

#blocProduitHome .zoneTxt h3 a 
{padding: 0 0 5px 0;
text-decoration: none;}

#blocProduitHome .zoneTxt img
{float: left;
padding: 0 10px 10px 0;
border: 0;}

#btnBleuInfo a
{width: 100px;
margin: 5px 0 10px 0;
text-decoration: none;
padding: 0 0 0 20px;
font-size: 11px;
color: #027a9b; 
line-height: 16px;
display: block;
height: 16px;
float: left;
background: url(../../images/puceBleuInfo.gif) no-repeat 0 0;}

#blockPresHome h2 {
width: 320px;
height: 87px;
background: url(../../images/teteBlockPres.gif) no-repeat 0 0;}

#blockAtoutsHome h2 {
width: 320px;
height: 87px;
background: url(../../images/teteBlockAtouts.gif) no-repeat 0 0;}

#blockPresHome h2 span,
#blockAtoutsHome h2 span {
display: none;}

#blockPresHome,
#blockAtoutsHome {
width: 320px;
background-color: #dcdcdc;
float: left;}

#blockPresHome {
position: relative;
margin: 0 5px 0 0;}

#blockPresHome .zoneTxt,
#blockAtoutsHome .zoneTxt 
{width: 295px;
margin: 10px;}

#blockAtoutsHome .zoneTxt a,
#blockPresHome .zoneTxt a {
text-decoration: none;}

#blockAtoutsHome .zoneTxt img  {
float: right;}

#blockPresHome .zoneTxt img
{float: left;
padding: 0 10px 0 0;
border: 0;}

#blockPresHome .zoneTxt img a,
#blockAtoutsHome .zoneTxt img a
{border: 0;}

.btnGrisInfo{
display: block;
height: 28px;
background: url(../../images/btnGrisInfos.gif) no-repeat 0 0; 
}

.btnGrisInfo span 
{display: none;}

.horaire {font-size: 11px;
font-weight: bold;
color: #990000;
margin: 20px 0 0 0;}

#accueil .horaire {
margin: 5px 0 0 0;}

#zoom {
background-color: #5aa203;
position: absolute;
top: 50px;
left: 50px;
border: 1px red solid;
width: 550px;}

 a.btnFermerZoom {
color: #fff;
display: block;
float: right;
padding: 5px;}

/***********************************************************************************************/
/*																				Pages Corporatif */
/***********************************************************************************************/
#colGauche
{float: left;
width: 235px;}

#corpo #contenu h2 {
font-size: 18px;
font-weight: bold;
color: #5aa203;
padding: 0 0 10px 0;}

#corpo #contenu h3 {
font-size: 14px;
font-weight: bold;
color: #5aa203;
padding: 10px 0 6px 0;}

#corpo #contenu p {
padding: 0 0 10px 0;}

#zoneVideo {float: right;}

/***********************************************************************************************/
/*																				Pages produits */
/***********************************************************************************************/

#txt {
margin: 10px 0 0 0;
display: block;
float: right;
width: 205px;}

#pageProduits #colGauche #txt p {
padding: 0 0 5px 0;
text-align: justify;
font-weight: bold;
color: #049fca;}

#pageProduits.poisson #colGauche #txt p {
color: #049fca;
}
#pageProduits.viande #colGauche #txt p {
color: #a60301;}

#pageProduits.viande .logosViande {
display: block;
float: right;
margin: 10px 20px 0 0;}

#pageProduits.volaille #colGauche #txt p {
color: #907b5f;
}

#pageProduits.fruits #colGauche #txt p {
color: #509101;
}

#pageProduits.cremerie #colGauche #txt p {
color: #d29300; }

#pageProduits.surgeles #colGauche #txt p {
color: #e52f2e; }

/***********************************************************************************************/
/*																				                                          Actualites */
/***********************************************************************************************/
#actualites #colGauche
{float: left;
width: 195px;
margin: 0 20px 0 20px;}

#actualites .retour a,
#promotions .retour a
{font-size: 11px;
color: #ca0209;
text-decoration: none;
font-weight: bold;
display: block;
float: right;
height: 20px;
padding: 0 10px 5px 0;}

#actualites .retour a:hover
{text-decoration: underline;}

#actualites .blockActu
{width: 640px;
padding: 12px 0 6px 0;
border-bottom: 1px #5aa203 dashed;}

#actualites .blockActu h2 
{font-size: 16px;
padding: 0 0 3px 0;}

#actualites .blockActu h3 
{font-size: 14px;
padding: 10px 0 0 0;}

#actualites .blockActu .dateActu 
{font-size: 11px;
font-weight: bold;
color: #5aa203;
padding: 0 0 3px 0;}

#actualites .blockActu img
{float: right;
padding: 3px;
border: 1px #5aa203 solid;}

#actualites .blockActu a.suite  
{color: #ca0209;
display: block;
font-size: 11px;
font-weight: bold;
margin: 5px 0 0 0;}

#actualites .blockActu a:hover.suite {text-decoration: underline;}

/****************************************************************************************/
/*																		                                        Promotions */
/****************************************************************************************/

#promotions #colGauche
{float: left;
width: 195px;
margin: 0 20px 0 20px;}

#blockNouveauProduit
{width: 195px;
background: url(../../images/bkgNouveauProduit.jpg) repeat-y;}

#blockNouveauProduit h2 
{text-decoration: none;
color: #5aa203;
padding: 10px 0 0 8px;
font-size: 14px;
font-weight: bold;
color: #5aa203;
display: block;
width: 187px;
height: 64px;
background: url(../../images/teteNouveauProduit.jpg) no-repeat;}

#blockNouveauProduit img 
{border: 0;
padding: 0 0 5px 0;}

#blockNouveauProduit h2 span {display: none;}

#blockNouveauProduit #zoneTxt {padding: 0 5px 0 5px;}

#blockNouveauProduit .basket 
{font-size: 14px;
font-weight: bold;
display: block;
width: 195px;
height: 26px;
background: url(../../images/piedNouveauProduit.jpg) no-repeat;}

#blockNouveauProduit .basket a 
    {line-height: 11px;
    padding: 5px 17px 0 0px;
    margin: 0 12px 0 0;
    font-size: 11px;
    text-align: right;
    font-weight: bold;
    display: block;
    float: right;
    width: 195px;
    color: #5aa203;
    background: url(../../images/picto_basket.gif) no-repeat right bottom;}

#promotions #colGauche .btnVentesFlash a {
display: block;
width: 181px;
height: 153px; 
background: url(../../images/btnVentesFlash.jpg) no-repeat;}

.btnVentesFlash span {
display: none;}

#promotions #contenu
{width: 690px;
float: right;}

#promotions h3
{padding: 0 0 5px 0;
font-size: 14px;}

#promotions h4
{font-size: 16px;}

#promotions #contenu #blockContenu #colA {
float: left;
width: 160px;}

#promotions #contenu #blockContenu .blockPromo {
margin: 10px 10px 0 0;
width: 149px;
float: left;
background: url(../../images/promos/rec_viande.gif) no-repeat; }

#promotions #blockContenu .blockPromo h2{
height: 60px;
display: block;
padding : 10px 0 0 11px;
font-size: 16px;
color: #fff;}

#promotions #blockContenu .blockPromo h2 a {
text-decoration: none;
color: #fff;}

.vignette{
border: 0;
display: block;}

#promotions #blockContenu .blockPromoPied {
margin: 0;
padding: 0;
width: 149px;
height: 8px;
background: url(../../images/promos/pied_viande.gif) no-repeat; }

#promotions #blockContenu #colB {
margin: 10px 0 0 0;
float: left;
width: 490px;}

#promotions #blockContenu #colB h3 {
padding: 10px 0 5px 0;
font-size: 18px;}

#promotions #blockContenu #colB h4 {
padding: 0 0 10px 0;
font-size: 12px;}

#promotions .lineForm {
float: right;
padding: 0 0 5px 0;}


#promotions #tableau {
width: 650px;}

#promotions #tableau h3 {
font-size: 18px;}

th {
background-color: #5aa203; text-align: left; color: #fff;}

.ref {
width: 40px;}

.designation {
width: 420px;}



td {
border: 1px #5aa203 solid; vertical-align: top;}


.colorGreen {color: #5aa203;}



.btnEnsemblePromotions {
margin: 20px 0 0 16px;
width: 161px;
height: 126px;
background: transparent url(../../images/btnEnsemblePromotions.jpg) no-repeat;
display: block;
}

.btnEnsemblePromotions span {
display: none;
}


/****************************************************************************************/
/*																		     Imprimer la promotion */
/****************************************************************************************/
#printPromotion {background-image: none;}

#printPromotion #allContent {
margin: 20px;
width: 640px;
float: left;
}

#printPromotion #blockContenu {
float: left;
width: 640px;
margin: 0;}

.print #logo {
float: left;}

.print h3
{padding: 0 0 5px 0;
font-size: 14px;}

.print h4
{font-size: 16px;}

.print #blockContenu #colA {
float: left;
width: 640px;}

.print #blockContenu .blockPromo {
width: 149px;
float: right;
/*background: url(../../images/promos/rec_viande.gif) no-repeat 0 0;*/ }

.print #blockContenu .blockPromo h2{
padding : 10px 0 0 11px;
font-size: 16px;
color: #fff;}

.print #blockContenu .blockPromo h2 a {
text-decoration: none;
color: #fff;}

.vignette{
border: 0;
padding : 27px 0 0 11px;
display: block;}

.blockPromoPied {
width: 149px;
height: 8px;
/*background: url(../../images/promos/pied_viande.gif) no-repeat; */}

.print #blockContenu #colB {
margin: 10px 0 0 0;
float: left;
width: 640px;}

table {border-collapse: collapse; width: 100%; margin-bottom: 20px;}
td {border: 1px #5aa203 solid; vertical-align: top;}
td, th {padding: 2px 4px;}
th {background-color: #5aa203; text-align: left; color: #fff;}

.cellA {width: 30px;}
.cellB  {width: 230px;}
.cellC  {width: 80px;}

.colorGreen {color: #5aa203;}

/****************************************************************************************/
/*																	       Ventes Flash */
/****************************************************************************************/
#venteFlash #colGauche
{float: left;
width: 195px;
margin: 0 20px 0 20px;}

#venteFlash h3
{font-size: 16px;}

#venteFlash #colGauche .btnPromos a {
display: block;
width: 181px;
height: 153px; 
background: url(../../images/btnPromos.gif) no-repeat;}

.btnPromos span {display: none;}

#venteFlash .blockVenteFlash 
{margin: 20px 0 0 0;
width: 652px;
background: url(../../images/bkgBlocFlash.jpg) repeat-y;}

#venteFlash .blockVenteFlash h2 a 
{text-decoration: none;
color: #5aa203;
padding: 8px 0 15px 8px;
font-size: 18px;
font-weight: bold;
color: #5aa203;
display: block;
width: 652px;
background: url(../../images/bkgDesignation.jpg) no-repeat;}

#venteFlash .blockVenteFlashimg
{float: left;
margin: 0 10px 0 20px;
width: 150px;}

#venteFlash .blockVenteFlashimg img
{border: 0;}

#venteFlash .blockVenteFlashtxt
{float: left;
margin: 0 20px 0 10px;
width: 440px;}

.prixBarre 
{padding: 5px 0 0 0;
font-size: 12px;
font-weight: bold;}

.prixFlash{
padding: 5px 0 0 0;
color: #ca0209;
font-size: 16px;
font-weight: bold;}

#venteFlash .basket 
{font-size: 14px;
font-weight: bold;
display: block;
width: 652px;
height: 32px;
background: url(../../images/bkgBasket.jpg) no-repeat;}

#venteFlash .basket a 
{line-height: 15px;
margin: 0 15px 0 0;
padding: 10px 20px 0 0;
font-size: 11px;
text-align: right;
font-weight: bold;
display: block;
float: right;
width: 180px;
color: #5aa203;
background: url(../../images/picto_basket.gif) no-repeat right bottom;}

/****************************************************************************************/
/*																	            Contacts*/
/****************************************************************************************/

#pageContacts #colGauche {
    width: 195px;
    padding: 0 20px 0 20px;}

#pageContacts #colGauche p {padding: 0 0 5px 0; }

#pageContacts #colGauche h3 {padding: 0 0 20px 0; font-size: 14px;}

#pageContacts #blocAdresse {
    background: #c7dfa9;
    border: 1px #ca0209 dotted;
    display: block;
    width: 180px;
    padding: 10px;
    margin: 20px 0 0 0;}

fieldset {
    border: 1px #5aa203 dotted;
    padding: 0 10px 0 10px;}

legend {
    font-weight: bold;
    padding: 10px;
    background-color: #fff; font-size: 14px;}

#pageContacts #colFormA,
#pageContacts #colFormB {
    float: left;
    width: 300px;}
    
#pageContacts .lineForm {float: left; padding: 0 0 5px 0;}
#pageContacts .lineForm label {
    display: block; text-align: right; 
    width: 100px; float: left; padding: 3px 3px 0 0;}

.uneLigne {width: auto; float: none; margin: 5px;}
.lineForm textarea {width: 420px;}

#pageContacts .lineNewsletter {width: 600px; padding: 5px 10px 10px 0;}
#pageContacts .lineNewsletter label.abonnement{width: 420px; float: none; display: inline;}

.lineSubmit {text-align: center;}

#blocSearchMail {margin: 10px 0 10px 0;}

#blocSearchMail label {width: 250px; padding-bottom: 0;}
#blocSearchMail .btn {margin-left: 5px;}

.mentions {
margin-top: 20px;
padding-top: 20px;
font-size: 11px;}

.margeCheckbox {margin: 0 5px 0 5px;}

.demProduits {
margin: 0 0 0 100px;
width: 400px;
height: 15px;
display: block;
float: left;}

.validation-advice {
color: #cc0000; font-weight: bold; 
text-align: left; padding-top: 3px;
font-size: 11px; display: block;}

#errMsg {
color: #cc0000; font-weight: bold; 
text-align: left; padding-top: 3px;
font-size: 11px; display: block;}

.champs{
color: #cc0000;
font-size: 11px;}

/***********************************************************************************************/
/*																				Plan du site */
/***********************************************************************************************/

#pagePlanSite #blockContenu {
width: 900px;
margin: 0 10px 0 35px;}

#pagePlanSite #contenu h2 {
font-size: 18px;
font-weight: bold;
color: #5aa203;
padding: 0 0 10px 0;}

#pagePlanSite #contenu h3 {
font-size: 14px;
font-weight: bold;
color: #5aa203;
padding: 10px 0 6px 0;}

#pagePlanSite #contenu p {
padding: 0 0 10px 0;}


#pagePlanSite #contenu li.rubrique1 {
font-size: 14px;
margin: 0 0 10px 0;
font-weight: bold;
padding: 0 25px 20px 0;
display: block;
float: left;}

#pagePlanSite #contenu li.rubrique2 a {
display: block;
font-size: 12px;
margin: 10px 0 0 0;}

#pagePlanSite #contenu ul.niveau2
{list-style: none;
margin: 10px 0 0 0;}


/****************************************************************************************/
/*																	             Footer */
/****************************************************************************************/
#footer {
padding: 0 0 10px 0;
background-color: #fff;
text-align: right;
font-size: 11px;
width: 948px;}

#footer p {padding: 0 10px 5px 0;}

#footer #logoPhare {
padding: 0 10px 5px 0;
display: block;
float: right;
width: 47px; height: 16px;
background: transparent url(../../images/miniLogoPhare.gif) no-repeat;}

#footer #logoPhare span {display: none;}

#footer img {border: 0;}
#footer a {color: #000; text-decoration: underline;}
#footer a:hover {color: #333; text-decoration: underline;}

/****************************************************************************************/
/*	 Rajouter par Guillaume permet de gérer le bouton Accueil en home*/
/****************************************************************************************/

#tplAccueilLnkVisible {width: 72px; height:32px;}