/* 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; 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; height:auto; 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;}
/*menu_produit*/
#colonne_left #menu_produit{ width:190px; height:auto; margin:0; padding:16px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; float:left;}
#menu_produit h2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#502900; width:auto; margin:0 0 0 5px;}
#colonne_left #image_mada{ width:190px; height:auto; padding::0; float:left; margin:26px 0 0 0;}
/#image_mada img{ width:183px; height:201px;}
/*colonne droite*/
#center #colonne_right{ width:530px; float:left; padding:0; margin:0 0 0 5px;}
/*#colonne_right #contenu{ width:525px; min-height:540px; height:auto; margin:0 0 0 0; padding:0 0 0 5px; }*/
#contenu h1{ width:516px; height:18px; padding:5px 0 0 14px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#4d0000; border-bottom:solid 1px #4d0000;}

h1.titre_int{width:516px; height:18px; padding:5px 0 0 14px; margin:0 0 10px 0; 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:14px; color:#4d0000; width:auto; height:auto;}
 
 .liste_produit .desc img{ width:92px; height:63px; border:none; margin:20px 0 0 0; float:left;}
 
 .liste_produit .desc p{ width:101px; height:85px; 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:150px;}
#pageNav select,#pageNav a{ float:left; margin:0 0 0 3px;}
#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.contact{width:410px; height:484px; border:none;}
fieldset.contact label,fieldset.contact input,fieldset.contact textarea{ float:left; margin:10px 0 0 0;}
fieldset.contact label{ width:69px; height:19px; color:#4d0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:3px 0 0 0;}
fieldset.contact input,fieldset.contact textarea{ border:solid 1px #4d0000;}
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:8;}

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; width:180px;}
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:108px; height:464px; margin:0; padding:0; list-style-type:none;}
#menu_right ul li{ width:108px; height:44px; margin:0; padding:0;}
#menu_right ul li a{ display:block; width:108px; 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:108px; 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:0; padding:0; border:solid 1px #f4c6c7;} 

table.liste tr.titre_liste{ width:auto; height:20px; font-family:Arial; font-size:12px; 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;}


#int_main h2.titre_prod{width:auto; height:auto; margin:20px 0 5px 0; font-family:Arial; font-size:12px; color:#590f0f; padding:0;}
#int_main a.details{ font-family:Arial; font-size:12px; color:#4d000000;}
#int_main a.details:hover{ font-family:Arial; font-size:12px; color:#4d000000; text-decoration:underline;}
#int_main #b_image{ width:530px; height:217px; padding:0; margin:160px 0 0 0;}
#int_main #b_image img{ float:left;}
#int_main #b_image img.ces{ margin:20px 0 0 0;}
#in_main p{ text-align:justify;}
#int_main #details_producteur{ width:520px; margin:5px 0; border:solid 1px #b3111c; height:auto;}
#int_main #details_producteur h4{ width:505px; height:22px; margin:0; float:left; font-family:Arial; font-size:12px; color:#FFFFFF; padding:5px 0 0 15px; background:url(../images/b_desc_prod.gif) repeat-x; font-weight:bold;}

#details_producteur #desc_prod{ width:480px; height:auto; margin:0; float:left; font-family:Arial; font-size:12px; color:#b3111c; padding:5px 15px; background:#FFFFFF; text-align:justify;}
#details_producteur #desc_prod img{ float:left; margin:0 10px 5px 0;}
#details_producteur #desc_prod a{ font-size:12px; float:right; margin:5px 0 0 0; color:#8d7676; font-weight:bold;}

/*inscription et identification*/

fieldset.insc{ width:392px; margin:0 0 0 20px; border:solid 1px #f4c6c7; height:auto; padding:10px 0 17px 8px;}
fieldset.insc p{ width:343px; display:block; height:21px;}
fieldset.insc p.lien{ width:343px; display:block; height:21px; margin:45px 0 0 0;}

fieldset.insc label{ width:189px; height:21px; text-align:left; color:#590f0f; font-family:Arial; font-size:11px; font-weight:bold; padding:3px 0 0 0;}
fieldset.insc label,fieldset.insc input{ float:left;}
fieldset.insc a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9d4e52; float:right; padding:0; margin:10px 5px 0 0;}
fieldset.insc a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9d4e52; float:right; padding:0; margin:10px 5px 0 0; text-decoration:underline;}

/*lien*/
.lien_dv{ width:457px; height:30px;margin:0 0 0 36px; text-align:center;}
.lien_dv a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9d4e52; float:right; padding:0; margin:10px 5px 0 0;}
.lien_dv a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9d4e52; float:right; padding:0; margin:10px 5px 0 0; text-decoration:underline;}

#contenu p.region{ width:350px;}
#contenu p.region{ width:350px;}
#footer #concepteur { float:left; width:220px;}
#concepteur a{font-family:Arial; font-size:12px; color:#b3111c; font-weight:bold; }
#int_left { width:190px; height:auto; float:left; margin-right:3px; padding:0 5px; margin-top:45px;}
#center #int_left img.carte { display:block; margin:0; width:190px; height:270px;}
#int_left img{ margin:0 0 5px 40px;}

