@charset "utf-8";
/* CSS Document */





/* Special demo page */
html, body
{
	margin									: 0px;
	padding									: 0px;
}


a.help_link, a.help_link:link
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	color										: #ff9202;
	font-size								: 11px;	
	cursor									: help;
	text-decoration						: none;
	border-bottom							: #fcfdfe solid 1px;
}
a.help_link:hover
{
	color										: #808080;
	text-decoration						: none;
	border-bottom							: #ff9202 dotted 1px;
}


/* Module CG  */
div#module_cg
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	color										: #2a7bc3;
	font-size								: 11px;	
	width										: 800px;
	background-color						: #fefeff;
	position									: relative;
	overflow									: hidden;
	margin									: 1em;
}


div#module_cg_overlay
{
	display									: block;
	margin									: 0;
	padding									: 0;
	border									: 0;
	background								: url(/img/module_cg_overlay.gif) top left repeat;
	background-color						: #f2f2f3;
	width										: 100%;
	height									: 1px;
	position									: absolute;
	top										: 0;
	text-align								: center;
}


div.description_module
{
	display									: none;
}

div.description_module ul, div.description_module ul ol
{
	list-style-type:decimal;
}

	
div#module_cg_overlay span
{
	font-family								: 'Trebuchet MS' Verdana, Arial, Helvetica, sans-serif;
	color										: #EA8923;
	font-size								: 20px;
	line-height								: 35px;
	text-align								: center;
	margin									: 0;
	padding									: 0;
	height									: 100px;
	margin									: auto 0;
}



/* Module CG / Titles, sub titles & head titles  */
h1
{
	font-family								: 'Trebuchet MS' Verdana, Arial, Helvetica, sans-serif;
	font-size								: 19px;
	font-weight								: bold;
	color										: #A4A9AF;
	text-decoration						: underline;
}



h2, h3.subtitle, h3.header
{
	font-family								: 'Trebuchet MS' Verdana, Arial, Helvetica, sans-serif;
	font-size								: 16px;
	font-weight								: normal;
	color										: #6E0238;
}
h2.section
{
	background								: transparent url(/img/filet-titre2.gif) no-repeat scroll left 1.6em;
	height									: 2.2em;
	line-height								: 2em;
}
h2.highlight , h3.subtitle, .highlight
{
	color										: #A4A9AF;
	width										: auto;
}

h3.subtitle
{
	width										: 160px;
	padding									: 0;
	margin									: 0;
	padding-left							: 30px;
}
h3.header
{
	width										: 400px;
	padding									: 0;
	margin									: 0;
	height									: 18px;
	line-height								: 18px;
	color										: #c2c3c7;
	font-style								: italic;
	font-size								: 14px;
/*	margin-left								: 10px;	/**/
	padding-left							: 0.2em;
}

.area_on
{
	background								: url(/img/square_on.gif) 7px center no-repeat;
}
.area_off
{
	background								: url(/img/square_off.gif) 7px center no-repeat;
}

.pointer, .hand
{
	cursor									: pointer;
}






/* Module CG / Horizontal container */
.h_container{
	margin									: 0;
	padding									: 0;
	position									: relative;
}





/* Module CG / User informations */
table
{
	text-align								: center;
	vertical-align							: middle;
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 10px;
	font-weight								: normal;
	color										: #8d9faf;
}
table#user_profile
{
	width										: 425px;
	border									: #F3F8FD solid 1px;	
	background-color						: #FBFCFD;
}
tr td
{
	height									: 23px;
	vertical-align							: middle;
}

#user_profile.blank
{
	border									: 0;	
	background-color						: transparent;
}

#user_profile input.text, input.text
{
	width										: 40px;
	text-align								: center;
	height									: 13px!important;
	height									: 15px;
	line-height								: 10px;
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 10px;
	font-weight								: normal;
	border									: #cedcef solid 1px;
	background-color						: #f9fbfd;
	color										: #8d9faf;	
}
#user_profile input._blue, input._blue
{
	border									: #d7e3f2 solid 1px;
	background-color						: #f9fbfd;
	color										: #39649a;
}
#user_profile input._green, input._green
{
	border									: #dae5cc solid 1px;
	background-color						: #f9fdf5;
	color										: #63803f;	
}
#user_profile input._red, input._red
{
	border									: #ecdfe0 solid 1px;
	background-color						: #fdf7f5;
	color										: #9e3941;	
}
#user_profile input._base, input._base
{
	border									: #cedcef solid 1px;
	background-color						: #f9fbfd;
	color										: #8d9faf;	
}

.font_blue
{
	color										: #39649a;
}
.font_green
{
	color										: #63803f;
}
.font_red
{
	color										: #9e3941;
}
.font_brown
{
	color										: #8d897d;
}

