/***** begin ELIOR STYLES *****/

/***** DEFAULT HTML *****/

*				{margin:0; padding:0;}
body, html			{font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#FFDEB2; width:100%; height:100%;border:none;}
body				{text-align: center;}
table				{border:none;}
img				{border:none;}
li				{list-style:none;}			
hr				{clear:both; padding:0; height:1px;visibility:hidden;}


.float				{float:left;}

.floatr				{float:right;}

.floatn 			{float:none;}

.inline				{display:inline;}

.block 				{display:block;}

.bold 				{font-weight:bold;}

/***** ELEMENT TITRES *****/


h1 				{font-weight: bold;}
h2 				{font-size: 12px; font-weight:bold;}
h3				{font-size: 11px; font-weight:bold;}
h4				{font-size: 11px; font-weight: bold; display: inline;}



/***** ELEMENT STRUCTURE *****/

table.tableaucentral		{width:955px;padding: 0; margin:0;}
html>body table.tableaucentral  {left:auto; margin: auto;}

#leftColumn			{background-color:#FF9B52;background-repeat:no-repeat;background-position: bottom;padding-bottom:85px;}
#mainColumn h2			{margin:0;padding:0;}
#mainColumn h2 a:active, #mainColumn h2 a:visited, #mainColumn h2 a:link, #mainColumn h2 a:hover, #mainColumn h2{color:#FF8832;}
#mainColumn h2 a:active, #mainColumn h2 a:visited, #mainColumn h2 a:link{text-decoration: none;}
#mainColumn h2 a:hover		{text-decoration: underline;}
#mainColumn table tr td, #mainColumn table tr td table tr td{text-align:left;}
#mainColumn h3			{margin:0;padding:0;color:#000000;}
#mainColumn p			{margin:0;padding:0;}
#mainColumn			{padding: 0 0 60px 0; background-position: center 98%; background-repeat: no-repeat;}


/***** ELEMENT DE FORMULAIRE LOGIN *****/

.block1tableau			{height:284px;display:block ;text-decoration:none;font-weight: none;}	
.margebastableau		{margin-bottom:17px;}
.tableaumenue			{display:block;height: 418px;}
.form1				{float:left;display:block;width: 200px;margin-top:30px;margin-left:5px;color:#FFFFFF;font-size: 10px;}
.form2				{float:left;display:block;width: 170px;margin-top:30px;margin-left:15px;color:#FFFFFF;font-size: 10px;}
.date				{float:left;display:block;width: 240px;margin-top:48px;margin-left:10px;color:#FFFFFF;font-size: 10px;font-weight:bold;}

.imgbottom			{margin-top:19px;}
.imgbottom2			{margin-top:8px;}
.bas5				{padding-bottom:4px;}

#login				{background-color:#FF8832;width: 513px;margin: 102px 0 0 87px;}
#login div			{width: 178px;padding:20px 0 24px 12px;background-color:#FF8832;}
#logindroite			{height: 140px;float: left;background-position: top right;background-repeat: no-repeat;}
#logindroite img		{padding:0 17px 14px 0;}  
.validerimg			{margin:11px 0 0 0;} 
.margimput			{width: 135px;padding-right:20px;color:#FFFFFF;}
#logindroite div		{background:none;}
#logindroite p 			{padding:0 0 1px 1px;}



/***** ELEMENTS MENU *****/

.eliorNavLevel2			{font-weight: bold; font-size:12px; color:#FFFFFF; text-decoration: none;}
A.eliorNavLevel2		{font-weight: bold; font-size:12px; color:#FFFFFF; text-decoration: none;}
A.eliorNavLevel2:hover		{font-weight: bold; font-size:12px; color:#FFFFFF; text-decoration: none;}
A.eliorNavLevel2:visited	{font-weight: bold; font-size:12px; color:#FFFFFF; text-decoration: none;}

.eliorNavTitleLevel2		{font-weight: bold; font-size:12px; color:#FFE1CB;}

.eliorNavLevel3			{font-weight: bold; font-size:11px; color:#FFFFFF; text-decoration: none;}

A.eliorNavLevel3		{font-weight: bold; font-size:11px; color:#FFFFFF; text-decoration: none;}
A.eliorNavLevel3:hover		{font-weight: bold; font-size:11px; color:#FFFFFF; text-decoration: none;}
A.eliorNavLevel3:visited	{font-weight: bold; font-size:11px; color:#FFFFFF; text-decoration: none;}


.eliorNavLevel4			{font-weight: bold; font-size:11px; color:#FF9A52;}

A.eliorNavLevel4		{font-weight: bold; font-size:11px; color:#FF9A52; text-decoration: none;}
A.eliorNavLevel4:hover		{font-weight: bold; font-size:11px; color:#FF9A52; text-decoration: none;}
A.eliorNavLevel4:visited	{font-weight: bold; font-size:11px; color:#FF9A52; text-decoration: none;}

#mainColumn h3			{color:#000000;}

#mainColumn td.maincolor	{text-align:center;}


.form1				{color:#FFFFFF;float:left;display:block;width: 200px;margin-top:30px;margin-left:5px;font-size: 10px;}
.form2				{color:#FFFFFF;float:left;display:block;width: 170px;margin-top:30px;margin-left:15px;font-size: 10px;}
.date				{color:#FFFFFF;font-weight: bold;}
		
.margimput			{color:#FFFFFF;}
logindroite input		{border-top:solid 1px #42413F;}


.eliorTopBg			{background-color:#ED8001;}
.eliorBodyBg			{background-color:#FF9A52;}
.maincolor			{background-color:#FF9A52;}

/*****  ELIOR ELEMENTS SPECIFIQUES   *****/

/*EL*/

.fondcolor			{background-color: #EB7B2C;}

.tableaufond1			{clear: both;background-position:center top;;background-repeat:no-repeat;background-color:#EB7B2C;}
.tableaufond2			{clear: both;background-color: #FF9B52;border-bottom:solid 2px #EB7B2C;}
#tableaufond3			{text-decoration:none;font-weight:bold;background-color:@color.menu.titre2@;border-color::@color.menu.titre2@;font-weight:none;}


#navmenue li			{color:#FFFFFF;}
#mainColumn .form1 h2		{color:#FFFFFF;} 
#mainColumn .form2 h2		{color:#FFFFFF;}


.date img			{padding:0 7px 0 7px;}

.block1tableau_calage_droite	{border-right:solid 1px #EB7B2C;}
.block1tableau_calage_gauche	{border-left:solid 1px #EB7B2C;}
.block1tableau_calage_bas	{border-bottom:solid 1px #EB7B2C;}
.block1tableau			{height: 284px;display:block ;text-decoration:none;font-weight: none;}	

#content1 div h4		{color:#EB7B2C;}

#navmenue li			{text-decoration:none;font-weight: bold;float:left;display:block;width: 100px;vertical-align: middle;padding: 4px 0 3px 0;}
.navmenueborder 		{margin-left: 150px;}
.margebastableau		{margin-bottom:17px;}
.tableaumenue			{display:block;height: 418px;}


/*****  ELIOR ELEMENTS FOOTER   *****/


#nav_bas li 			{float:right;list-style-position: none;padding:0 5px 0 5px;list-style: none;}
#nav_bas ul			{margin:5px 0 0 0;}
#nav_bas a			{color:#000000;}
.nav_bas_separation		{background-repeat:no-repeat;background-position: right center;}


/*****  ELIOR ELEMENTS EncartType   *****/

td.encartTypeContenu h4		{color:#FFB947;margin:3px 0 0 0; padding:0; display:block}
td.encartTypeContenu img	{float:right; margin-top:5px;}
td.encartTypeContenu p		{padding:0;margin:0;}
.bgFondEncart			{background-color: #FFB947;}
.bgFondEncartWhite		{background-color:#FFFFFF;}
#ligneBlanche			{width:100%;height:3px;border-bottom: solid 3px #FFCF7B;line-height:3px; margin-left:3px;}


/*****  LARGEUR DES COLONNES   *****/

#columnOne			{width:228px;background-color:#FFFFFF;}
#columnTwo			{width:228px;background-color:#FFFFFF;}
#columnThree			{width:228px;background-color:#FFFFFF;}

/* Spécifique PFG */
.layoutOneColumn #columnOne	{width:556px;background-color:#FFFFFF;}

#portletColumnFormatter_0	{display: none;}
#portletColumnFormatter_1	{display: none;}
#portletColumnFormatter_2	{display: none;}
#horizontalPaddingCell0		{width: 0px;background-color:#FFFFFF;}
#horizontalPaddingCell1		{width: 0px;background-color:#FFFFFF;}
#horizontalPaddingCell0 img	{width: 0px;}
#horizontalPaddingCell1 img	{width: 0px;}


/******    DETAIL    ******/
td.detail h1			{font-size: 19px;font-weight: bold;display:block;padding:8px 0 11px 0; background-position: top left; background-repeat:repeat-x;}

/******    ARTICLE    ******/
.article			{padding-top:10px; margin-bottom:9px; }
TD.TDContainer                  {text-align: left; vertical-align: top; background-color: #ffffff; padding:25px 27px 7px 26px;}
.Container			{padding-bottom: 10px; text-align: left; float: left; vertical-align: top;}
#content4 			{color: #FF8832; width:652px;}
#content7			{float:left;}	
#content8			{margin-top:7px; width: 415px; float:left;}
#content8 p 			{margin:18px 0 13px 0;}
#content4 h1 img		{margin:2px 0 0 0;}
#content4 h1  			{font-size: 19px; font-weight: bold; display:block; padding:8px 0 11px 0;}
#content7 img			{padding:8px 39px 0 0;float:left;}
#content8 p			{margin:18px 0 13px 0;}
#content8 img			{margin:18px 5px 13px 7px;}
#content9 			{width: 114px; float:left;}
#content9 img			{margin:3px 15px 0 0;}


/*******   JUNIOR *******/

#content10 strong		{color:@color.strong@;}
.cartouchebottom li		{color:@color.cartouchebuttom.li@;}
.cartouchebottom h4		{color:@color.cartouchebuttom.h4@;}
.imgbottom			{margin-top:19px;}
.article,.articlecartouche 	{float: left; padding-top:10px; margin-bottom:9px;}
.cartouchetop			{float:left; width:178px; padding:5px 5px 7px 12px;}
.fondlogogcolgaucheh2		{text-align: left;margin:12px 0 0 0;padding:0 0 0 28px;}	
.cartouchebottom2		{margin:0;}

.cartouchebottom div		{margin:8px 5px 0 5px;}
.cartouchebottom img		{float:right}
.cartouchebottom a img		{margin-right:5px;}
.cartouchebottom h4		{float:left; width:115px; margin-top:-10px;}
.cartouchebottom p		{width:115px;}
.cartouchebottom li		{padding-left:13px; border-bottom:1px solid white; vertical-align: middle; height: 17px; font-weight: bold;}
.cartouchebottom li		{ height:18px; }
.cartouchebottom li.impaire	{background-color: @color.bg.li.impaire@;}
.cartouchebottom li.paire	{background-color: @color.bg.li. paire@;}
.cartouchebottom		{float:@location.left@;width:189px; padding:0 3px 8px 3px; margin:0 0 0 0 ;}
.article .v_article		{float:left; width:53px; margin-right:6px;}
.cartouchebottom2		{margin:0;}

.article div			{float:left;width:135px;}
	
.article span			{float:left; width:135px;/* height: 129px;  */}

#content10 			{width: 327px; float:left; margin-right:15px;}
#content10 h2			{font-size: 13px; width: 318px;	float:left; margin-bottom:6px;}
#content10 strong		{font-weight: bold;}	
#content10 ingredient		{padding-bottom:17px;}
#content10 p			{padding-bottom:8px;}
#content10 h1  			{font-size: 19px; font-weight: bold; display:block; padding:8px 0 11px 0;}
#content12			{float:left; width:195px; margin-right:34px;}
.article .v_article		{float:left; width:53px; margin-right:6px;}

.cartouchetop			{float:left; width:178px; padding:5px 5px 7px 12px;}
.article div			{float:left; width:135px;}
#content14			{float:left; width:195px;}


.cartouchetop3			{float:left; width:189px; padding:5px 5px 8px 2px;}
.cartouchebottom3		{float:left; width:189px; padding:0 3px 9px 3px; margin-bottom:7px;}
.cartouchebottom3 div		{padding:12px 10px 0 10px;}
.cartouchebottom3 img		{float:right}
.cartouchebottom3 a img		{margin-right:5px;}
.cartouchebottom3 h4		{float:left;width:115px; margin-top:-10px; color:#FF8832; }
.cartouchebottom3 p		{float:left; width:168px; }
.cartouchebottom3 li		{padding-left:13px; border-bottom:1px solid white; }	
.cartouchebottom3 li.impaire	{background-color: @bg.impaire@;}
.cartouchebottom3 li.paire	{background-color: @bg.paire@;}
.bas5				{padding-bottom:4px;}
.block 				{display:block;}
#content11 			{width:195px; float:left;}
#content11 input		{margin: 0 0 24px 8px;}
.clear				{clear: both; display: block; height: 1px; margin-top:-1px;}


a.lnkSiteMap			{color:#565656;}
a.lnkSiteMap:active		{color:#565656;}
a.lnkSiteMap:hover		{color:#b0b0b0;}
a.lnkSiteMap:visited		{color:#565656;}
a.lnkSiteMap:focus		{color:#565656;}

/* Message d'erreurs de login */

.alertErrorTitle		{color:red;padding-top:5px;font-weight:bold;}
.alertErrorTitle img		{margin-right:5px;}


/* Textes règlementaires */

.objectText			{color: #000000; font: 10px verdana,arial,helvetica,"sans-serif"; text-decoration: none;}
.objectText A			{color: #138893; font: 10px verdana,arial,helvetica,"sans-serif"; text-decoration: none;}
.objectText A:hover		{color: #FF0000; font: 10px verdana,arial,helvetica,"sans-serif"; text-decoration: underline;}

.listSortHeader			{color: #000000; font: bold 10px verdana,arial,helvetica,"sans-serif"; text-decoration: none;}
.listSortHeader A		{color: #000000; font: bold 10px verdana,arial,helvetica,"sans-serif"; text-decoration: none;}
.listSortHeader A:hover		{color: #FF0000; font: bold 10px verdana,arial,helvetica,"sans-serif"; text-decoration: underline;}

td.listSortHeader, tr.listItemTwoBg, tr.listItemTwoBg{padding: 0 10px;}
	
.listText			{color: #000000; font: 10px verdana,arial,helvetica,"sans-serif"; text-decoration: none; padding: 0 10px;}
.listText A			{color: #138893; font: 10px verdana,arial,helvetica,"sans-serif"; text-decoration: none;}
.listText A:hover		{color: #FF0000; font: 10px verdana,arial,helvetica,"sans-serif"; text-decoration: underline;}

.listPaginationText		{color: #000000; font: 10px verdana,arial,helvetica,"sans-serif"; text-decoration: none;}
.listPaginationText A		{color: #138893; font: 10px verdana,arial,helvetica,"sans-serif"; text-decoration: none;}
.listPaginationText A:hover	{color: #FF0000; font: 10px verdana,arial,helvetica,"sans-serif"; text-decoration: none;}


/* Recette du Weekend */

#contentRecetteWeekend			{ padding-bottom: 10px; text-align: left; float: left; vertical-align: top; margin:5px 13px;}
#contentRecetteWeekend h1 img		{margin:2px 0 0 0;}
#contentRecetteWeekend h1  		{width:400px; font-size: 19px; font-weight: bold; display:block; padding:8px 0 11px 0;}

TD.TDContainerRecette           	{text-align: left; vertical-align: top; background-color: #FFFFFF; padding:10px 10px 7px 10px;}
.ContainerRecette			{padding-bottom: 10px; text-align: left; float: left;}
#contentRecetteDetailImage 		{float:left; vertical-align: top; padding-top:2px; margin:0;}
#contentRecetteDetailImage img		{margin:0 10px 0 0; display: block;}
#contentRecetteDetailTexte strong	{color:@color.strong@;}

#contentRecetteDetailTexte 		{width: 327px; float:left; margin-right:15px;}
#contentRecetteDetailTexte h2		{font-size: 13px; width: 318px;	float:left; margin-bottom:6px;}
#contentRecetteDetailTexte strong	{font-weight: bold;}	
#contentRecetteDetailTexte ingredient	{padding-bottom:@size17.px@;}
#contentRecetteDetailTexte p		{padding-bottom:8px;}
#contentRecetteDetailTexte h1  		{font-size: 19px; font-weight: bold; display:block; padding:8px 0 11px 0;}


.cartouchebottom ul li a:link, .cartouchebottom ul li a:visited, .cartouchebottom ul li a:hover, .cartouchebottom ul li a:active{color: #800080;}

#idPers {width : 127px} 
#pwdPers {width : 127px} 
