/* Styles communs à toutes les pages -----------------------------------------*/
#Header {
	background:				url(/images/Bg_HeaderSun.jpg) no-repeat;
	width:					900px;
	height:					100px;
}

#NavigationFixe {
	color:					#b84e0a;
	padding-top:			19px;
	vertical-align:			top;
	width:					240px;
}
#NavigationFixe a {
	font-weight:			bold;
	color:					#b84e0a;
}
#NavigationFixe a:hover {
	color:					#fcd75d;
	text-decoration:		none;
}
#NavigationFixe span {
	padding:				0 6px;
}

#FlashLogo {
	width:					420px;
}
#LogoTopHalf {
	position:				absolute;
	top:					-9px;
	left:					128px;
}

#SiteSearch {
	color:					#b84e0a;
	font-weight:			bold;
	padding-top:			19px;
	vertical-align:			top;
	text-align:				right;
	width:					240px;
}
#SiteSearch label {
	display:				block;
	float:					right;
	margin:					0 5px 0 0;
	padding:				1px 0 0 0;
}
#SiteSearch .TxtSearch {
	float:					right;
	font:					10px Tahoma, Arial, Helvetica, sans-serif;
	background:				url(/images/Bg_HeaderSearch.gif) repeat-x top;
	border:					1px solid;
	border-color:			#d27011 #f5c389 #f5c389 #d27011;
	padding:				1px 2px 1px 2px;
	margin:					0 5px 0 0;
	width:					130px;
}
#SiteSearch .BtSearch {
	float:					right;
}

#Footer {
	font-size:				10px;
	color:					#eb9f6d;
	width:					900px;
}
#Footer td {
	padding:				7px 9px 12px 9px;
}
#Footer a {
	color:					#eb9f6d;
	text-decoration:		none;
}
#Footer a:hover {
	text-decoration: 		underline; 
}
#Footer span {
	padding:				0 10px;
}

.ContainerDiv {
	position:				relative;
}
.ClearerDiv {
	height:					1px;
	overflow:				hidden;
	clear:					both;
}

/* Styles spéciaux pour page d'accueil ---------------------------------------*/
#AccTopBloc {
	background:				url(/images/Bg_AccTop.jpg) no-repeat top center;
	padding:				9px 9px 0 9px;
	width:					882px;
	position:				relative;
}
#LogoBottomHalf {
	position:				absolute;
	top:					0;
	left:					368px;
}

#AccBottomBloc {
	margin:					7px 0 0 9px;
}

#AccPubBloc {
	float:					left;
	width:					357px;
}
#AccPubAttitude {
	float:					left;
	width:					152px;
	margin:					0 0 0 0;
	position:				relative;
}
#AccPubAttitude .AccPubAttitudeTop {
	position:				absolute;
	top:					-5px;
	left:					55px;
}
#AccPubAttitude .EnSavoirPlus {
	position:				absolute;
	top:					124px;
	left:					69px;
}
#AccPubRecettes {
	float:					left;
	width:					199px;
	margin:					0 0 0 6px;
	position:				relative;
}
#AccPubRecettes .EnSavoirPlus {
	position:				absolute;
	top:					124px;
	left:					19px;
}
#AccPubConcours {
	float:					left;
	width:					357px;
	margin:					7px 0 0 0;
	position:				relative;
	clear:					both;
}
#AccPubAttitude img, #AccPubRecettes img, #AccPubConcours img {
	display:				block;
}

#AccContentBloc {
	float:					left;
	background:				url(/images/Bg_AccContent.png) no-repeat top left;
	margin:					0 6px 0 6px;
	padding:				20px 20px 30px 20px;
	width:					298px;
	height:					197px;
	overflow:				hidden;
}
#AccContentBloc h2.TitreSection {
	font:					normal 20px Tahoma, Arial, Helvetica, Sans-serif;
	color:					#e97f0e;
	margin:					0 0 12px 0;
}

/* Styles spéciaux pour pages intérieures ------------------------------------*/

#IntBottomBloc {
	margin:					4px 0 0 9px;
}

#IntColonneGauche {
	float:					left;
	width:					175px;
}