#user_profile input.button
{
	width										: 115px;
	text-align								: center;
	height									: 43px;
	border									: 0;
	background-color						: #ffffff;
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 10px;
	font-weight								: bold;
	font-style								: italic;
	color										: #82827d;
	cursor									: pointer;
}
#user_profile input#module_cg_applyprofile
{
	background								: url(/img/profile_cg_valider.gif) center center no-repeat;
	background-color						: #ffffff;
}






/* Module CG / Zone 'repas' selection menus */
#plate_selector tr td
{
	width										: 115px;
	text-align								: center;
	vertical-align							: middle;
}

label{
	cursor									: pointer;
}

/* Module CG / Zone 'repas' composition / Meal collumns (4 at 25%) */
.collumn_foodplates
{
	margin									: 1px;
	padding									: 0;
	border									: 0;
/*	width										: 25%; 	/**/
	width										: 194px;
	background-color						: #FFFFFF;
	float										: left;
}


/* Module CG / Zone 'repas' composition / Droppables boxes & its dropped items */
div.repas, div.results_repas
{
	width										: 186px;
	background-color						: #ffffff;
	padding									: 0;
	margin									: 4px;
	border									: 0;
}
div.results_repas
{
	background								: url(/img/box_meal_result.gif) center center no-repeat;
	height									: 92px;
}
	/* Module CG / Zone 'repas' composition / Header box */
	div.repas div.header, div.repas div.headerless
	{
		height								: 15px;
		width									: 170px;
		background-color					: #eaf0f8;
		overflow								: hidden;
		clear									: right;
		margin								: 0 8px;
		padding								: 0;
		background							: url(/img/box_header.gif) top center no-repeat;
	}

	/* Module CG / Zone 'repas' composition / Info box (top right) */
	div.repas div.headerless
	{
		background							: url(/img/box_headerless.gif) top center no-repeat;
	}
	
	
	/* Module CG / Zone 'repas' composition / Droppable area */
	div.dropable /*, div.content*/
	{
		width									: 170px;
		background-color					: #f3f8fd;
		clear									: right;
		margin								: 0px 8px -5px 8px!important;
		margin								: 0px 8px 0px 8px;
		padding								: 0;
		position								: relative;
		background							: url(/img/box_body.gif) top center repeat-y;

		font-family							: Verdana, Arial, Helvetica, sans-serif;
		font-size							: 10px;
		font-weight							: normal;
		color									: #8DA0BA;
	}
	

	div.results_content
	{
		width									: 170px;
		background-color					: transparent;
		clear									: right;
		margin								: 0 8px;
		padding								: 18px 0.1em 0.01em 0.6em;
		position								: relative;
		font-family							: Verdana, Arial, Helvetica, sans-serif;
		font-size							: 10px;
		font-weight							: normal;
		color									: #c5c0af;
	}
	div.results_content div.info
	{
		width									: 160px;
		height								: 23px;
		line-height							: 23px;
		border								: 0;
		margin								: 0.1em 0;
		padding								: 0;
		background-color					: transparent;
		font-size							: 11px;
		color									: #fcfcf8;
	}
	div.results_content div.info span
	{
		float									: right;
		clear									: both;
		font-family							: 'Trebuchet MS' Verdana, Arial, Helvetica, sans-serif;
		font-size							: 17px;
		color									: #fff;
	}
	
	
	/* Module CG / Zone 'repas' composition / Droppable area / section title & text */
	div.dropable label /*, div.content label, div.content p */
	{
		font-family							: Verdana, Arial, Helvetica, sans-serif;
		font-size							: 10px;
		font-weight							: bold;
		color									: #25649b;
		margin								: 0.3em 0.1em 0.5em 6px;
		background-color					: #F3F8FD;
		padding								: 3px 1px 3px 0;
	}
	div.dropable label
	{
		padding								: 0.1em 1px 0.1em 0;
	}
	/*
	div.content p
	{
		font-weight							: normal;
		color									: #8da0ba;
	}
	*/
	.put_down
	{
		float:right;
		margin:4px 4px 0 0;
		clear:both;
		display:block;
	}

	
	/* Module CG / Zone 'repas' composition / Droppable area (Scriptaculous onHover FX.) */
	.hover {
		background-color					: #f3f8fd;
		background							: url(/img/box_body_hover.gif) top center repeat-y;
	}
	
	
	/* Module CG / Zone 'repas' composition / Footer box */
	div.repas div.footer
	{
		height								: 15px;
		width									: 170px;
		background-color					: #eaf0f8;
		overflow								: hidden;
		clear									: right;
		margin								: 0 8px;
		background							: url(/img/box_footer.gif) top center no-repeat;
	}

	/* Module CG / Zone 'repas' composition / Droppable area / Generated div elements (Scriptaculous onDrop create new HTML with Builder class)  */
	 #foodplate_breakfast div.selected_food_item,
	 #foodplate_lunch div.selected_food_item,
	 #foodplate_snack div.selected_food_item,
	 #foodplate_dinner div.selected_food_item {
		display								: block;
		margin								: 0.3em 0.5em 0.3em 0.5em!important;
		margin								: 0.3em auto 0.3em auto;
		padding								: 0;
		width									: auto;
		border								: 0;
		cursor								: pointer!important;
		cursor								: url(/img/pen_m.cur);
		font-family							: Verdana, Arial, Helvetica, sans-serif;
		font-size							: 11px;
		font-weight							: normal;
	 }
	 
	 /* When mouse is over the food item */
	 .food_item_hover
	 {
		text-decoration					: underline;
		color									: #f58522;
	 }
	 
	 /* When mouse is out the food item */
	 .food_item_out
	 {
		text-decoration					: none;
		color									: #2a7bc3;
	 }
	 
	 /* Just to specify a width when the food' text is too long */
	 .food_item_areabox
	 {
		display:block;
	 	width:110px;
		border-right:1px dotted #D1DEF0;
		padding-left:1.4em!important;
		padding:0;
	 }

	/* Module CG / Zone 'repas' composition / Droppable area / Generated div elements (Scriptaculous onDrop create new HTML with Builder class)  */
	.food_tools{
		border:0;
		width:28px;
		height:11px;
		margin-left:0px;
		overflow:hidden;
		float:right;
		text-align:right;
		clear:both;
		line-height:15px;
	}
	
	/* Module CG / Zone 'repas' composition / Droppable area / Generated div elements (Scriptaculous onDrop create new HTML with Builder class) / Type classe (Dynamics colored bullets)  */
	.food_typeclasse{
		border:0;
		line-height:15px;
		width:11px;
		height:11px;
		margin:auto;
		margin-left:1px;
		margin-right:3px;
		overflow:hidden;
		float:left;
	}






