/**GENERAL**/
html{
	 background-color:#cedb33;
}
body{
margin:0px; padding:0; border:0;
 color:#1f1f1f;
 background-color:#cedb33;
 font-family:Arial, Helvetica, sans-serif;
}

/*img{border:2px solid #1A618B;padding:10px;}*/

table{font-size:12px;}
table table{font-size:12px;}
a { color:#fe9400;}
a:hover {color:#F3D41B;}


/**GENERAL**/

/**COMMON**/
.floatright{float:right;}
.floatrightdown{float:right;top:30px;}
.floatleft {float:left;}
.spacer {clear:both;height:0;font-size:0;border:0;margin:0;padding:0;}
.floatprot {position:relative;width:100%;}
.invisible{display:none;}
.debug{clear:both;top:500px}
.message_user_info, .message_user_warning , .message_user_error { font-weight:bold; font-size:10px;}
.message_user_info { color:#000000;}
.message_user_warning { color:#FF4E00;}
.message_user_error { font-size:10px; color:#ae1424;}
/*COMMON*/

/** Tooltip @see tooltip.js modifier.tooltip _mods/QF */
#tooltip{
display:none; position:absolute; z-index:9999;
border:1px solid #333; padding:2px 5px;
background-color:#FFF; color:#777;
max-width:400px;
font-size:0.8em;
}

/*BLOC&BUTTON*/
.bloccontent {
 /* width:100%; */ padding:5px; margin:5px;border: 2px solid #CDD7DB;
 background-color:white; color:#777; font-size:0.9em;
}
.bloccontenttitre {
 font-size:1em; padding:0 0.5em 2px 0.3em; margin:0; border: 1px solid black;
}
.bloccontent b{
color:#777;
/*background-color:white;*/}
.bloccontenttext {color:#777;}
.bloccontenttext {font-size:0.8em;}
.bloccontenttext td{color:#777;font-size:0.9em;}
.bloccontenttext  h1{font-size:1.5em;}
.bloccontenttext h2{font-size:1.3em;
}
.bloccontenttext h3{font-size:1.1em;}
.bloccontenttext p{font-size:11px;}
.bloccontent a:hover {color:#F3991B;background-color:#FFFFFF;}


a.action ,a.action_edit,a.action_ajout,a.action_show,a.action_hide,a.action_suppr,a.action_haut,a.action_bas,a.action_voir,a.action_liste, .button, table a.action , table .button, input.action{
/*a.action ,.button, table a.action , table .button, input.action{*/
/*display:compact;*/
padding:2px 5px 1px 5px;border: solid 1px;/*margin:4px;*/
/*font-size:0.9em;*/ text-decoration:none;font-weight: bold;
background-color: #026340;color: #F3991B;
-moz-border-radius:5px;
white-space:nowrap;
/*line-height:1.7em;*/
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;

}
a.action:hover,a.action_edit:hover,a.action_ajout:hover,a.action_show:hover,a.action_hide:hover,a.action_suppr:hover,a.action_haut:hover,a.action_bas:hover,a.action_voir:hover,a.action_liste:hover,.button:hover, table a.action:hover, table .button:hover, input.action:hover {
/*a.action:hover,.button:hover, table a.action:hover, table .button:hover, input.action:hover {*/
/*background-color: #175483;*/
color:#F3991B;/*color:#AD1423;*/
cursor:pointer;
}
/*.button {
 font-size:0.7em;
}*/
input.action{line-height:1em;}
/* /BLOC&BUTTON*/

/*AJAX*/
.HTML_AJAX_Loading {
position: absolute; z-index:999; 
height:20px; top: 25; left: 150px; 
background-color: silver; color:black; padding: 4px; 
display: none;
}
/* */

.label  {
 color:#777;
 background-color:#E0D9C4;
 border:1px outset lightgray;
 padding:2px;
 font-size:0.9em;
}


/** Bouton bloc login */
.btn_ok{
border:2px solid white; background-color:#026340;color:white;
-moz-border-radius:6px;border-radius:5px;
}
.btn_ok:hover{cursor:pointer;}

/** page/bonjour.tpl */
#table_bonjour{margin-left:15px;height:75px;/*border:2px solid green;*/}
#table_bonjour a:hover{color:#777;}

/** Richtext */
.rteDiv img{ border:0; padding:0; }



/** ------- MISE en PAGE ------- */

/* ---- inspiré de http://csseasy.com/layouts/fixed/2column_left.html   -------*/
/* ----  et     de http://csseasy.com/layouts/fixed/1column_hornav.html -------*/

html, body {
margin:0px; padding:0;
background-image: url('/gfx/background-site-top.jpg');
background-repeat:no-repeat;
background-position:top center;

background-position:top center;
}




#tout{

position:relative;
width:870px;
margin: 0px auto;
padding:0 5px 5px 5px;
background-color:#FFF;
background-image:url(/gfx/bg-content.jpg);
background-repeat:repeat-y;

}

#tout_bg{
border:1px solid red;

}



/* ----- HEADER ----- */
#header {
width:950px;height:80px;
border:0;margin:0;padding:0;

}

#header_logo {
position:absolute;
width:100%;
text-align:center;
height:159px;
border:0;
margin:0 auto;
padding:0;
top: 0;
}

#header_logo h1 {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
/* ----- HAUT/NAVIGATION ----- */



#haut {
	width: 100%;
	height:235px;
	background-image: url('/gfx/bg-menu.jpg');
	background-repeat:repeat-x;
	background-position:center 205px;
	text-align:center;
	margin: 0 auto;
	
}

#bg-menu2 {
	
background-image: url('/gfx/bg-menu-2.jpg');
	background-repeat:no-repeat;
	background-position:center 183px;
	width:950px;
	height:235px;
	margin:0 auto;
	
}

#menu {
	position:relative;
	width:880px;
	margin:0 auto ;
	padding-top:191px;
	padding-left:15px;
	height:30px;
	
	
}