#IntColonneDroite {
	float:					left;
	background:				#ffffff url(/images/Bg_IntPage.png) no-repeat 0px 0px;
	margin:					0;
	width:					714px;
}
#IntColonneDroite #IntHeader {
	position:				relative;
	background:				#ffffff url(/images/Bg_IntTitreSection.png) no-repeat top;
	margin:					0 0 0 7px;
	width:					700px;
	height:					45px;
}
#IntColonneDroite #IntHeaderSeparator {
	margin:					0 0 0 7px;
	width:					700px;
}
#IntColonneDroite h2.TitreSection {
	font:					normal 20px Tahoma, Arial, Helvetica, Sans-serif;
	color:					#e97f0e;
	position:				absolute;
	top:					11px;
	left:					35px;
}
#SectionImage {
	position:				absolute;
	bottom:					0px;
	right:					0px;
}
#PrintImage {
	display:				none;
}
#IntColonneDroite #IntContent {
	background:				#ffffff url(/images/Bg_IntContenu.gif) repeat-x bottom;
	padding:				20px 35px 35px 35px;
	margin:					0 0 0 7px;
	width:					630px;
	min-height:				395px;
	height:					auto !important;
	height:					395px;
}
#IntColonneDroite #IntContent .SubTitle {
	font:					12px/1.5em Tahoma, Arial, Helvetica, Sans-serif;
	color:					#81a016;
}

#IntColonneDroite #OmbreHautGauche {
	position:				absolute;
	width:					7px;
	height:					89px;
	top:					0px;
	left:					0px;
}
#IntColonneDroite #OmbreHautDroite {
	position:				absolute;
	width:					7px;
	height:					89px;
	top:					0px;
	right:					0px;
}
#IntColonneDroite #OmbreBasGauche {
	position:				absolute;
	width:					7px;
	height:					115px;
	top:					-115px;
	left:					0px;
}
#IntColonneDroite #OmbreBasDroite {
	position:				absolute;
	width:					7px;
	height:					115px;
	top:					-115px;
	right:					0px;
}

#IntFooter {
	font-size:				10px;
	color:					#eb9f6d;
	background-color:		#ffffff;
	text-align:				center;
	padding:				7px 0 12px 0;
	margin:					0 0 0 7px;
	width:					700px;
}
#IntFooter a {
	color:					#eb9f6d;
	text-decoration:		none;
}
#IntFooter a:hover {
	text-decoration: 		underline; 
}
#IntFooter span {
	padding:				0 10px;
}

/* Styles pour menu principal -----------------------------------------------*/
#TopMenu {
	background:				transparent url(/images/Bg_Menu.jpg) no-repeat top center;
	width:					882px;
	height:					43px;
}
#TopMenu .ItemGauche {
	display:				block;
	float:					left;
	background:				url(/images/Bg_MenuSeparatorGauche.gif) no-repeat top right;
	padding:				12px 15px 19px 15px;
}
#TopMenu .ItemDroite {
	display:				block;
	float:					right;
	background:				url(/images/Bg_MenuSeparatorDroite.gif) no-repeat top left;
	padding:				12px 15px 19px 15px;
}
#TopMenu .LastItem, #TopMenu .LastItem {
	background-image:		none;
}

/* Styles pour accordeon -----------------------------------------------------*/
#AccAccordeonBloc {
	float:					left;
	width:					175px;
	height:					248px;
}

#AccAccordeonBloc .AccoGrossisteBtFR, #AccAccordeonBloc .AccoConsommateursBtFR, #AccAccordeonBloc .AccoProduitsBtFR,
#AccAccordeonBloc .AccoGrossisteBtEN, #AccAccordeonBloc .AccoConsommateursBtEN, #AccAccordeonBloc .AccoProduitsBtEN {
	background-position:	0px 0px;
	width:					175px;
	height:					44px;
	text-indent:			-180px;
	overflow:				hidden;
	cursor:					pointer;
	cursor:					hand;
}
#AccAccordeonBloc .AccoGrossisteBtFR {
	background:				url(../images/Acco_Grossiste_FR.png) no-repeat;
}
#AccAccordeonBloc .AccoConsommateursBtFR {
	background:				url(../images/Acco_Consommateurs_FR.png) no-repeat;
}
#AccAccordeonBloc .AccoProduitsBtFR {
	background:				url(../images/Acco_Produits_FR.png) no-repeat;
}
#AccAccordeonBloc .AccoGrossisteBtEN {
	background:				url(../images/Acco_Grossiste_EN.png) no-repeat;
}
#AccAccordeonBloc .AccoConsommateursBtEN {
	background:				url(../images/Acco_Consommateurs_EN.png) no-repeat;
}
#AccAccordeonBloc .AccoProduitsBtEN {
	background:				url(../images/Acco_Produits_EN.png) no-repeat;
}

#AccAccordeonBloc .AccoGrossisteTxt, #AccAccordeonBloc .AccoConsommateursTxt, #AccAccordeonBloc .AccoProduitsTxt {
	color:					#ffffff;
	overflow:				hidden;
	height:					115px;
	padding-bottom:			1px;
}
#AccAccordeonBloc .AccoGrossisteTxt {
	background:				url(../images/Acco_Grossiste-bg.png) no-repeat;
}
#AccAccordeonBloc .AccoConsommateursTxt {
	background:				url(../images/Acco_Consommateurs-bg.png) no-repeat;
}
#AccAccordeonBloc .AccoProduitsTxt {
	background:				url(../images/Acco_Produits-bg.png) no-repeat;
}
#AccAccordeonBloc .Content {
	margin:					10px 65px 0 12px;
}


