@charset "iso-8859-1";

HTML {width: 100%; }

BODY {width: 100%; margin: 0px; text-align: center;}

IMG {padding:5px;}

.site {width: 752px; height:600px; overflow:hidden; border: 1px solid #000000; margin: 0 auto 0 auto;}

.bandeau {background-image:url(bandeau.jpg); background-repeat:no-repeat; width: 752px;  height: 41px;  margin: 0px;  padding: 0px;}

.bandeau a {position: relative; top:0px; left:-250px; display:block; width:250px; height:38px;}

.bandeau_contenu {background-image:url(bandeau_contenu.jpg); background-repeat:no-repeat; width: 752px;  height: 41px;  margin: 0px;  padding: 0px;}

.bandeau_contenu a {position: relative; top:0px; left:-250px; display:block; width:250px; height:38px;}


.bandeau_contenu_es {background-image:url(bandeau_contenu_es.jpg); background-repeat:no-repeat; width: 752px;  height: 41px;  margin: 0px;  padding: 0px;}

.bandeau_contenu_es a {position: relative; top:0px; left:-250px; display:block; width:250px; height:38px;}


.menu{background-image:url(fond_menu.jpg); background-repeat:no-repeat; width: 752px;  height: 39px;  margin: 0px;  padding: 0px; text-align: left;}

.menu_es{background-image:url(fond_menu_es.jpg); background-repeat:no-repeat; width: 752px;  height: 39px;  margin: 0px;  padding: 0px; text-align: left;}


#lien_accueil_menu {position: relative; top:0px; left:0px; display:block; float:left; width:250px; height:35px;}

.menu ul, li {list-style-type: none; margin: 0; padding: 0; }

.menu ul {position: relative; top: 6px; left: 10px; height: 20px;}

.menu li {display: inline;  float: left;}

.menu li a {display: block; height: 30px;}

.bt_accueil{width:55px; height: 27px; margin:0px; padding:0px;}

.bt_accueil a {background-image:url(bt_accueil.jpg); background-repeat:no-repeat; width: 45px;  height: 27px; margin:0px;}

.bt_accueil a:hover {background-image:url(bt_accueil_over.jpg); background-repeat:no-repeat; width: 45px;  height: 27px; margin:0px;}

.bt1 a {background-image:url(bt1.jpg); background-repeat:no-repeat; width: 110px;  height: 26px; margin:0px;}

.bt1 a:hover {background-image:url(bt1_over.jpg); background-repeat:no-repeat; width: 110px;  height: 26px; margin:0px;}

.bt2 a {background-image:url(bt2.jpg); background-repeat:no-repeat; width: 110px;  height: 26px;}

.bt2 a:hover {background-image:url(bt2_over.jpg); background-repeat:no-repeat; width: 110px;  height: 26px;}

.bt3 a {background-image:url(bt3.jpg); background-repeat:no-repeat; width: 110px;  height: 26px;}

.bt3 a:hover {background-image:url(bt3_over.jpg); background-repeat:no-repeat; width: 110px;  height: 26px;}


.contenu{width: 752px;}

.gauche{float:left; background-image:url(fond_gauche.jpg); background-repeat:no-repeat; width: 180px;  height: 407px;  margin: 0px;  padding: 0px; text-align:left;}
/*
.recette_mois{position:relative; left:25px; top:108px; background-image:url(recette_mois.jpg); background-repeat:no-repeat; width: 153px; height: 213px;}

.nouveaute_produit{position:relative; left:25px; top:105px; background-image:url(fond_nouveaute_produit.jpg); background-repeat:no-repeat; width: 153px; height: 183px;}

.nouveaute_produit table{position:relative; left:5px; top:33px; width: 130px; vertical-align:top; font-size:11px; font-family:Arial; text-align:center}

.recette_mois{position:relative; left:25px; top:106px; background-image:url(fond_promo_ete.jpg); background-repeat:no-repeat; width: 153px; height: 213px;}
/*

/* POUR LA PROMO DE L'ETE */
.recette_mois{position:relative; left:25px; top:103px; background-image:url(recette_mois.jpg); background-repeat:no-repeat; width: 153px; height: 213px;}

.recette_mois table{position:relative; left:5px; top:29px; width: 130px; vertical-align:top; font-size:11px; font-family:Arial; text-align:center}

.nouveaute_produit{position:relative; left:25px; top:100px; background-image:url(fond_nouveaute_produit.jpg); background-repeat:no-repeat; width: 153px; height: 185px;}

.nouveaute_produit table{position:relative; left:5px; top:33px; width: 130px; vertical-align:top; font-size:11px; font-family:Arial; text-align:center}
/*FIN POUR LA PROMO DE L'ETE*/

.droite{float:right; background-image:url(fond_droite.jpg); background-repeat:no-repeat; width: 572px;  height: 407px;  margin: 0px;  padding: 0px;}

.gauche_contenu{float:left; background-image:url(fond_gauche_contenu.jpg); background-repeat:no-repeat; width: 180px;  height: 520px;  margin: 0px;  padding: 0px; text-align:left;}

.gauche_contenu_es{float:left; background-image:url(fond_gauche_contenu_es.jpg); background-repeat:no-repeat; width: 180px;  height: 520px;  margin: 0px;  padding: 0px; text-align:left;}


#lien_accueil_gauche {position: relative; top:0px; left:0px; display:block; width:170px; height:40px;}

dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none; z-index: 100; }