/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.
*/
#wrapper{
width:870px;
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin:0;
}


/* ----- GAUCHE/NAVIGATION ----- */



#gauche {
width:150px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
/*border:1px dashed red;*/
float:left;


}


/* ----- MAIN CONTENT ----- */



#content { 
width:870px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */

}



/* ----- FOOTER ----- */



#footer { 
position:relative;
height:54px;
width:880px;
margin: 0 auto;
background-image:url(/gfx/background-footer.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color:#cedb33;
padding-top:13px;
padding-right:25px;
text-align:right;
color:#006340;
font-size:0.8em;
padding-top:15px;
}

#cadre_bas{
position:absolute;
height:20px;
width:100%;
background-image: url('/gfx/site/cadre_bas_fond.png') !important; /* NON IE6 avec transparence */
background-image: url('/gfx/site/cadre_bas_degr.png') /* IE6 sans transparence */;
background-repeat: no-repeat;
}
#footer_box{
float:right;
height:34px;
background-image: url('/gfx/site/footer_m.png');
background-repeat: repeat-x;
border:0;padding:0;margin:0;
padding-left:10px;
padding-right:20px;
margin-right:15px;
margin-top:15px;
padding-top:10px;
}
#footer_box_g{
float:right;
height:34px;width:22px;
background-image: url('/gfx/site/footer_g.png');
background-repeat: no-repeat;
border:0;padding:0;margin:0;
margin-top:15px;
padding-top:10px;
}
#footer p{
}
#footer a{
  font-family:Arial, Helvetica, sans-serif;

  color:#006340;
  text-decoration: none;
}

#footer a:hover {
	color:#1f1f1f;
	border-bottom:1px dotted #1f1f1f;
}

/**** MENU CHAINAGE RUBRIQUE **/

#menu_chaine {
position:relative;
width:100%;
padding-bottom:5px;
border:0;
display:none;
}


#menu_chaine ul {
  list-style:none;
  display:block;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  font-weight:bold;
  color: #654c09;
  padding:0;
  margin:0;
  overflow:visible;
 height:1em;
/*  width:1000px;*/
}

#menu_chaine ul li{
 position:relative;
 display:block;
 float:left;
 margin-left:3px;
 margin-top:0px;
 overflow:visible;
 /* width: 200px ;*/
}

#menu_chaine ul a{
  display:block;