/* Styles pour sous menus ----------------------------------------------------*/
#SubMenuSection div {
	font-weight:			bold;
	color:					#ffffff;
	background-color:		#e77809;
	padding:				2px 15px;
}
#SubMenuSection img {
	display:				block;
}

.SubMenu {
	margin:					12px 0 15px 0;
}
.SubMenu a {
	display:				block;
	font-weight:			bold;
	color:					#9a6c39;
	padding:				0 0 5px 15px;
}
.SubMenu a.Active {
	color:					#e7780a;
	background:				url(/images/Puce_SubSubMenu.gif) no-repeat 0px 5px;
}
.SubSubMenu a {
	display:				block;
	font-weight:			normal;
	color:					#9a6c39;
	padding:				0 0 5px 23px;
}
.SubMenu a:hover, .SubSubMenu a:hover {
	color:					#e7780a;
	text-decoration:		none;
}
.SubSubMenu a.Active {
	color:					#e7780a;
	background:				url(/images/Puce_SubSubMenu.gif) no-repeat 8px 5px;
}

/* Styles pour Plan du site --------------------------------------------------*/
#SiteMap ul {
	padding:				0 0 0 0;
	margin:					0;
}
#SiteMap ul li {
	margin: 				0 0 5px 15px;
	padding:				0;
}
#SiteMap ul li a, #SiteMap ul li a:hover {
	color:					#81a016;
}
#SiteMap ul ul {
	padding:				0 0 0 15px;
	margin:					0;
}
#SiteMap ul ul li a, #SiteMap ul ul li a:hover {
	color:					#e77809;
}

/* Styles pour formulaires----------------------------------------------------*/
.TxtLabel {
	font:					11px/1.3em Tahoma, Arial, Helvetica, Sans-serif;
	color:					#9a6c39;
}

.FormFields {
	padding:				0 0 0 0;
	margin:					0 0 16px 0;
}
.FormFields p {
	width:					480px;
	clear:					left;
	margin:					0 0 0 10px;
	padding:				0 0 8px 0;
	padding-left:			140px;
	height:					1%;
}
.FormFields label{
	font:					11px/1.3em Tahoma, Arial, Helvetica, Sans-serif;
	color:					#9a6c39;
	float:					left;
	margin-left:			-140px;
	padding:				2px 0 0 0;
	width:					130px;
	text-align:				right;
}

.TxtBox {
	font:					11px/1.3em Tahoma, Arial, Helvetica, Sans-serif;
	color:					#9a6c39;
	background:				#ffffff url(/images/Bg_TxtBox.png) repeat-x bottom;
	border:					1px solid #f0e9e1;
	padding:				1px 4px 1px 4px;
	margin:					0 0 0 0;
	height:					16px;
}
.TxtArea {
	font:					11px/1.3em Tahoma, Arial, Helvetica, Sans-serif;
	color:					#9a6c39;
	background:				#ffffff url(/images/Bg_TxtBox.png) repeat-x bottom;
	border:					1px solid #f0e9e1;
	padding:				2px;
	margin:					0 0 0 0;
}
.Btn {
	font:					bold 11px/1.3em Tahoma, Arial, Helvetica, Sans-serif;
	color:					#ffffff;
	background:				#81a016 url(/images/Bg_Btn.png) repeat-x top;
	border:					1px solid;
	border-color:			#c0d08a #749014 #5d7310 #6b8412;
	overflow:				visible;
	padding:				3px 8px 4px 8px;
}

/* Général -------------------------------------------------------------------*/
BODY {
	font:					11px/1.3em Tahoma, Arial, Helvetica, Sans-serif;
	color:					#9a6c39; /*#ae8961;*/
	padding:				0;
	margin:					0;
	background:				#FFF;
}
A {
	color:					#e77809;
	text-decoration:		none;
}
A:hover {
	text-decoration:		underline;
}
P {
	padding:				0;
	margin:					0 0 16px 0;
}
FORM {
	padding:				0;
	margin:					0;
}
SUP  {
	font-size:				75%;
	line-height:			100%;
	vertical-align:			baseline;
	top:					-3px;
	left:					1px;
}
/* Arrière-plan --------------------------------------------------------------*/
.BgG {
	background:#FFF url(/images/Bg_G.png) repeat-x top right;
}
.BgD {
	background:#FFF url(/images/Bg_D.png) repeat-x top left;
}