/* Module CG / Zone 'repas' composition / Droppables boxes & its dropped items */
	.topright
	{
	position									: absolute;
	top										: 0;
	right										: 0;
	height: 10px;
	}

	.topleft
	{
		position									: absolute;
		top										: 0;
		left										: 0;
	}

	.floatright
	{
		position									: relative;
		float										: right;
		clear:right;
	}

	.floatleft
	{
		position									: relative;
		float										: left;
		clear										: none;
	}





/* Module CG / User Profile / boxes */
div.box_infos
{
	width										: 315px;
	height									: 103px;
	background-color						: #ffffff;
	background								: url(/img/box_infos.gif) center center no-repeat;
	margin									: 0;
	border									: 0;
}
div.box_input
{
	width										: 315px;
	height									: 82px;
	background-color						: #ffffff;
	background								: url(/img/box_input.gif) center center no-repeat;
	margin									: 0;
	border									: 0;
}
div.box_bilan
{
	width										: 315px;
	height									: 153px;
	background-color						: #ffffff;
	background								: url(/img/box_bilan.gif) center center no-repeat;
	margin									: 0;
	border									: 0;
}

div.box_profile
{
	width										: 456px;
	height									: 226px;
	background-color						: #ffffff;
	background								: url(/img/box_profile.gif) center center no-repeat;
	margin									: 0;
	border									: 0;
}

div.box_slider
{
	width										: 315px;
	height									: 103px;
	background-color						: #ffffff;
	background								: url(/img/box_slider.gif) center center no-repeat;
	margin									: 0;
	border									: 0;
}

div.box_infomodifs
{
	width										: 465px;
	height									: 103px;
	background-color						: #ffffff;
	background								: url(/img/box_infomodifs.gif) center center no-repeat;
	margin									: 0;
	border									: 0;
}

div.box_infos p, div.box_input p, div.box_bilan p, div.box_profile p, div.box_slider p, div.box_infomodifs p, div.box_slider div#foodSlider
{
	margin									: 16px 12px 16px 16px;
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 11px;
	font-weight								: normal;
	color										: #4E4B49;
}

div.box_slider div#foodSlider
{
	margin									: 16px auto auto 18px;
}

div.box_slider div.food_exact_data
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 10px;
	font-weight								: normal;
	color										: #2564bc;
}

div p strong, strong
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 11px;
	font-weight								: bold;
	color										: #86B601;
	margin-bottom							: 8px;
	display									: block;
	width										: auto;
	padding-left							: 20px;
}
strong.forceinline
{
	display									: inline;
	padding-left							: 0.1em;
	margin									: 0.1em;
	color										: #2564AD;
}

/* Allows to centering and boxing tables ... */
fieldset
{
	background-color						: transparent;
	margin									: 12px 16px;
	padding									: 0;
	border									: 0;
}




