/* CSS Document */
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}
img,div{ behavior:url(../iepngfix.htc);}
img{ border:none;}
a{ text-decoration:none;}
#page{ width:900px; height:800px; padding:0; margin:40px auto;}
#page #image_dyn{ margin:-300px 0 0 0; padding:0; position:relative; z-index:0; width:250px; height:307px;} 

#page #corps{ padding:0; margin:-30px 0 0 30px; position:relative; z-index:8; width:875px; height:auto;}

#corps #header{ width:875px; height:54px; margin:0; padding:0;}
#corps #header img.logo_rvl{ margin:0; float:left;}
/*liste des langues dispos*/
#header #langue{ width:231px; height:30px; margin:0; padding:0;}

#header  #dicton { width:529px; float:right; text-align:right; font-size:11px; font-style:italic; }
/*#header ul.langue li{ width:auto; height:22px; float:left; margin-left:3px;}*/
/*bio_mada*/
#header img.bio{ float:left; margin:0 0 0 182px; padding:0; }
/*contenu*/
#corps #content{ width:874px; height:auto; margin:0; padding:0; position:relative; z-index:5; }
#content #titre{ width:874px; height:27px; margin:0 0 0 1px; padding:0;}
#titre #border{ float:left; margin:0; padding:0; width:7px; height:27px; background:url(../images/border.gif) no-repeat right;}
#titre #back{ width:852px; height:27px; float:left; margin:0; padding:0 0 0 13px; background:#b7cb2b;}

#titre #back ul.menu_lang{ list-style-type:none; margin:0 0 0 5px; padding:0;  width:250px; height:27px; padding:0; margin:0; float:left;}

#titre #back ul.menu_lang li{ width:35px; height:27px; margin:0; padding:0; float:left;}
#titre #back ul.menu_lang li a { width:auto; height:25px; margin:0; display:block; padding:2px 0 0 0;}

/*center*/
#content #center{ width:873px; /*height:627px;*/ height:auto; margin:0 0 0 1px; padding:0; }

/*colonne gauche*/
#center #colonne_left{ float:left; width:764px; /*min-height:627px;*/ background:#FFFFFF; padding:0; margin:0; filter:alpha(opacity=70); /* IE */ -moz-opacity:0.7; /* Mozilla */ -khtml-opacity: 0.7; /* Safari */opacity: 0.7; border-left:solid 1px #b7cb2b; border-bottom:solid 1px #b7cb2b;}

/*#center #colonne_right{ width:530px; float:left; padding:0; margin:0 0 0 5px;}*/
#colonne_left #contenu{ width:740px; min-height:540px; height:auto; margin:10px 10px; padding:0 0 0 5px; }
#contenu h1{ width:720px; height:18px; padding:5px 0 0 5px; margin:0 0 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#4d0000; border-bottom:solid 1px #4d0000;}

/*liste des produits*/



