﻿body
{
    background:url(../../Images/GrandDegrade.jpg) repeat-x left bottom;
	/*http://www.izidoo.com/html-xhtml-css/109/*/
	scrollbar-face-color: #ddd;
	scrollbar-shadow-color: #ddd;
	scrollbar-highlight-color:#ddd;
	scrollbar-3dlight-color: #eee;
	scrollbar-darkshadow-color: #eee;
	scrollbar-track-color: #eee;
	scrollbar-arrow-color: #fff;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444;
}

p
{
	margin:5px 20px 0 25px;
	padding:0;
	line-height:1.3em;
}

.topTitle
{
	margin-top:60px;
	margin-bottom:20px;
}

#aspnetForm
{
    background-color:White;
    width:800px;
}
#topPane{
    width:800px;
    height:100px;
}
#ctl00_cphMain_imgPane{
    width:800px;
    height:305px;
    background-repeat:no-repeat;
    background-position:0 0;
}
#leftPane{
    width:283px;
    float:left;
    margin-top:-35px;
}
#rightPane{
    width:516px;
	overflow:auto;
	margin-right:-5px;
}
#leftPane, #rightPane{
}
#bottomPane{
	border-top:1px solid #C2C1C6;
    height:58px;
    width:800px;
    background:url(../../Images/degradeSousCadre.jpg) repeat-x 0 0;
}

#ctl00_cphMain_lefPanel
{
	margin:3px;
}
#ctl00_cphMain_ImageButton1
{
	position:relative;
	top:4px;
	left:4px;
}

#ctl00_cphMain_lefPanel
{
    margin-top:10px;
    width:274px;
    height:628px;
	border:1px solid #ddd;
	overflow:auto;
}

#ctl00_cphMain_lefSearch
{
    border:1px solid #aa0;
	margin-left:25px;
}

#leftPane img
{
	float:left;
	clear:left;
	margin-top:5px;
}
#leftPane span
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ccc;
	display:block;
	margin:27px 0 10px 70px;
}

#leftPane a
{
	margin-left:22px;
	text-decoration:none;
	float:left;
	width:225px;
	height:60px;
	border-bottom:1px solid #ddd;
}

#bottomPane p{
color:white;
}

#ctl00_cphMain_btnInvisible{
display:none;
position:absolute;
top:-5000px;
left:-5000px
}

#cdr
{
	width:513px;
}

#pictograms
{
	margin-top:15px;
	width:300px;/*layout*/
}

#pictograms li
{
	float:left;
	display:inline;
	margin-right:10px;
}

#separation 
{
	width:488px;/*layout*/
	clear:right;
	position:relative;/*passe au dessus de l'images*/
	border-top:1px solid #ddd;
}

img.right
{
	float:right;
	margin:-105px 25px -52px 0;
}

#nutrients
{
	color:#888;
	margin-top:25px;
	font-style:italic;
}

#nutrients, h4  , #separation 
{
	margin-left:25px;
}

h4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	margin-top:35px;	
}

#content li
{
	margin:0;
	margin-top:10px;
	list-style-type:disc;
	line-height:1.3em;
}

#content
{
	border-top:1px solid white;/*fusion des marges dans FF*/
	clear:left;
	margin:15px 25px 0 16px;
}

.transparent {
	-moz-opacity:0.70;
	opacity: 0.70;
	-khtml-opacity:0.70;
    filter:alpha(opacity=70);
    background-color:#6F7FA3;
    display:none;
    position:absolute;
    color: white;
    border: 1 green black;
	font-size:12px;
	font-weight:bold;
	padding:3px;
}
/*tableau nutritionnel*/
table
{
border-collapse:collapse;
}

#nutrientsTables
{
	margin-top:50px;
	margin-bottom:25px;
	font-size:10px;
}

#nutrientsTables p
{
	margin-left:10px;
}

#nutrientsTables table
{
	width:470px;
}

#nutrientsTables table#EnergieTable 
{
	width:320px;
}

#nutrientsTables td, #nutrientsTables th 
{
padding:10px;
vertical-align:top;
}

#nutrientsTables th
{
font-weight:bold;
}

.EnergieCol1, .ComposantCol1, .VitamineCol1, .MineralCol1
{
text-align:left;
width:180px;
}
.EnergieCol2, .ComposantCol2, .VitamineCol2, .MineralCol2
{
text-align:center;
width:100px;
}
#nutrientsTables  .EnergieCol21, #nutrientsTables  .ComposantCol21, #nutrientsTables  .VitamineCol21, #nutrientsTables  .MineralCol21
{
text-align:right;
padding-right:0;
}
#nutrientsTables .EnergieCol22, #nutrientsTables  .ComposantCol22, #nutrientsTables  .VitamineCol22, #nutrientsTables  .MineralCol22
{
text-align:left;
padding-left:0;
}
#nutrientsTables .EnergieCol3, #nutrientsTables .ComposantCol3, #nutrientsTables .VitamineCol3, #nutrientsTables .MineralCol3
{
text-align:right;
padding-right:40px;
}

.EnergieCol1, .EnergieCol2, .ComposantCol1, .ComposantCol2, .ComposantCol3, .VitamineCol1, .VitamineCol2, .VitamineCol3, .MineralCol1, .MineralCol2, .MineralCol3{
	border:1px solid #FFFFFF;
}
.EnergieCol1{
	background-color:#F5F6EA;
}
.EnergieCol2, .EnergieCol21, .EnergieCol22, .EnergieCol23{
	background-color:#EBEFD5;
	border-bottom:1px solid  #FFFFFF;
}
.ComposantCol1{
	background-color:#FEFAF0;
}
.ComposantCol2, .ComposantCol21, .ComposantCol22, .ComposantCol23{
	background-color:#FCF6E0;
	border-bottom:1px solid  #FFFFFF;
}
.ComposantCol3{
	background-color:#FBF1D0;
}
.VitamineCol1{
	background-color:#FCF4F1;
}
.VitamineCol2, .VitamineCol21, .VitamineCol22, .VitamineCol23{
	background-color:#F9EAE3;
	border-bottom:1px solid  #FFFFFF;
}
.VitamineCol3{
	background-color:#F6DFD5;
}
.MineralCol1{
	background-color:#F0F4FA;
}
.MineralCol2, .MineralCol21, .MineralCol22, .MineralCol23{
	background-color:#E1E8F4;
	border-bottom:1px solid  #FFFFFF;
}
.MineralCol3{
	background-color:#D1DCEE;
}