/* Module CG / Zone separation (Horizontal line for vertical space) */
div.separation{
	background-color						: transparent;
	border									: 0;
	height									: 8px;
	margin									: 1em 0;
	padding									: 0;
	overflow									: hidden;
	visibility								: visible;
	clear										: both;
}

div.line{
	background								: url(/img/trame_separation.gif) center left repeat-x;
}





/* Module CG / Families products / Base area */
#base_productsFamily
{
	width										: 780px;
	height									: 404px;
	background-color						: #EFF7FF;
	border									: #D1DEEF solid 1px;
	padding									: 0.2em;
	position									: relative;
}

strong.nom_famille
{
	color										: #25649B;
	padding									: 0.5em 0.1em 0.5em 0.1em;
	margin									: 0.2em;
	border-bottom							: 1px #D1DEEF solid;
}

/* Module CG / Families products / Left menu */
ul#family_menu
{
	height									: 400px;
	width										: 156px;
	background-color						: #EAF0F8;
	border									: #8da0ba solid 1px;
	border-right							: #fefefe solid 1px; 
	padding									: 0;
	margin									: 0;
	position									: absolute;
	list-style								: none;
	list-style-type						: none;
	background								: url(/img/dot_menu.gif) right top repeat-y;
	overflow									: visible;
}

/* Module CG / Families products / Left menu / Menu items */
ul#family_menu li
{
	list-style-type						: none;	
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 12px;
	font-weight								: normal;
	width										: 149px;
	padding									: 0 0 0 0.5em;
	margin									: 0;
	line-height								: 1.95em;
	height									: 2.0em;
	border-bottom							: #8da0ba solid 1px;
	cursor									: pointer;
	color										: #2a7bc3;
}

/*
ul#family_menu li.li_selected
{
	background-color						: #fefefe;
	border-right							: #fefefe solid 1px;
	font-weight								: bold;
}
ul#family_menu li.li_unselected
{
	border-right							: #8da0ba solid 1px;
	font-weight								: normal;
}

.li_over
{
	background-color						: #25649b;
	color										: #ffffff!important;
}
.li_out
{
	background-color						: transparent;
	color										: #2a7bc3!important;
}
/**/

ul#family_menu li:hover
{
	background-color						: #25649b!important;
	color										: #ffffff!important;
}

ul#family_menu li
{
	background-color						: transparent;
	color										: #2a7bc3!important;
}


ul#family_menu li.li_selected:hover
{
	background-color						: #25649b;
	color										: #ffffff!important;
	border-right							: #25649b solid 1px;
	font-weight								: bold;
}

ul#family_menu li.li_selected
{
	background-color						: #fefefe;
	border-right							: #fefefe solid 1px;
	font-weight								: bold;
}


/* Module CG / Families products / Family panel (one pane for each family) */
div.family_panel
{
	height									: 400px;
	width										: 620px;
	background-color						: #fefefe;
	border									: #8da0ba solid 1px;
	border-left								: #fefefe solid 1px;
	padding									: 0.01em;
	position									: absolute;
	top										: 0.2em;
	right										: 0.2em;
}
div.active_panel
{
	display									: block;
}
div.unuse_panel
{
	display									: none;
}


.food_content
{
	height									: auto;
}


/* Module CG / Families products / Family panel / Food element */
div.family_panel span.food_item
{
	float										: left;
/* clear										: right;	/**/
	margin									: 0.1em 0.4em 0.1em 0.4em;
	padding									: 0.17em;
/*	width										: auto; /* version auto inline - do not use the modulo columns algorythm in fooditem generation... */
	width										: 290px;
	background-color						: #f7f9fc;
	border									: 1px solid #dde3eb;
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 11px;
	font-weight								: normal;
	color										: #8d9faf;
	cursor									: move;
}


#legendFoodGroup
{
	padding:0;
	margin:0;
}

div.legendfood
{
	padding:0;
	margin:0.1em auto;
	width:790px;
}

span.legend_foodgroup
{
	float										: left;
/* clear										: right;	/**/
	margin									: 0.2em 6em;
	padding									: 0.17em;
/*	width										: auto; /* version auto inline - do not use the modulo columns algorythm in fooditem generation... */
	width										: 110px;
	background-color						: transparent;
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 11px;
	font-weight								: normal;
	color										: #8d9faf;
	cursor									: default;
}


/* Module CG / Food element / Control.Slider / Food quantity adjustment */
	div#foodSlider { width:210px; height:37px; background-color:#fedece; background:url(/img/sliderbar.jpg) top left no-repeat; overflow:hidden; padding:0; position:relative; }
	
	div.slider { width:210px; margin:0; background-color:transparent; height:18px; position: absolute; bottom:0px; left:0px; }
	div.slider div.handle { width:9px; height:18px; background:url(/img/slidecursor.png) top center no-repeat; background-color:transparent; cursor:e-resize; position: absolute; }