/**GENERAL**/
body,html{
 color:#000;
 font-family:Arial, Helvetica, sans-serif;
 /*background-color:#FFF;*/
}

html{
background:url(/gfx/site/fond_html.gif);
background-repeat:repeat-x;
background-color:#7C445F;
}

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

table{font-size:12px;}
table table{font-size:12px;}
/*a { color:#E6F112;}
a:hover {color:#b01525;}/*background-color:#FFFFFF;}*/


/**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:1em;}
.message_user_info { color:#000000;}
.message_user_warning { color:#FF4E00;}
.message_user_error { font-size:1.1em; 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:#E6F112; color:#000000;
max-width:400px;
font-size:0.8em;
}

/*BLOC&BUTTON*/
.bloccontent {
 /* width:100%; */ padding:5px; margin:5px;border: 2px solid #CDD7DB;
 background-color:white; color:#000000; font-size:0.9em;
}
.bloccontenttitre {
 font-size:1em; padding:0 0.5em 2px 0.3em; margin:0; border: 1px solid black;
}
.bloccontent b{
color:#000000;
/*background-color:white;*/}
.bloccontenttext {color:#000000;}
.bloccontenttext {font-size:0.8em;}
.bloccontenttext td{color:#000000;}
.bloccontenttext  h1{font-size:1.5em;}
.bloccontenttext h2{font-size:1.3em;
}
.bloccontenttext h3{font-size:1.1em;}
.bloccontenttext p{font-size:1em;}
.bloccontent a:hover {color:#175483;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: #F4F3F0;color: #A53D6E;
-moz-border-radius:5px;
white-space:nowrap;
/*line-height:1.7em;*/
font-size:1em;
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:#175483;/*color:#AD1423;*/
cursor:pointer;
}

a {
	color:#dc1882;
}
/*.button {
 font-size:0.7em;
}*/
input.action{line-height:1em;}
/* /BLOC&BUTTON*/

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

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


/** Bouton bloc login */
.btn_ok{
border:2px solid white; background-color:#5E5E60;color:#000000;
-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:#000000;}

/** 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 -------*/

body {
width:980px;
margin:0 auto;
margin-top:30px;
}

#filigrane {
display:block;  /*!important;
display:none; /* on cache sur IE6*/
position:absolute;
width:720px;
height:240px;
top:0px;
margin-left:-100px;	
background-image: url('/gfx/site/filigrane.png') !important; /* NON IE6 avec transparence */
background-image: url('/gfx/site/filigrane.gif');
background-repeat:no-repeat;

}

#photo_femme{
position:absolute;
margin-left:760px;
top:0px;
height:340px;
width:273px;
background:url(/gfx/site/femme.gif);
}


#tout{
background-image: url('/gfx/site/cadre_99_fond.png') !important;
background-image: url('/gfx/site/cadre_99_fond.gif');
background-repeat: no-repeat;
background-position: center 0px;
border:0px;

}



/* ----- HEADER ----- */



#header {
width:980px;
height:75px;
/*background-color:#FFF;*/
}

#header_logo a {	
	font-size:20pt;
	font-weight:bold;
	color:#DC1882;
}

#header_logo a:hover {
	color:#a61061;
}

#header_logo{
width:270px;
margin-left:30px;
padding-top:70px;
text-align:right;
font-size:20pt;
font-weight:bold;
color:#DC1882;
text-shadow:1px 1px 1px white;	
}

#header_titre{
position:absolute;
top:100px;
margin-left:420px;
color:#7C435E;
font-size:24px;
font-weight:bold;
}

#header_titre font{
border-top:3px solid #7C435E;
border-bottom:3px solid #7C435E;
}

#a_click{
height:200px;
position:absolute;
top:0px;
width:400px;
text-decoration:none;
}

/* ----- HAUT/NAVIGATION ----- */



#haut {
position:absolute !important;
position:relative;
left:0px;
width:100% !important;
height:60px;
margin-top:110px !important;
margin-left:0px !important;
background-image:url(/gfx/site/fond_menu.gif);
background-repeat:repeat-x;
background-position:0px 22px;

}

#div_menu{
width:966px;
margin:0 auto;
height:56px;
background:url(/gfx/site/fond_menu.png) no-repeat !important;
padding-top:12px;

}




