/************************************************/
/*          Created February 7th 2008           */
/*          Update March 7th 2008           */
/*              By Carlos Alves                 */
/************************************************/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* removes text-decoration and outline from a href */
a { outline:none; text-decoration:none; }

/* same as a href */
object { outline:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* hack for backgrounds */
.clr { clear: both;overflow: hidden;width: 1px;height: 1px;margin: 0 -1px -1px 0;border: 0;padding: 0;font-size: 0;line-height: 0; visibility:hidden;}

/* hide some stuff */
.cache { position: absolute; left: 0; top: -5000px; }

/* Everything starting here */
body{background:url(http://img.aujourdhui.com/body_bg.gif) top left repeat-x #4E4644; position : absolute; width : 960px; margin : 0 0 0 -480px; font-family: Arial, Helvetica, sans-serif; font-size:12px; left:50%;}

/* BANNER ON TOP */
div#advertising_banner { width:728px; height:90px; margin:0 auto 2px auto;}

/* HEADER */
div#header{ width:960px; height:65px; position:relative;}
div#header ul{ position:absolute; top:45px; right:20px !important; righ\t:20px; font-weight:bold;}
div#header li{ float:left; text-align:center; color:#ffffff; margin-left:5px;}
div#header li span{color:#000000; margin-right:2px;}
/* Aujourd'hui.com logo */
div#header h1{ width:560px; height:65px; position:absolute; top:0; left:0;}
/* The search engine */
/* The little nav */
div#search_engine{width:400px; height:65px; position:absolute; top:15; left:560px; background:url(http://img.aujourdhui.com/bg_search.gif) no-repeat top left;}
/*div#search_engine ul{ position:absolute; top:15px; left:0;}
div#search_engine li{ float:left; text-align:center;}
div#search_engine li a{ color: #ffffff; font-size:12px; display:block; width:55px; height:20px; line-height:20px;}
div#search_engine li a:hover{ color:#ffffff; background: #D84687;}*/

.search_on { color:#ffffff; background: #D84687; font-size:12px;width:55px; height:20px; line-height:20px; }
/* The Form */
div#search_engine form{ position:absolute; top:15px; left:0;}
.input_text{ position:absolute; top:10; left:36px;}
.bt_chercher{ position:absolute; top:10; left:306px;}

/* MAIN NAV */
/* style the outer div to give it width */
.menu {font-size:12px;/* padding-bottom:200px;*/ font-family: Verdana, Arial, Helvetica, sans-serif; height:28px; width:960px; background:url(http://img.aujourdhui.com/bg_main_nav.gif) top left repeat-x; position:relative; z-index:100;}

div#mainnav_more{ position:absolute; left:875px; top:0; height:25px; width:140px; line-height:25px; color:#fad417; background:none !important;}
div#mainnav_more ul{ background:none;}
div#mainnav_more ul li{ float:left;}
div#mainnav_more ul li a{ color:#fad417 !important; background:none !important; padding:0 3px 0 3px;}
div#mainnav_more ul li a:hover{ color:#ffffff !important;}

#nostyle_mainnav { border:none !important; margin:0 0 0 10px;}
#nostyle_mainnav a{ border:none !important; background:none !important; padding:5px 0 0 5px; margin:0; text-decoration:none;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; height:26px;}

/* style the sub-level lists */
.menu ul ul {width:190px; border:1px solid #9C8788; background-color:#FFFFFF;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:24px;line-height:24px; padding:2px 0 0 0;}

/* style the sub level list items */
.menu ul ul li {display:block;width:190px;height:auto;position:relative;line-height:1em; z-index:500; padding:0 !important;}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	float:left;
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
	padding:0 10px 0 15px;
	position:relative;
	font-weight:bold;
}
.menu a span, .menu a:visited span{ font-size:12px;text-decoration:none;color:#fad417; padding:0; position:absolute; top:9px; left:3px; height:12px; line-height:12px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; background:#ffffff; color:#9C8788; width:168px; /*height:100%;*/ line-height:1em; padding:0.5em 1em; font-size:11px; font-weight:lighter !important;}
.menu ul table ul a, .menu ul table ul a:visited  {width:168px; w\idth:168px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ddd;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fad417;background:#9C8788; font-weight:bold;}
.menu a:hover span{color:#ffffff; background:#9C8788 !important;}
.menu :hover > a {color:#fad417;background:#9C8788; font-weight:bold;}
.menu :hover > a span{color:#ffffff; background:#9C8788 !important;}
/* second */
.menu ul ul a:hover{color:#ffffff;background:#9C8788;}
.menu ul ul :hover > a {color:#ffffff;background:#9C8788;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0;width:190px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:1em; /*background:transparent url(http://img.aujourdhui.com/trans.gif);*/}

.separation{ width: 190px; height: 1px !important; margin: 3px 0 3px 0; border: 1px solid #9C8788; border-left:0; border-right:0; border-top:0; padding: 0; line-height: 0; }

/* MAIN CONTENT */
div#main_content{ background-color:#F1F2ED; position:relative; z-index:0;}
#intro{background-color:#F1F2ED; color:#606060; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:10px 0 0 10px;}/* codes updated*/

.pink_intro{ color:#F24B98; font-weight:bold}
.green_intro{ color:#00962e; font-weight:bold}
.blue_intro{ color:#678FC2; font-weight:bold}
.grey_intro{ color:#A89A9A; font-weight:bold}

/* Stats */
div#stats{ height:37px; text-align:center;}
div#stats ul{ width:935px; margin:0 auto;}
div#stats ul li{ float:left;}
div#stats ul li ul{ width:900px; background: url(http://img.aujourdhui.com/bg_repeatstat.gif) repeat-x top left; height:38px; line-height:38px; text-align:center; margin:0; padding:0;}
div#stats ul li ul li{ float:left; color:#88787a; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:175px; padding:0 0 0 5px;}
div#stats ul li ul li span{ color:#f773ad; margin-right:10px;}
div#stats ul li ul li span.whitebarre{ color:#ffffff; margin:0 0 0 28px;}


/* LEFT COL */
div#left_col{ width:617px; position:relative; min-height:1125px !important; margi\n:0; margin:0px 0 15px 10px !important;}/* codes updated*/

/* for the channels box */
div#channels{ width:617px; height:450px; position:relative; margin:0px;}/* codes updated*/
div#channels_content{ width:617px; height:430px; background:#E3E4DD; margin:0 !important; padding:0 !important; position:relative;}
/* CHANNEL MINBCEUR */
div#channels_minceur{ width:292px; height:203px; position:absolute; top:5px; left:10px; background:#FFFFFF;}
div#channels_minceur h3{ background: url(http://img.aujourdhui.com/bg_title2.gif) repeat-x top left; width:292px; height:42px; font-size:28px; font-weight:lighter; text-indent:10px; padding-top:5px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#channels_minceur div{ position:relative; margin:5px; font-family:Arial, Helvetica, sans-serif; color:#6E6765; font-size:11px;}
div#channels_minceur div h5{font-size:14px; margin-bottom:5px;}
div#channels_minceur div h5 a{font-size:14px; color:#6e6765;}
div#channels_minceur div h5 a:hover{ font-size:14px; color:#ED0972; text-decoration:underline;}
div#channels_minceur div p{ position:absolute; top:20px; left:125px; width:160px; height:82px;}
div#channels_minceur div p span{ font-weight:bold; display:block;}
div#channels_minceur div p span a{ color:#6e6765;}
div#channels_minceur div p span a:hover{ color:#ED0972; text-decoration:underline;}
div#channels_minceur div ul{ position:absolute; top:110px; left:0; width:280px; height:30px; background:none;}
div#channels_minceur div ul li{ width:280px; height:15px; background:none; margin:0;}
div#channels_minceur div ul li a{ text-decoration:underline; color:#6E6765;}
div#channels_minceur div ul li a:hover{ color:#ED0972;}
/* CHANNEL CUISINE */
div#channels_cuisine{ width:292px; height:203px; position:absolute; top:5px; left:313px; background:#FFFFFF;}
div#channels_cuisine h3{ background: url(http://img.aujourdhui.com/bg_title2.gif) repeat-x top left; width:292px; height:42px; font-size:28px; font-weight:lighter; text-indent:10px; padding-top:5px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#channels_cuisine div{ position:relative; margin:5px; font-family:Arial, Helvetica, sans-serif; color:#6E6765; font-size:11px;}
div#channels_cuisine div h5{font-size:14px; margin-bottom:5px;}
div#channels_cuisine div h5 a{font-size:14px; color:#6e6765;}
div#channels_cuisine div h5 a:hover{ font-size:14px; color:#ED0972; text-decoration:underline;}
div#channels_cuisine div p{ position:absolute; top:20px; left:125px; width:160px; height:82px;}
div#channels_cuisine div p span{ font-weight:bold; display:block;}
div#channels_cuisine div p span a{ color:#6e6765;}
div#channels_cuisine div p span a:hover{ color:#ED0972; text-decoration:underline;}
div#channels_cuisine div ul{ position:absolute; top:110px; left:0; width:280px; height:30px; background:none;}
div#channels_cuisine div ul li{ width:280px; height:15px; background:none; margin:0;}
div#channels_cuisine div ul li a{ text-decoration:underline; color:#6E6765;}
div#channels_cuisine div ul li a:hover{ color:#ED0972;}
/* CHANNEL PSYCHO */
div#channels_psycho{ width:292px; height:203px; position:absolute; top:220px; left:10px; background:#FFFFFF;}
div#channels_psycho h3{ background: url(http://img.aujourdhui.com/bg_title2.gif) repeat-x top left; width:292px; height:42px; font-size:28px; font-weight:lighter; text-indent:10px; padding-top:5px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#channels_psycho div{ position:relative; margin:5px; font-family:Arial, Helvetica, sans-serif; color:#6E6765; font-size:11px;}
div#channels_psycho div h5{font-size:14px; margin-bottom:5px;}
div#channels_psycho div h5 a{font-size:14px; color:#6e6765;}
div#channels_psycho div h5 a:hover{ font-size:14px; color:#ED0972; text-decoration:underline;}
div#channels_psycho div p{ position:absolute; top:20px; left:125px; width:160px; height:82px;}
div#channels_psycho div p span{ font-weight:bold; display:block;}
div#channels_psycho div p span a{ color:#6e6765;}
div#channels_psycho div p span a:hover{ color:#ED0972; text-decoration:underline;}
div#channels_psycho div ul{ position:absolute; top:110px; left:0; width:280px; height:30px; background:none;}
div#channels_psycho div ul li{ width:280px; height:15px; background:none; margin:0;}
div#channels_psycho div ul li a{ text-decoration:underline; color:#6E6765;}
div#channels_psycho div ul li a:hover{ color:#ED0972;}
.pink_h3{ color:#ED0972;}
.blue_h3{ color:#90ADD2;}
.green_h3{ color:#C1E045;}

/* for the tag cloud */
div#tagcloud{ position:absolute !important; top:229px !important; left:313px !important; width:292px !important; height:203px !important; background:#FFFFFF; z-index:100;}
div#inner_tagcloud{width:280px; height:190px !important; background:none; margin:-80px 0 0 -140px; position:absolute; top:50%; left:50%; z-index:100;}
div#tagcloud ul{ width:280px; height:190px !important; margin:2px 5px 5px 5px; background:none; text-align:center;}
div#tagcloud li{ float:left !important; background:none !important; margin:3px !important; width:auto !important; height:auto !important; font-family:Arial, Helvetica, sans-serif;}
div#tagcloud li a.level1{ color:#678FC2; font-size:12px;}
div#tagcloud li a.level2{ color:#B0D716; font-size:12px;}
div#tagcloud li a.level3{ color:#678FC2; font-size:14px;}
div#tagcloud li a.level4{ color:#6B6361; font-size:14px;}
div#tagcloud li a.level5{ color:#6B6361; font-size:18px;}
div#tagcloud li a.level6{ color:#ABD506; font-size:18px;}
div#tagcloud li a.level7{ color:#EA5298; font-size:20px;}

a.level1{ color:#678FC2; font-size:12px; margin:5px 2px 5px 2px:}
a.level2{ color:#B0D716; font-size:12px; margin:2px:}
a.level3{ color:#678FC2; font-size:14px; margin:2px:}
a.level4{ color:#6B6361; font-size:14px; margin:2px:}
a.level5{ color:#6B6361; font-size:20px; margin:2px:}
a.level6{ color:#ABD506; font-size:22px; margin:2px:}
a.level7{ color:#EA5298; font-size:24px; margin:2px:}
/* for the last entries box */
div#last_entries{ width:617px; height:331px; z-index:0; margin:10px 0 0 0;}
div#lastentries_content{ width:617px; height:310px; background:#E3E4DD; position:relative;}

/*  "recettes de cuisine" box */
div#last_recettes{ width:423px; height:310px; background:#ffffff; position:absolute; top:0; left:10px;}
div#last_recettes h3{ background: url(http://img.aujourdhui.com/bg_title2.gif) repeat-x top left; width:423px; height:42px; line-height:42px; color:#B5D926; font-size:28px; font-weight:lighter; text-indent:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#last_recettes ul{ width:410px; /*height:268px;*/ position:absolute; top:42px; left:7px;}
div#last_recettes ul li{ width:410px; height:73px; margin:2px 0 0 0; padding:0 0 8px 0; position:relative; font-family:Arial, Helvetica, sans-serif; color:#6B6361; font-size:11px;}
div#last_recettes ul li a img{ margin-top:8px;}
div#last_recettes ul li div{ position:absolute; top:0; left:90px; width:320px; /*height:80px;*/}
 div#last_recettes ul li div hr{ color:#ECEBE9;} 
div#last_recettes ul li div a{color:#F3C417; text-decoration:underline; font-weight:bold; font-size:12px;}
div#last_recettes ul li div p{ margin:0;}
div#last_recettes ul li div p img{ margin:0 3px 0 0; vertical-align:-2px;}
div#last_recettes ul li div p span{ font-weight:bold;}
a.linkonbottom{position:absolute; bottom:5px; left:10px; color:#797979; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}
a.linkonbottom:hover{ color:#ED0972;}
/*  END of "recettes de cuisine" box */

/*  "exercices" box */
div#last_exercices{ width:168px; height:310px; background:#ffffff; position:absolute; top:0; left:441px;}
div#last_exercices h3{ background: url(http://img.aujourdhui.com/bg_title2.gif) repeat-x top left; width:168px; height:42px; color:#ED0972; font-size:28px; font-weight:lighter; text-indent:10px; padding-top:5px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#last_exercices ul{ background:url(http://img.aujourdhui.com/bg_exercices.jpg) top left no-repeat; width:168px; height:268px; position:absolute; left:0; top:42px;}
div#last_exercices ul li{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px;}
div#last_exercices ul li h6{color:#ED0972;}
div#last_exercices ul li h6 a{color:#6B6361; text-decoration:underline;}
div#last_exercices ul li h6 a;hover{color:#ED0972;}
div#last_exercices ul li p{color:#6B6361; margin:5px 0 5px 0;}
div#last_exercices ul li a{color:#6B6361; display:block; text-decoration:underline;}
div#last_exercices ul li a:hover{ color:#ED0972;}
/*  END of "exercices" box */

/* for the free tools box */
div#free_tools{ width:617px; height:291px; margin-top:10px;}
div#free_tools_content{ width:617px; height:270px; background:#E3E4DD; position:relative;}
div#free_tools_content h3{ background: url(http://img.aujourdhui.com/bg_title2.gif) repeat-x top left; width:599px; height:42px; color:#ED0972; font-size:28px; font-weight:lighter; text-indent:10px; padding-top:5px; position:absolute; top:0; left:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#free_tools_content ul{ height:228px; width:599px; background:#FFFFFF; position:absolute; top:42px; left:10px;}

/* the banner for the video channel + banner JMC */
div#banners{ width:617px; height:226px; margin-top:10px; position:relative;}
.link_promo{ position:absolute; top:0; left:308px;}



/* END of LEFT COL */

/* RIGHT COL */
div#right_col{ width:305px; text-align:center; position:absolute; top:0px; left:635px; margi\n:0 0 0 10px; margin:0 !important;}/* codes updated*/

/* "DANS LE FORUM" box */

div#dansleforum{ width:305px; height:486px; margin:10px 0 0 0; text-align:left; background:#FFFFFF; position:relative;}
div#dansleforum h3{ background:url(http://img.aujourdhui.com/bg_dsleforum.gif) top left no-repeat; color:#ED0972;font-size:28px; font-weight:lighter; text-indent:65px; padding-top:5px; position:absolute; top:0; left:0; font-family: Verdana, Arial, Helvetica, sans-serif; width:305px; height:57px;}
div#dansleforum ul{ position:absolute; top:57px; left:0; width:305px; height:386px;}
div#dansleforum ul li{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px 0 0 0; position:relative; height:76px;}
div#dansleforum ul li img{ border:1px solid #ECEBE9; padding:2px; margin-left:3px;}
div#dansleforum ul li div{ position:absolute; top:4px; left:65px; color:#6B6361; font-family: Arial, Helvetica, sans-serif; font-size:11px; width:237px;}
div#dansleforum ul li div h6{ color:#6B6361; font-size:11px;}
div#dansleforum ul li div h6 a{ font-weight:bold; text-decoration:underline; color:#6B6361; font-size:11px;}
div#dansleforum ul li div p{ margin:0; font-size:11px; padding:0; font-family: Arial, Helvetica, sans-serif;}
div#dansleforum ul li div p a{ color:#ED0972;}

.bordure{ width: 150px; height: 1px !important; margin: 3px 0 0 0; border: 1px solid #CCCCCC; border-left:0; border-right:0; border-top:0; padding: 0; line-height: 0; }
.bordure2{ width: 250px; height: 1px !important; margin: 3px 0 0 0; border: 1px solid #CCCCCC; border-left:0; border-right:0; border-top:0; padding: 0; line-height: 0; }
p.bottom_forumetc{ background:url(http://img.aujourdhui.com/bg_bottomforumetc.gif) top left no-repeat; position:absolute; /*top:362px;*/ bottom:0; left:0; width:305px; height:24px; color:#6b6361; padding-left:7px;}
p.bottom_forumetc a{ color:#6b6361; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
p.bottom_forumetc a:hover{ color:#ED0972;}
/* END of "DANS LE FORUM" box */

/* "Best of blogs" box */
div#bestofblogs{ width:305px; height:335px; margin:10px 0 0 0; text-align:left; position:relative;}
div#bestofblogs h3{ background:url(http://img.aujourdhui.com/bg_topblogs.gif) top left no-repeat; color:#ED0972;font-size:28px; font-weight:lighter; text-indent:65px; line-height:45px; position:absolute; top:0; left:0; font-family: Verdana, Arial, Helvetica, sans-serif; width:305px; height:45px;}
div#bestofblogs ul{ position:absolute; top:45px; left:0; width:305px; height:266px;  background:#FFFFFF;}
div#bestofblogs ul li{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px 5px 0 5px; position:relative; margin-bottom:6px; /*height:78px;*/}
div#bestofblogs ul li img{ border:1px solid #ECEBE9; padding:2px; height:59px;}
div#bestofblogs ul li div{ position:absolute; top:4px; left:88px; color:#6B6361; font-family: Arial, Helvetica, sans-serif; font-size:11px; width:215px;}
div#bestofblogs ul li div a{ font-weight:bold; text-decoration:underline; color:#ED0972;}
div#bestofblogs ul li div p{ margin-top:3px; height:52px;}
p.bottom_bestofblog{ background:url(http://img.aujourdhui.com/bg_bottomforumetc.gif) top left no-repeat; position:absolute; /*top:362px;*/ bottom:0; left:0; width:305px; height:24px; color:#6b6361; padding-left:7px;}
p.bottom_bestofblog a{ color:#6b6361; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
p.bottom_bestofblog a:hover{ color:#ED0972;}
/* END of "Best of blogs" box */

div#groups{ width:305px; height:335px; margin:10px 0 0 0; text-align:left; position:relative;}
div#groups h3{ background:url(http://img.aujourdhui.com/bg_groups.gif) top left no-repeat; color:#ED0972;font-size:28px; font-weight:lighter; text-indent:65px; line-height:45px; position:absolute; top:0; left:0; font-family: Verdana, Arial, Helvetica, sans-serif; width:305px; height:45px;}
div#groups ul{ position:absolute; top:45px; left:0; width:305px; height:266px;  background:#FFFFFF;}
div#groups ul li{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px 5px 0 5px; position:relative; margin-bottom:6px; /*height:78px;*/}
div#groups ul li img{ border:1px solid #ECEBE9; width:75px; padding:2px;}
div#groups ul li div{ position:absolute; top:4px; left:88px; color:#6B6361; font-family: Arial, Helvetica, sans-serif; font-size:11px; width:215px;}
div#groups ul li div a{ font-weight:bold; text-decoration:underline; color:#ED0972;}
div#groups ul li div p{ margin-top:3px; height:52px;}
p.groups{ background:url(http://img.aujourdhui.com/bg_bottomforumetc.gif) top left no-repeat; position:absolute; /*top:362px;*/ bottom:0; left:0; width:305px; height:24px; color:#6b6361; padding-left:7px;}
p.groups a{ color:#6b6361; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
p.groups a:hover{ color:#ED0972;}



/*.link_promo{ margin-top:15px !important; display:block !important;}*/

/* END of RIGHT COL */

/* FOOTER PART*/

/* The conclusion box in the footer */
div#conclusion{ width:959px; height:200px; background:#BDAEAE; color:#F1F2ED; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:10px;}
div#conclusion p{ margin:0 10px 10px 10px;}
div#conclusion p span{ font-weight:bolder; font-size:12px;}
div#conclusion a{ color:#F1F2ED; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
div#conclusion a:hover{ color:#F1F2ED; text-decoration:underline;}
/* END oF The conclusion box in the footer */

/* The PARTNER and Cobranding box in the footer */
div#part_branding{ width:959px; height:70px; background:#988E8F; color:#F1F2ED; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}
div#part_branding p{ float:left; margin:3px 0 0 10px; padding:0; color:#feeb9d; font-weight:bold;}
div#part_branding ul{ width:800px; margin:0 0 0 135px; text-align:left;}
div#part_branding ul li{ float:left; margin:3px 4px 0 0; color:#ABA4A3;}
div#part_branding ul li span{color:#feeb9d; font-weight:bold; margin-right:3px;}
div#part_branding ul li a{color:#ABA4A3;}
div#part_branding ul li a:hover{color:#feeb9d;}

/* END of The PARTNER and Cobranding box in the footer */

/* The copyright box in the footer */
div#copyright{ width:959px; height:66px; background:#BDAEAE; color:#F1F2ED; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:10px; position:relative;}
div#copyright p{ margin:5px 10px;}
div#copyright span{ position:absolute; right:30px; bottom:15px; color:#9B8F8E;}
/* END of The copyright box in the footer */

/* FOOTER NAV */
/* style the outer div to give it width */
.menufooter {font-size:12px; /*padding-bottom:200px;*/ font-family: Verdana, Arial, Helvetica, sans-serif; height:28px; width:960px; background:url(http://img.aujourdhui.com/bg_main_nav.gif) top left repeat-x; position:relative; text-align:center; clear:both;}

/* remove all the bullets, borders and padding from the default list styling */
.menufooter ul {padding:0; margin:0 auto; list-style-type:none; height:26px; width:900px;}

/* style the sub-level lists */
.menufooter ul ul {width:170px; border:1px solid #9C8788; background-color:#FFFFFF;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menufooter ul li {float:left; height:24px;line-height:24px; padding:2px 0 0 0;}

/* style the sub level list items */
.menufooter ul ul li {display:block;width:134px;height:auto;position:relative;line-height:1em; z-index:500; padding:0 !important;}

/* style the links for the top level */
.menufooter a, .menufooter a:visited {display:block;float:left; /*height:100%;*/ font-size:12px;text-decoration:none;color:#ffffff; padding:0 7px 0 7px; position:relative; font-weight:bold;}
.menufooter a span, .menufooter a:visited span{ font-size:12px;text-decoration:none;color:#fad417; padding:0 5px 0 0; position:absolute; top:9px; left:3px; height:12px; line-height:12px;}

/* style the sub level links */
.menufooter ul ul a, .menufooter ul ul a:visited {display:block; background:#ffffff; color:#9C8788; width:134px; height:100%; line-height:1em; padding:0.5em 1em; font-size:11px;}
.menufooter ul table ul a, .menufooter ul table ul a:visited  {width:14em; width:12em;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menufooter table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menufooter ul ul table {left:-1px;}
.menufooter ul ul table ul.left {margin-left:2px;}

.menufooter li:hover {position:relative;}
* html .menufooter a:hover {position:relative;}

/* style the sub level 1 background */
.menufooter ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menufooter ul ul :hover a.sub2 {background:#ddd;}

/* style the level hovers */
/* first */
.menufooter a:hover {color:#fad417;background:#9C8788; font-weight:bold;}
.menufooter a:hover span{color:#ffffff; background:#9C8788 !important;}
.menufooter :hover > a {color:#fad417;background:#9C8788; background:#9C8788; font-weight:bold;}
.menufooter :hover > a span{color:#ffffff; background:#9C8788 !important;}
/* second */
.menufooter ul ul a:hover{color:#ffffff;background:#9C8788;}
.menufooter ul ul :hover > a {color:#ffffff;background:#9C8788;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menufooter ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0;width:13em;}

/* make the second level visible when hover on first level list OR link */
.memenufooternu ul li:hover ul, .menufooter ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; /*background:transparent url(http://img.aujourdhui.com/trans.gif);*/}

/* END OF FOOTER PART*/