* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration : none;
	color : #333333;
}

img {
	border:none;
}

li, ul {
	list-style-type : none;
}

#global, #globalHome {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 780px;
	height: 573px;
	margin-left: -390px;
	margin-top: -286px;
	top: 50%;
	left: 50%;
	position: absolute;
	border: solid 1px #333333;
}

html>body #globalHome {
	height: 599px;
}

#accueil {
	position: absolute;
	top: 0;
	right: 0;
	
}

#panier {
	position: absolute;
	top: 505px;
	left: 685px;
	z-index : 10;
}

#panierItem {
	width: 30px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top : 11px;
	text-align: center;
	float: left;
	font-size : 11px;
	font-weight : bold;
	margin-right: 3px;
}

#panierBouton {
	float: left;
}


.see, .add, .remove, .zip{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size : 11px;
	font-weight : bold;
	display : block;
	padding-left : 15px
}


#leftColumn {
	clear: left;
	width: 118px;
	float: left;
	height: 538px;
}

#leftColumn ul{

	margin-left: 10px;
}


#leftColumn li{
	color : #333333;
	margin-bottom: 6px;
	font-size: 10px;
}

#leftColumn ul.ssMenu{
	margin-top :-3px;
	margin-left: 2px;
}


#leftColumn ul.ssMenu li{
	margin-top :-3px;
	background-image: url('/argosSites/denutrition/images/dotte_off.gif');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 6px;
	margin-bottom: -2px;
}

html>body #leftColumn ul.ssMenu li{
	background-position: 0px 5px;
	margin-bottom: 2px;	
}

#leftColumnScroll {
	position: absolute;
	left: 110px;
	width : 10px;
}

#leftColumnScroll img{
	margin : 2px;
}

#menuContent {
	position:absolute;
	top :155px;
	padding:0;
	margin:0;
	height:290px;
	overflow: auto;
	width: 121px; 
}

#navigation{
	position: absolute;
	top: 520px;
	left: 370px;
	font-size : 12px;
}

#navigation img{
	margin-left: 10px;
	margin-right: 10px;
}

#statu {
	position: absolute;
	top: 471px;
	left: 0;
}

#statu strong{
	display : block;
	margin-left: 28px;
	font-size: 12px;
}

#statu img.menuTitre {
	clear: left;
	margin-top : 24px;
}

#statu select{
	font-size: 11px;
	margin-left: 15px;
	color : #333333;
	width : 100px;
	padding-left: 5px;
	display: block;
}

#mainColumn {
	width: 645px;
	display: block;
	height: 538px;
	
}

#mainColumn table.mainContener{
	/*border: dotted 1px;*/
	width: 635px;
	height: 460px;
}

#mainColumn td.mainTitle {
	height : 30px;
}


#mainColumn td.mainContent {
	padding-left: 50px;
	padding-bottom: 5px;
}

h1 {
	font-size : 26px;
	margin-left: 81px;
}

#mainColumn p, #mainColumn li{
	font-size: 24px;
	line-height: 30px;
	list-style-position: outside;
}


#mainColumn p {
	margin-left:30px;
}


#mainColumn p a:hover {
	color : #333333;
}

#menu {
	width: 780px;
	height: 35px;
	clear: left;
	display:block;
	padding-top : 8px;
}

html>body #menu {
	padding-top : 5px;
	height: 30px;
}

#menu ul {
	width: 780px;
	text-align:center ;
}

#menu li {
	display:inline;
	color: #333333;
	font-size: 11px;
	text-transform: uppercase;
}


/*		Couleur de text		*/

.textBlueSmall, .textGreenSmall, .textRedSmall, .textOrangeSmall{
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
}


.textSmall{
	font-size: 18px;
	line-height: 22px;
}

.textBlueBig, .textGreenBig, .textRedBig, .textOrangeBig {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}

.textBlueSmall, .textBlueBig, .textBlueSmall a, .textBlueBig a, .textBlueSmall a:hover, .textBlueBig a:hover {
	color : #1C93C1
}

.textGreenSmall, .textGreenBig, .textGreenSmall a, .textGreenBig a, .textGreenSmall a:hover, .textGreenBig a:hover{
	color: #3FA960;
}

.textRedSmall, .textRedBig, .textRedSmall a, .textRedBig a, .textRedSmall a:hover, .textRedBig a:hover {
	color : #EE120A;
}

.textOrangeSmall, .textOrangeBig, .textOrangeSmall a, .textOrangeBig a, .textOrangeSmall a:hover, .textOrangeBig a:hover {
	color : #F96411;
}

/*		Puce de couleur		*/

.dotteBlueSmall, .dotteGreenSmall, .dotteRedSmall, .dotteOrangeSmall, .dotteGreySmall {
	background-repeat: no-repeat;
	background-position : 6px 10px;
	padding-left: 32px;
	margin-left: 26px;
}
   
.dotteBlueBig, .dotteGreenBig, .dotteRedBig, .dotteOrangeBig {
	background-repeat: no-repeat;
	background-position : 0 8px;
	padding-left: 32px;
}

.dotteBlueBig {
	background-image: url('/argosSites/denutrition/images/dotte_blue_large.gif');
}

.dotteBlueSmall {
	background-image: url('/argosSites/denutrition/images/dotte_blue_small.gif');
}

.dotteGreenBig {
	background-image: url('/argosSites/denutrition/images/dotte_green_large.gif');
}

.dotteGreenSmall {
	background-image: url('/argosSites/denutrition/images/dotte_green_small.gif');
}

.dotteRedBig {
	background-image: url('/argosSites/denutrition/images/dotte_red_large.gif');
}

.dotteRedSmall {
	background-image: url('/argosSites/denutrition/images/dotte_red_small.gif');
}

.dotteOrangeBig {
	background-image: url('/argosSites/denutrition/images/dotte_orange_large.gif');
}

.dotteOrangeSmall {
	background-image: url('/argosSites/denutrition/images/dotte_orange_small.gif');
}


.dotteGreySmall {
	background-image: url('/argosSites/denutrition/images/dotte_grey_small.gif');
}


/* popup - Zoom */

#globalZoom{
	height: 571px;
	overflow:scroll;
}

#globalPopUp{
	height: 398px;
	overflow:scroll;
}


html>body #globalZoom{
	height: auto;
	overflow:hidden;
}

html>body #globalPopUp{
	overflow:hidden;
	height: auto;
}


#globalZoom table.popupContener {
	/*border: dotted 1px;*/
	width: 740px;
	height: 500px;
	margin-left: 15px;
	
}

#globalPopUp table.popupContener {
	/*border: dotted 1px;*/
	width: 550px;
	height: 360px;
	margin-left: 15px;
	
}

#globalPopUp p, #globalPopUp li, #globalZoom p, #globalZoom li{
	font-size: 24px;
	line-height: 30px;
	list-style-position: outside;
}


#globalPopUp h1, #globalZoom h1{
	font-size : 26px;
	margin: 10px 0 15px 0;
}

a.fermer {
	float: right;
	margin : 5px 5px 5px 0;
}

#listePagesDossier {
	position:absolute;
	text-align:center;
	width:100%;
	background-color : none;
}

#listePagesDossier li{
	display : inline;
	margin-left:5px;
	font-size:16px;
	background-color : none;
}
#listePagesDossier li a {
}
acronym, abbr{
	border-bottom: 1px dotted;
	cursor : help;
}

#defAcronym {
	font-size : 12px;
	display : none;
	position : absolute;
	background-color : white;
	width : 300px;
	z-index : 10;
	cursor : help;
	padding : 2px;
}