/* 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.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper{
width:980px;
/*background:url(background_3.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin-top:10px;
}


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



#gauche {
width:200px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
float:left;
}


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



#content { 
margin-left:60px;
width:900px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
margin-top:120px !important;
margin-top:55px;
z-index:1002;
padding-top:40px;


}


#div_navigation{

margin-bottom:15px;
}

.clear {clear:both;}

#div_navigation a{
font-size:12px;
text-decoration:none;
color:#707173;
}

#div_navigation a:hover{
border-bottom: 1px dotted #707173;
}

#div_navigation font a{
color:#E0006C;
font-weight:bold;
}

#div_navigation font a:hover{
border-bottom: 1px dotted #E0006C;
}

#div_contact_ok{
border:1px dotted #dc1882;
width:430px;
margin:0 auto;
margin-top:120px;
padding:7px;
}


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



#cadre_bas{
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_fond.gif') /* IE6 sans transparence */;
background-repeat: no-repeat;
background-position:1px 0px;
}

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




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

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

#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:#300218; text-decoration:none; font-weight:bold;}
.logo_doliva {color:#300218; text-decoration:none; font-weight:bold;}
.logo_allgasan {color:#300218; text-decoration:none; font-weight:bold;}
.logo_naturwaren {color:#300218; text-decoration:none; font-weight:bold;}

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



/**************** MENUS **********************/

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

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

ul.menu a{
  display:block;
/*  font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  color: #000000;
  text-decoration: none;
  overflow:visible;    
}
ul.menu a:hover, ul.menu .selected a{
	text-decoration: none;
    font-size:0.8em;
    color: #4a5a80;
}

#cadre_menu1 {
 width:180px;
 }
#cadre_menu1 ul.menu {
text-align:center;
}


/**************** /MENUS **********************/

.nav-fil {
	float:left;
	padding-top:20px;
	margin-right:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707173;
	font-weight:bold;
	margin-bottom:15px;
}

.titre-lexique {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#dc1882;
}

.txt-lexique {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.video-div {
	width:500px;
	height:266px;
	background-image:url(/gfx/bg-video.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin:0 auto;
	text-align:center;
	
}


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

#gauche h2, #content h2 {
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
/*font-stretch:condensed; */
color:#576c11;
}

#gauche p, #content p, #gauche li, #content li {
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
/*font-stretch:condensed; */
color:#707173;
}
#gauche {
margin-top:200px;
width:0px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
float:left;
padding:10px 20px;
}

/* ------ MENU GAUCHE ------ */
#menu_gauche{
border:0;margin:0;padding:0;
position:absolute;
}

#menu_gauche li {
	list-style-image:url(/gfx/site/puce_nav.gif);
border:0;margin:0;padding:0;
width:150px;
padding:10px 15px 0px 0px;
text-align:left;
height:auto;
/*border:1px dotted yellow;*/
}
#menu_gauche li.selected {
background-image: url('/gfx/site/puce.png') !important;
background-image: url('/gfx/site/puce_blc.png');
background-repeat: no-repeat;
background-position:bottom right;
}
#menu_gauche li a {
color:#bd1570;
font-size:1.0em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
/*font-stretch:condensed; */
}
#menu_gauche li.selected a,#menu_gauche li a:hover,#menu_gauche li a.selected {
color:#FF6600;
font-weight:bolder;
text-decoration:none;
border-bottom:1px dotted #FF6600;
}
/*-sous-menu-*/
#menu_gauche li ul li{
border:0;margin:0;padding:0;
margin-left:-10px;
width:140px;
padding:5px 0px 0px 0px;
/*border:1px dotted yellow;*/
}
#menu_gauche li ul li a {
font-size:0.9em;
font-style:italic;
}
#menu_gauche li ul li.selected {
background-position:bottom left;
}

#div_menu ul.menu li a{
text-transform:uppercase;
text-align:center;
padding-right:8px;
color:#707173;
padding-left:10px;
padding-right:10px;
font-size:12px;
}

#div_menu ul.menu li a:hover, #div_menu ul.menu li a.selected{
color:#E0006C;	
}

#td_liste_produits{
border-bottom:1px solid lightgrey;
border-top:1px solid 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;
}

#tbl_liste_prods{
margin:0 auto;
border-bottom:1px solid lightgrey;
border-top:1px solid lightgrey;	
}

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

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

#nouveau_produit {
	padding:3px;
	border:#FC0 2px dotted;
	width:150px;
	margin:0 auto 10px;
}

#yeux {
	padding:3px;
	width:150px;
	margin:0 auto 10px;
}

#nouveau_prod {
	width:83px;
	height:18px;
	position:absolute;
	margin-left:110px;
	margin-top:-25px;
	background-image:url(/gfx/template/nouveau.png);
}