#int_left ul{width:190px; height:auto; margin:20px auto; padding:0; list-style-type:none;}
#int_left ul li{ width:160px; height:170px; margin:0 0 0 10px; padding:5px 10px;}
#int_left ul li a img{ width:150px; height:120px; margin:5px auto; padding:0;}
#int_left ul li a{ width:155px; height:165px; 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;}

#int_left ul li a:hover{ width:155px; height:165px; 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;}

#int_left #producteurs{ width:190px; height:auto; margin:0; padding:0;}
#producteurs img{ margin:0; padding:0; border:solid 1px #b3111c;}
#producteurs p{ text-align:center; font-family:Arial; font-size:12px; font-weight:bold; color:#b3111c; clear:both; width:150px; height:auto;}

/* espace pour les rubriques */

#int_main { width:530px; float:left; margin:20px 10px; }

#int_main h1{width:516px; height:23px; padding:5px 0 0 5px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#4d0000; border-bottom:solid 1px #4d0000;}
#int_main h2{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#4d0000; }
#int_main p.sout_diff{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#b3111c; text-align:center;}
#int_main a{font-size:12px; text-align:center; font-family:Arial; color:#b3111c; text-decoration:none;}
#int_main a:hover{font-size:12px; text-align:center; font-family:Arial; color:#b3111c; text-decoration:underline;}


#int_main img.logo_fer_noir{ float:left; width:100px; height:99px;}
#int_main p.proverbe{ float:left;font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#4d0000; width:350px; height:30px; margin:10px 10px;}
#int_main ul.principe{ margin:120px 0 0 0; padding:0; list-style-type:disc; width:200px; float:left; }
#int_main ul.principe li{ margin:0; padding:0; width:200px;}

#int_main img.ces{ float:right; margin:100px 0 0 0;}
/* Liste des infos commerciales */
#int_main ul.list_infos{ width:auto; height:auto; list-style-type:none; margin:20px 0; padding:0;}
#int_main ul.list_infos li{ width:auto; height:auto; font-family:Arial; font-size:12px; font-style:italic; font-weight:bold; color:#b3111c; margin:5px 5px; padding:0; display:block;}

/* Espace clients */

#int_main ul#espace_client{ width:500px; height:auto; margin:20px 0 0 0; list-style-type:none;}
ul#espace_client li{ width:150px; height:auto; margin:10px 10px 5px 0; float:left; border-right:solid 1px #ffefef; padding:0 0 5px 0;}
ul#espace_client li img{ width:78px; height:78px; margin:5px 30px; padding:0;}
ul#espace_client li p.titre{ width:120px; height:auto; font-family:Arial; font-size:12px; font-weight:bold; color:#4d0000; text-align:center;}
ul#espace_client li p{ width:135px; height:60px;font-family:Arial; font-size:12px; color:#4d0000; text-align:justify; margin:0; padding:0 5px; }

ul#espace_client li a{ width:130px; height:auto; font-family:Arial; font-size:12px; font-weight:bold; color:#999999; display:block;}
ul#espace_client li a:hover{ width:130px; height:auto; font-family:Arial; font-size:12px; font-weight:bold; color:#888888; display:block; text-decoration:underline;}

/* Page producteur*/
#desc_producteur{ width:520px; height:auto; margin:20px 0 0 10px; padding:0;}

.flott_left{ float:left;}
.flott_right{ float:right;}

/* popup formulaire espace_client */
/*#backgroundPopup{
display:none;
position:fixed;
_position:absolute; 
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:1;
}*/

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:auto;
width:408px;
background:none;
z-index:10;
padding:12px;
font-size:13px;
}
#popupContact #back{width:131px; height:15px; margin:29px 0 0 10px; font-family:Arial; font-size:11px; color:#FFFFFF; background:url(../images/titre_identif.gif) no-repeat; padding:0 0 0 5px; font-weight:bold;}

#popupContact #back a#popupContactClose{
font-size:14px;
line-height:14px;
color:#ffffff;
font-weight:700;
cursor:pointer;
margin:0 10px 0 0;
}

.mail_Esp{
text-align:center;
}
/* formulaire */

fieldset.espace_client{ width:392px; margin:0 0 0 10px; border:solid 1px #f4c6c7; height:auto; padding:10px 0 17px 8px; background:#FFFFFF;}
fieldset.espace_client p{ width:370px; display:block; height:21px;}
fieldset.espace_client label{ width:150px; height:21px; text-align:left; color:#590f0f; font-family:Arial; font-size:11px; font-weight:bold; padding:3px 0 0 0;}
fieldset.espace_client label,fieldset.espace_client input,fieldset.espace_client textarea{ float:left;}
#message_error{ width:370px; height:auto; text-align:left; color:#ffffff; font-family:Arial; font-size:11px; font-weight:bold; clear:both; background:#f4c6c7; margin:5px 0 0 0; visibility:hidden;}