/*  font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  color: #654c09;
  text-decoration: none;
  overflow:visible;    
}
#menu_chaine ul a:hover, #menu_chaine ul .selected a,  #menu_chaine  .selected{
	text-decoration: none;
    color: #f3991b;
}
#menu_chaine ul li.nofloat{
width:100%;
/*border:1px solid red;*/
height:0.1em;
padding-bottom:5px;
border:0;
border-bottom:2px;
border-color:#f3991b;
border-style:solid;
}


#consult_produit_photo {
	float:right;
	margin-right:20px;
	background-image:url(/gfx/sep-produit-left.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:40px;
	height:300px;
}

#consult_produit_photo img {
	border:0;
}

#td_liste_produits{
border-bottom:1px solid lightgrey;
border-top:1px solid lightgrey;
}

td.td_border_right{
border-right:1px dotted lightgrey;	
}

td .td_liste_prods_detail{
padding:0px 1px 0px 1px;
width:130px;
text-align:center;
}

div .div_liste_prods_detail{
padding:3px 7px 3px 7px;	
}

div .div_detail_liste_selected{
border:2px solid lightgrey;
}



#div_liste_produits {
	float:right;
	background-image:url(/gfx/sep-produit-left.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:30px;
	height:300px;
	width:150px;
	text-align:center;
}

#div_liste_produits_first{
width:160px;
text-align:center;
height:300px;
}

#div_liste_produits img {
	border:0;
	margin-bottom:0;
}



#div_titre {font:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#a4af26;
	margin-top:0;
	margin-bottom:5px;}

H2 {
	font:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#a4af26;
	margin-top:0;
	margin-bottom:5px;
}

H3 { color:#d21a1a; font-size:16px; margin-top:0; margin-bottom:8px;}

H4 { color:#d21a1a; font-size:14px; margin-top:0; margin-bottom:8px;}

li {
	list-style-image:url(/gfx/arrow-li.gif);
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#707173;
}
	
#consult_produit_texte {
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:10px;
	width:550px;
	color:#707173;
}

#div_contenu {
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:10px;
	width:800px;
	color:#707173;
}

/**************************************/

.ok-message {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1f1f1f;
	font-weight:bold;
}

.ok-message2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#576c11;
	font-weight:bold;
}

.ok-img {
	float:left;
	width:50px;
	height:50px;
	margin-right:20px;
	margin-left:20px;
	background-image:url(/gfx/icon-ok.gif);
}

.ok-contenu {
	
	float:left;
	width:300px;
	height:50px;
	padding-top:10px;
}

.clear {
	clear:both;
}

.ok-info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#576c11;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

.ok-separation {border-bottom:dotted 1px #576c11; border-left:0; border-right:0; border-top:0; width:869px; margin-top:10px; margin-bottom:20px;}

.ok-lien-part {
	width:200px; text-align:center;
}

#ok-lien a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1f1f1f;
	font-weight:bold;
}
	
#ok-lien a:hover{
	color:#000;
}

#footer { 
position:relative;
width:980px;
height:27px;
margin:0 auto;
background-image: url('/gfx/template/footer_box.png');
background-position:17px 5px;
background-repeat: no-repeat;
text-align:center;
font:Verdana;
color:#3d5802;
font-size:12px;
padding-top:18px;
}

#fin_site {
	background-image:url('/gfx/background-footer.jpg');
	background-position: top center;
	width:880px;
	height:15px;
	margin:0 auto;
}


#footer p{
}
#footer a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#3d5802;
  text-decoration: none;
}

#footer a:hover{color:#000; border-bottom:1px dotted #000;}

#footer_logo { width:980px; margin:0 auto;  text-align:center;}

#logo_links { width:980px; margin:3px auto;  text-align:center; font-size:10px; height:30px;}
.logo_lsdf {color:#3d5802; text-decoration:none; font-weight:bold;}
.logo_doliva {color:#3d5802; text-decoration:none; font-weight:bold;}
.logo_allgasan {color:#3d5802; text-decoration:none; font-weight:bold;}
.logo_naturwaren {color:#3d5802; text-decoration:none; font-weight:bold;}

.logo_lsdf:hover, .logo_doliva:hover, .logo_allgasan:hover, .logo_naturwaren:hover {color:#000; border-bottom:1px dotted #000;}