#menu_gauche {position: relative; top: 60px; left: 35px; width: 140px; z-index: 100; }

#menu_gauche dt {cursor: pointer; background-image:url(bouton_gauche.jpg); background-repeat:no-repeat; height: 23px; line-height: 23px; margin: 5px 0; text-align: right; width:131px; z-index: 100; }

#menu_gauche dt a {font-family:Verdana; font-weight:bold; font-size:12px; text-decoration: none; display: block; color:#000000; padding-right:5px; z-index: 100; }

#menu_gauche dt a:hover {font-family:Verdana; font-weight:bold; font-size:12px; text-decoration: none; display: block; color:#73105A; padding-right:5px;  z-index: 100; }


#menu_gauche dd {position: relative; top:-2px; z-index: 100; left:-10px; width: 152px; background: #FFFFFF; filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}

#menu_gauche dd li {text-align: right;}

#menu_gauche ul {padding: 2px; z-index: 100;}

#menu_gauche li {font-size: 11px; height: 18px; line-height: 18px; z-index: 100; }

#menu_gauche li a {color: #73105A; font-family:Arial; text-decoration: none; display: block; z-index: 100; }

#menu_gauche li a:hover {text-decoration: underline; color:#73105A; font-weight:bold; z-index: 100; }

#photo_intro{position:relative; top:80px; left:37px; }

.droite_contenu{float:right; background-image:url(fond_droite_contenu.jpg); background-repeat:no-repeat; width: 572px;  height: 520px; text-align:left; margin: 0px;  padding: 0px;}

.droite_contenu_es{float:right; background-image:url(fond_droite_contenu_es.jpg); background-repeat:no-repeat; width: 572px;  height: 520px; text-align:left; margin: 0px;  padding: 0px;}

#lien_accueil_droite {position: relative; top:0px; left:0px; display:block; width:80px; height:40px;}

.pied_page{width: 752px;  height: 113px;}

.pied_page_gauche{float:left; background-image:url(pied_page_gauche.jpg); background-repeat:no-repeat; width: 180px;  height: 113px;  margin: 0px;  padding: 0px;}

.pied_page_droite{float:right; background-image:url(pied_page_droite.jpg); background-repeat:no-repeat; width: 572px;  height: 113px;  margin: 0px;  padding: 0px;}


.niv_4{position:relative; top:5px; left:50px; z-index: 90; width:80%; height:330px; padding:3px; overflow:auto; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color : #8FB60F; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #8FB60F;  }

.titre_page{color:#04744C; font-size:15px; font-weight:bold; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding:2px;}

.niv_4_historique{color:#04744C; font-size:11px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding-bottom:15px;}

.niv_4_historique a {color:#04744C; font-weight:bold; font-size:11px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding-bottom:15px;}

.liste_produits a {color:#8FB60F; font-family:Verdana; font-weight:bold; font-size:12px;}

.bt{font-family:Arial; background-color:#8FB60F; color:#FFFFFF; font-size:11px; border:1px solid #000000;}

.input{font-family:Arial; color:#9F1E82; font-size:11px;}

.niv_4_partie_titre{color:#A01F84; font-size:13px; font-weight:bold; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding:2px; margin-top:10px;}
.niv_4_partie_titre a {color:#A01F84; font-size:13px; font-weight:bold; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding:2px; margin-top:10px; text-decoration:underline;}
.niv_4_partie_intro{color:#53A129; font-size:11px; font-weight:bold; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding:3px; text-align:justify}
.niv_4_partie_corps{color:#000000; font-size:11px; font-weight:normal; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding:3px; margin-right:5px; text-align:justify}


.drapeaux{width:752px; height:35px; margin: 0 auto 0 auto; text-align:right; padding-top:5px;}

#drapeau_france{width:29px; height:29px;}
#drapeau_espagne{width:29px; height:29px;}

/* POUR LA PROMO DE L'ETE */
.promo_titre{color:#A01F84; font-size:13px; font-weight:bold; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding:3px; margin-top:20px;}
.promo_intro{color:#53A129; font-size:11px; font-weight:bold; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding:5px; text-align:justify}
.promo_produit{color:#000000; font-size:11px; font-weight:normal; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding:3px; margin-right:5px; text-align:justify}
.contenu_promo{float:left; width: 572px;  height: 605px; background-image:url(../mediatheque/promo/fond_droite_contenu.jpg); background-repeat:no-repeat; text-align:left; margin: 0px;  padding: 0px;}
.zone_texte_promo{position:relative; top:30px; left:45px; z-index: 90; width:85%; height:440px; padding:3px; overflow:auto; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color : #8FB60F; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #8FB60F;  }
/*FIN POUR LA PROMO DE L'ETE*/