.liste_produit{ width:215px; height:140px; padding:0; margin:15px 37px 0 0; float:left;}
.liste_produit .border_left,#contenu .liste_produit .border_right{ width:7px; height:139px; float:left; margin:0; padding:0;}
 .liste_produit .border_left{ background:url(../images/border_left_prod.gif) no-repeat;}
 .liste_produit .border_right{ background:url(../images/border_right_prod.gif) no-repeat;}
 .liste_produit .desc{ float:left; margin:0; padding:5px 0 0 2px; width:198px; height:132px; border-bottom:solid 1px #cda0a3;  border-top:solid 1px #cda0a3; }
 .liste_produit .desc h2{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4d0000; width:auto; height:32px;}
 
 .liste_produit .desc img{ width:92px; height:63px; border:none; margin:20px 0 0 0; float:left;}
 
 .liste_produit .desc p{ width:101px; height:70px; padding:0 0 0 3px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#404040; text-align:justify; margin:12px 0 0 0; float:left;}

.liste_produit .desc a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9d4e52; float:right; padding:0; margin:0;}
/*fiche produit */
#contenu #image{ width:395px; height:214px; padding:18px 65px; margin:0; overflow:hidden; position:relative;}
#image_big{width:305px; height:207px; border:solid 1px #a05457; float:left;}
#image_big img{ width:305px; height:207px; float:left;}
#corp_list_image{ float:left; margin:0 0 0 3px; padding:0; width:62px; height:150px; position:relative; overflow:hidden;}
#prec,#suivant{ margin:0 0 0 10px;}
#scroll_image{ margin:0 0 0 3px; padding:0; width:62px; height:150px; position:relative;}

#scroll_image .liste_img{ width:56px; height:38px; margin:5px 0 0 0; padding:0;}
#scroll_image .liste_img img{ border:solid 1px #a05457; height:38px; width:56px;}
p{ text-align:justify;}
/* page de navigation */
#pageNav{ float:right; margin:5px 0 0 0; padding:2px; height:auto; width:200px;}
#pagecounter{ float:left;margin:7px 0 0 0; padding:2px; height:auto; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}

#pageNav select,#pageNav a, #pageNav p{ float:left; margin:0 0 0 3px;}
#pageNav p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold; display:block; height:20px; margin:2px 0 0 0;} 
#pageNav a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold;}

/*tri*/
#colonne_right #tri{ width:426px; height:20px; padding:0; margin:13px 0 0 137px; }
#tri label,select{ float:left; margin:0 0 0 5px;}
#tri select{ float:left; margin:0 10px 0 5px;}
#tri label{ width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5d4a48; height:20px; padding:2px 0 0 0; font-weight:bold;}

.spacer20{ height:20px;}

/*block */
#menu_produit #block{ width:189px; height:455px; margin:2px 0 0 0; padding:0; border-top:solid 1px #b7cb2b; border-right:solid 1px #b7cb2b;}

/*contact*/


fieldset{ border:none;}


input.text_min{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; border:solid 1px #e77378; margin:5px 0 0 0; padding:0; width:50px;}
fieldset input.button{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center; background:url(../images/bouton.gif) no-repeat; width:113px; height:21px; border:none; padding:0; margin:5px 10px 0 0; cursor:pointer; font-weight:bold;}
fieldset input.button_large{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center; background:url(../images/bouton_large.gif) no-repeat; width:147px; height:21px; border:none; padding:0; margin:5px 10px 0 0; cursor:pointer; font-weight:bold;}

/*categorie*/
#block #block_categorie{width:183px; height:auto; margin:0; padding:0 0 0 7px;}
#block_categorie h2, #block_devis h2,#block_recherche h2{ font-family:Arial; font-size:12px; color:#502900; width:auto; padding:0; margin:11px 0 0 0;}

/*devis*/
#block #block_devis{ width:183px; height:49px; margin:10px 0 0 0; padding:0 0 15px 7px; border:solid 1px #ffffff;}
#block_devis p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e77378; width:170px; height:auto; display:block; margin:10px 0 0 0; padding:0;}
/*recherche*/
#block #block_recherche{ width:183px; height:49px; margin:10px 0 0 0; padding:0 0 0 7px; position:relative; z-index:10;}

input.text,textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; border:solid 1px #e77378; margin:5px 0 0 0; padding:0;}
input.button{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center; background:url(../images/bouton.gif) no-repeat; width:113px; height:21px; border:none; padding:0; margin:5px 0 0 0; cursor:pointer; font-weight:bold;}
/*menu categorie*/
ul.menu{ list-style-type:none; width:174px; height:auto; padding:0; margin:12px 0 0 0;}
ul.menu li, ul.menu li.smen{ width:174px; height:auto; margin:0 0 10px 0; padding:0;}
ul.menu li.smen a{ width:161px; height:16px; margin:0; padding:3px 0 0 13px; color:#c55056; font-family:Arial; font-size:11px; background:url(../images/close.gif) no-repeat center left;}
ul.menu li a{ width:161px; height:16px; margin:0; padding:0 0 0 13px; color:#c55056; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(../images/li_nochild.gif) no-repeat center left;}

/*sous menu*/
li.smen ul.smenu{ width:162px; height:auto; list-style-type:none; padding:0; margin:0 0 0 11px;}
li.smen  ul.smenu li{ width:162px; min-height:14px; height:auto; padding:0; margin:3px 0; }

li.smen  ul.smenu li a{ display:block; width:154px; min-height:14px; height:auto; padding:2px 0 0 8px; margin:0; background:none; color:#7a1b20; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
li.smen  ul.smenu li a:hover{ display:block; width:154px; min-height:14px; height:auto; padding:2px 0 0 8px; margin:0; background:none; color:#7a1b20; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}

/*spacer menu*/
.spacer_menu{ width:175px; height:1px; margin:10px 0 0 0; padding:0; background:url(../images/spacer.gif) no-repeat;}
/*menu droite*/
#center #menu_right{ width:107px; min-height:621px; float:left; margin:0; padding:0; background:#b7cb2b;}
#menu_right ul{ width:105px; height:464px; margin:0; padding:0; list-style-type:none;}
#menu_right ul li{ width:105px; height:44px; margin:0; padding:0;}
#menu_right ul li a{ display:block; width:105px; height:27px; margin:13px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center; font-weight:bold;}
#menu_right ul li a:hover{ display:block; width:105px; height:auto; min-height:20px; margin:13px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:center; font-weight:bold; background:#FFFFFF;}

/*ombre*/
 #shadow{ width:867px; height:15px; margin:0 0 0 6px; padding:0; background:url(../images/ombre.png) repeat-x; clear:both;}
.spacer{ width:auto; line-height:1px;}
.clr{ clear:both;}

h2.caract,h2.l_desc{margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#4d0000; padding:0;}
table.caracteristique{ width:350px; height:auto; margin:0 0 10px 0;}
table.caracteristique td.titre{ width:175px; height:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; padding:3px 0 0 0; text-align:center; border-bottom:solid 1px #4d0000;}
table.caracteristique td.val{ width:175px; height:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; padding:3px 0 0 0; text-align:center; }

/*producteur*/

table.producteur{ width:500px; height:auto; padding:0; margin:30px 0 0 10px; border-left:solid 1px #b7cb2b;border-right:solid 1px #b7cb2b; border-bottom:solid 1px #b7cb2b;}
table.producteur td.titre_prod{ width:125px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; background:#b7cb2b; text-align:center; margin:0; padding:0;}
table.producteur td{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4d0000; text-align:center; height:auto; margin:0; padding:5px 0;}

/* devis */
table.liste{width:auto; height:auto; font-family:Arial; font-size:10px; font-weight:bold; color:#4d0000; margin:20px 0 0 36px; padding:0; border:solid 1px #f4c6c7;} 
table.liste tr.titre_liste{ width:auto; height:20px; font-family:Arial; font-size:10px; font-weight:bold; color:#590f0f; background:url(../images/back_list.gif) repeat-x; }
table.liste th.producteur, table.liste th.region,table.liste th.typologie,table.liste th.details{ width:130px; height:20px; padding:0 0 0 20px; text-align:left;}


table.liste td{ text-align:left; height:25px; padding:5px 0 0 20px;}

/*categorie produit */

ul.categ_prod{width:auto; height:auto; margin:30px auto; padding:0; list-style-type:none;}
ul.categ_prod li{ width:160px; height:160px; margin:0 0 0 10px; padding:5px 10px; float:left;}
ul.categ_prod li a img{ width:150px; height:113px; margin:5px auto; padding:0;}
ul.categ_prod li a{ width:155px; height:160px; margin:10px 0 5px 0; padding:0; text-align:center; font-family:Arial; font-size:12px; font-weight:bold; color:#b3111c; display:block; background:#FFFFFF;}

ul.categ_prod li a:hover{ width:155px; height:160px; margin:10px 0 5px 0; padding:0; text-align:center; font-family:Arial; font-size:12px; font-weight:bold; color:#ffffff; display:block; background:#b3111c;}

ul.home_prod{width:auto; height:auto; margin:30px auto; padding:0; list-style-type:none;}
ul.home_prod li{ width:310px; height:350px; margin:0 0 0 10px; padding:5px 10px; float:left;}
ul.home_prod li a img{ width:300px; height:300px; margin:5px auto; padding:0;}
ul.home_prod li a{ width:305px; height:340px; margin:10px 0 5px 0; padding:0; text-align:center; font-family:Arial; font-size:12px; font-weight:bold; color:#b3111c; display:block; background:#FFFFFF;}

ul.home_prod li a:hover{ width:305px; height:340px; margin:10px 0 5px 0; padding:0; text-align:center; font-family:Arial; font-size:12px; font-weight:bold; color:#ffffff; display:block; background:#b3111c;}

#contenu p.region{ width:350px;}
#footer #concepteur { float:left; width:220px; margin:5px 0 0 0;}
#concepteur a{font-family:Arial; font-size:12px; color:#b3111c; font-weight:bold; }
#footer .logo_bottom { float:left; width:644px; text-align:right; margin:10px 0 0 0;}
/*page lien*/
#lien{ float:left; margin:0 0 10px 0;}
#lien table {width:100%;}
#lien td {border:solid thin #DCD6DC;width:150px;height:100px;text-align:center;margin:0;padding:0;}
#lien td:hover {border: solid thin gray;}
#lien a {font:13px Calibri, Verdana;}
#lien a:hover{text-decoration:none;color:blue;font-size:13px;}*/

.cache{ visibility:hidden;} 
.affiche{ visibility:visible;}
.flott_right{ float:right;}
.flott_left{ float:left;}