/* ************************************************************************************* */
/*     PAGELAYOUT     */
/* ************************************************************************************* */
/* {margin:0; padding:0; border:none; font-size:1em; font-family:arial, serif; font-weight:normal; font-style:normal; text-decoration:none;} */

/*HACK IE 6 PNG
div, img {
     behavior: url(extension/vioo/design/vioo_front/stylesheets/png.htc);
}

.viooClassTestPng {
     behavior: url(extension/vioo/design/vioo_front/stylesheets/png.htc);
}*/

* { font-family:Arial, helvetica, sans-serif; font-size:12px; }
body {margin-left:20px;height:100%;color:#686D6F;width:1000px;margin-left:auto;margin-right:auto;z-index:-1;}

a img {border:none;}
.viooClearer { clear:both; }
a { color:#686D6F; }

a.lineHover:hover { text-decoration:underline; }

div#viooGlobalContainer {float:left;width:1000px;position:relative;padding:0 18px 0 19px;}
div#viooGlobalContainer #viooHeaderGlobal {float:left;width:1000px;height:165px;position:relative;}
div#viooGlobalContainer .viooGlobal963 {float:left;width:963px;}
div#viooResultContent {float:left;position:relative;top:0px;width:963px;background:#FAF9F9;}
div#viooResultContentViooTv {float:left;position:relative;top:35px;_top:0px;width:963px;}

/*
*/
form#SubscribeToGroupForm { display: none; }

form#UnsubscribeFromGroupForm { display: none; }

.path {clear:both;color:#686D6F;padding:35px 0pt 10px 9px;position:relative;width:954px;margin:0 0 -10px 0;*margin:0 0 17px 0;_margin:0 0 3px 0;*padding:10px 0 10px 9px;top:-10px;*top:17px;_top:3px;}
.pathHome {clear:both;color:#686D6F;padding:20px 0pt 10px 9px;position:relative;width:954px;margin:0 0 -10px 0;top:-10px;*padding:10px 0pt 20px 9px;*top:-9px;_top:-23px;_margin:0 0 -23px 0;}
.pathTv {clear:both;padding:20px 0pt 10px 9px;position:relative;width:954px;color:#fff;margin:0 0 -10px 0;top:-10px;}
.path .pathPos, .pathHome .pathPos {position:relative;}

.pathUser {clear:both;color:#686D6F; height:30px !important; float:left; padding-top:0; margin-top:-10px; width:963px;}
html:first-child .pathUser {clear:both;color:#686D6F;height:70px;position:relative;padding-top:0;top:0;width:963px;}
.pathUser .pathUserPos {top:35px !important;top:25px;margin:10px 0 0 9px;}

/* TEXT */
.viooTextG70 {font:normal 70px Georgia, sans-serif;}
.viooTextG39i {font:italic 39px Georgia, sans-serif;}
.viooTextG39 {font:bold 39px Georgia, sans-serif;}
.viooTextG38 {font:normal 38px Georgia, sans-serif;}
.viooTextG30b {font:bold 30px Georgia, sans-serif;}
.viooTextG32 {font:normal 32px Georgia, sans-serif;}
.viooTextG30 {font:normal 30px Georgia, sans-serif;}
.viooTextG28 {font:normal 28px Georgia, sans-serif;}
.viooTextG26 {font:normal 26px Georgia, sans-serif;}
.viooTextG24i {font:italic 24px Georgia, sans-serif;}
.viooTextG24 {font:normal 24px Georgia, sans-serif;}
.viooTextG22 {font:normal 22px Georgia, sans-serif;}
.viooTextG21 {font:normal 21px Georgia, sans-serif;}
.viooTextG20 {font:normal 20px Georgia, sans-serif;}
.viooTextG18b {font:bold 18px Georgia, sans-serif;}
.viooTextG18 {font:normal 18px Georgia, sans-serif;}
.viooTextG16b {font:bold 16px Georgia, sans-serif;}
.viooTextG16 {font:normal 16px Georgia, sans-serif;}
.viooTextG14b {font:bold 14px Georgia, sans-serif;}
.viooTextG14 {font:normal 14px Georgia, sans-serif;}
.viooTextG12 {font:normal 12px Georgia, sans-serif;}
.viooTextG11 {font:normal 11px Georgia, sans-serif;}
.viooTextG10i {font:italic 10px Georgia, sans-serif;}


.viooTextA30b {font:bold 30px Arial, sans-serif;}
.viooTextA30 {font:normal 30px Arial, sans-serif;}
.viooTextA28b {font:bold 28px Arial, sans-serif;}
.viooTextA25b {font:bold 25px Arial, sans-serif;}
.viooTextA24 {font:normal 24px Arial, sans-serif;}
.viooTextA22b {font:bold 22px Arial, sans-serif;}
.viooTextA20b {font:bold 20px Arial, sans-serif;}
.viooTextA18 {font:normal 18px Arial, sans-serif;}
.viooTextA18b {font:bold 18px Arial, sans-serif;}
.viooTextA16 {font:normal 16px Arial, sans-serif;}
.viooTextA16b {font:bold 16px Arial, sans-serif;}
.viooTextA14 {font:normal 14px Arial, sans-serif;}
.viooTextA14b {font:bold 14px Arial, sans-serif;}
.viooTextA14bi {font:bold italic 14px Arial, sans-serif;}
.viooTextA13 {font:normal 13px Arial, sans-serif;}
.viooTextA13b {font:bold 13px Arial, sans-serif;}
.viooTextA12 {font:normal 12px Arial, sans-serif;}
.viooTextA12b {font:bold 12px Arial, sans-serif;}
.viooTextA12i {font:italic 12px Arial, sans-serif;}
.viooTextA12bi {font:bold italic 12px Arial, sans-serif;}
.viooTextA11 {font:normal 11px Arial, sans-serif;}
.viooTextA11i {font:italic 11px Arial, sans-serif;}
.viooTextA11b {font:bold 11px Arial, sans-serif;}
.viooTextA10 {font:normal 10px Arial, sans-serif;}
.viooTextA10b {font:bold 10px Arial, sans-serif;}
.viooTextA10i {font:italic 10px Arial, sans-serif;}
.viooTextA10bi {font:bold italic 10px Arial, sans-serif;}
.viooTextA9b {font:bold 9px Arial, sans-serif;}
.viooTextA9 {font:normal 9px Arial, sans-serif;}
.viooTextA8 {font:normal 8px Arial, sans-serif;}


/* BUTTONS */

.viooBtn16 { float:left; height:16px; margin:10px 10px 0 0; background:transparent; }
	.viooBtnBorder16 { float:left; width:1px; height:14px; margin-top:1px; }
	.viooBtnContent16 { float:left; height:16px; padding:0 10px 0 10px; }
		.viooBtnContent16 span { float:left; display:block; line-height:3px; width:10px; height:12px !important; height:10px; padding:5px 0 0 0; font-weight:bold; color:#FFFFFF; }
	.viooBtn16 a { text-decoration:none; line-height:15px; }

.viooBtn17 { float:left; height:17px; margin:10px 10px 0 0; background:transparent; }
	.viooBtnBorder17 { float:left; width:1px; height:15px; margin-top:1px; }
	.viooBtnContent17 { float:left; height:17px; padding:0 10px 0 10px; }
		.viooBtnContent17 span { float:left; display:block; line-height:3px; width:10px; height:14px !important; height:12px; padding:5px 0 0 0; font-weight:bold; color:#FFFFFF; }
	.viooBtn17 a { text-decoration:none; line-height:15px; }

.viooBtn18 { float:left; height:18px; margin:10px 10px 0 0; background:transparent; }
	.viooBtnBorder18 { float:left; width:1px; height:16px; margin-top:1px; }
	.viooBtnContent18 { float:left; height:18px; padding:0 10px 0 10px;  }
		.viooBtnContent18 span { float:left; display:block; line-height:3px; width:10px; height:16px !important; height:12px; padding:5px 0 0 0; font-weight:bold; color:#FFFFFF; }
	.viooBtn18 a { text-decoration:none; line-height:16px; }

.viooBtn20 { float:left; height:20px; margin:10px 10px 0 0; background:transparent; }
	.viooBtnBorder20 { float:left; width:1px; height:18px; margin-top:1px; }
	.viooBtnContent20 { float:left; height:20px; padding:0 10px 0 10px; }
		.viooBtnContent20 span { float:left; display:block; line-height:4px; width:10px; height:18px !important; height:14px; padding:6px 0 0 0; font-weight:bold; color:#FFFFFF; }
	.viooBtn20 a { text-decoration:none; line-height:18px; } 

.viooBtn22 { float:left; height:22px; margin:10px 10px 0 0; background:transparent; }
	.viooBtnBorder22 { float:left; width:1px; height:20px; margin-top:1px; }
	.viooBtnContent22 { float:left; height:22px; padding:0 10px 0 10px; }
		.viooBtnContent22 span { float:left; display:block; line-height:4px; width:10px; height:20px !important; height:16px; padding:6px 0 0 0; font-weight:bold; color:#FFFFFF; }
	.viooBtn22 a { text-decoration:none; line-height:20px; }



/* BOX SEARCH */

#viooBoxSearchHappyContent {float:left;position:relative;top:-15px;width:324px;height:129px;margin-top:0px;}
.viooBoxSearchHappyForm {float:left;margin-top:80px;margin-left:15px;}

#viooBoxSearchRestaurantContent {float:left;position:relative;top:-10px;width:324px;height:124px;}
.viooBoxSearchRestaurantForm {float:left;margin-top:80px;margin-left:15px;}

#viooBoxSearchRecetteContent {float:left;position:relative;top:-10px;width:324px;height:125px;}
.viooBoxSearchRecetteForm {float:left;margin-top:80px;margin-left:15px;}

input.viooBoxSearchInputText {border-style:inset;border-width:1px;width:170px;}

.viooBoxSearchBtn17 {float:left;height:17px;margin-left:5px;background:transparent;}
.viooBoxSearchBtn17 .viooBtnBorder17 {float:left;width:1px;height:15px;margin-top:1px;}
.viooBoxSearchBtn17 .viooBtnContent17 {float:left;height:17px;padding:0 5px;}
.viooBoxSearchBtn17 .viooBtnContent17 span {float:left;display:block;line-height:4px;width:10px;height:15px;padding:4px 0 0 0;}
.viooBoxSearchBtn17 .viooBtn17 a {text-decoration:none;line-height:15px;}


/* THEME GENERIC */
#viooThemeGenericGlobal {position:relative;width:963px;padding:0;background:#faf9f9;float:left;}
#viooThemeLeftColumn {float:left;width:622px; _width:610px;margin-left:8px;padding:0;background:transparent;display:inline;}
#viooThemeRightHomeColumn {position:relative; right:-1px; _right:0px; top:9px;width:324px;background:transparent;float:left;}
#viooThemeRightColumn { position:relative; right:0px; top:0px;width:324px;background:transparent;float:left;}

#viooThemeLeftColumn #viooThemeHotColumn {float:left;width:622px; _width:610px;border:1px solid #e9e8e7;background:#FFFFFF;margin:0 0 9px 0;padding-top:9px;}
#viooThemeLeftColumn #viooThemeHotHomeColumn {float:left;width:622px;border:0;background:transparent;margin:0 0 9px 0;padding-top:9px;}

#viooThemeHotColumn .viooThemeHotLatelyTitle, #viooThemeHotHomeColumn .viooThemeHotLatelyTitle {position:relative;padding:9px 0 6px 9px;}
#viooThemeHotColumn .viooThemeHotSeparateColumn, #viooThemeHotHomeColumn .viooThemeHotSeparateColumn {float:left;width:9px;}
#viooThemeHotHomeColumn .viooThemeHotRightColumn{float:left;width:188px;margin:-10px 0 0 9px;background:transparent;}
#viooThemeHotColumn .viooThemeHotRightColumn{float:left;width:188px;margin:0 0 0 12px;_margin:0 0 0 2px;background:transparent;}
/*.viooThemeHotRightColumnImg {padding:4px 0 0 1px; border-top:1px solid #E9E8E7; border-left:1px solid #E9E8E7; border-right:1px solid #E9E8E7; margin:0 0 10px 0;}
.viooThemeHotRightColumnImgTitle {margin:0 0 0 9px !important; margin:0 0 0 6px; position:relative;}
*/
.viooThemeHotRightColumnImg {background:transparent url(../images/group/createmagRightHome.png) 0 0 no-repeat; padding:4px 0 0 1px; border-top:1px solid #E9E8E7; border-left:1px solid #E9E8E7; border-right:1px solid #E9E8E7; margin:0 0 -20px 0; width:186px; height:98px;}
/*.viooThemeHotRightColumnImgTitle {background:transparent url(../images/group/createmagRightTitleHome.png) 0 0 no-repeat; margin:0 0 0 9px !important; margin:0 0 0 6px; position:relative; width:189px; height:42px; left:415px; _left:6px;}*/
.viooThemeHotRightColumnImgTitle {background:transparent url(../images/group/createmagRightTitleHome.png) 0 0 no-repeat; margin:-24px 0 0 424px !important; margin:-24px 0 0 12px; position:relative; width:189px; height:42px; left:0 !important; left:6px;}


#viooThemeLeftColumn #viooThemeAdditionalColumn {position:relative;width:610px;height:184px;border:1px solid #e9e8e7;background:#fff;clear:left;}
#viooThemeLeftColumn #viooThemeAdditionalColumnLeft {position:relative;width:610px;height:auto;border:1px solid #e9e8e7;background:#fff;clear:left;}

#viooThemeAdditionalColumn .viooThemeHotLatelyTitle {position:relative;padding:9px 0 6px 9px;}
#viooThemeAdditionalColumn .viooThemeHotLatelyContent {position:relative;padding:0;}
.viooAdditionalBtnLeftPosition {width:31px;float:left;margin-top:32px;}
.viooAdditionalBtnRightPosition {width:31px;float:right;margin-top:32px;}

#viooThemeLeftColumn #viooThemeColdColumn {float:left;width:612px;margin-top:9px;/*display:block;position:relative;clear:left;*/}

.Theme-sub-theme-list {position:relative;width:963px;margin:0;padding:40px 9px 0 9px;background:#fff;}

/*THEME GENERIC VIOO TV*/
#viooThemeLeftColumn #viooTvThemeHotColumn {float:left;width:610px;background:transparent;margin:0 0 9px 0;margin-left:-10px;padding-top:9px;}
#viooTvThemeHotColumn .viooThemeHotLatelyTitle, #viooThemeHotHomeColumn .viooThemeHotLatelyTitle {position:relative;padding:9px 0 6px 9px;}
#viooTvThemeHotColumn .viooThemeHotSeparateColumn, #viooThemeHotHomeColumn .viooThemeHotSeparateColumn {float:left;width:9px;}
#viooTvThemeHotColumn .viooThemeHotRightColumn{float:left;width:188px;margin:0 0 0 12px;_margin:0 0 0 2px;background:transparent;}

/* SUBTHEME GENERIC */
#viooSubThemeGenericGlobal {position:relative;width:963px;padding:0;background:#faf9f9;}
#viooSubThemeLeftColumn {float:left;width:612px;margin-left:9px;padding:0;background:#faf9f9;}
#viooSubThemeRightColumn {float:left;width:324px;background:#fff;margin-left:9px;}

#viooSubThemeLeftColumn #viooSubThemeHotColumn {float:left;width:610px;border:1px solid #e9e8e7;background:#fff;margin-bottom:9px;}

.Theme-sub-theme-list {position:relative;width:963px;margin:0;padding:40px 9px 0 9px;background:#fff;}

/* TV SUMMARY */

#viooThemeColdColumn .viooTvSummary {float:left;width:412px;padding:0;background:#fff;border:1px solid #e9e8e7;margin-bottom:9px; }
.viooTvSummaryTitle { width:390px;}
.viooTvSummaryTitle a {padding:3px 9px 0 0;text-decoration:none;}
.viooTvSummaryInfos { float:left; width:396px; height:52px; }
.viooTvSummaryInfos .viooBtn18 span{height:12px;}
.viooTvSummaryContent { float:left; display:inline; padding:8px; margin:9px 0;}
#viooThemeHotHomeColumn .viooTvSummaryContent {  float:left; display:inline; padding:6px;  margin:9px 0;border:1px solid #E9E8E7; background:#FFFFFF;}
.viooTvSummaryInfosLeft { float:left; width:8px; height:40px; border-top:solid 1px #aaaf9f; border-bottom:solid 1px #aaaf9f; margin-top:5px; }
.viooTvSummaryInfosMiddle {  float:left; width:52px; height:52px; background:transparent url(../images/viootv/SummaryInfosMiddleBg.png) 0 0 no-repeat; }
.viooTvSummaryInfosRight { float:left; width:334px; height:40px; border-top:solid 1px #aaaf9f; border-bottom:solid 1px #aaaf9f; margin-top:5px; }
.viooTvSummarySmallVideo { float:left; display:inline; width:196px !important;width:194px; margin:12px 0 0 2px !important; margin:12px 0 0 0; padding:0 !important; padding:0 0 0 1px;}
.viooTvSummarySmallVideo embed { width:190px; height:149px; }
.viooTvSummarySmallVideoTitle { display:block; width:180px; padding:10px 0 10px 8px; }

#viooThemeColdColumn .viooThemeColdLeftColumn {/*display:block;position:relative;*/float:left;width:412px;background:transparent;}
#viooThemeColdColumn .viooThemeColdRightColumn {/*display:block;position:relative;*/float:left;width:189px;background:transparent;margin-left:11px; _margin-left:9px;}

/* ARTICLE HOMEPAGE */
#viooHomePageArticle {width:396px;height:273px;_height:278px; padding:8px; border:1px solid #E9E8E7;background:#FFFFFF;}
#viooHomePageArticle .viooHomePageArticleBgColor{position:absolute;top:280px;display:block;left:17px;width:396px;height:10px;}
#viooHomePageArticle .viooHomePageArticleTitle {padding-left:3px;}
#viooHomePageArticle .viooHomePageArticleContentImage {float:left;padding:8px 0 0 0;}
#viooHomePageArticle .viooHomePageArticleSlideImage {position:absolute;left:310px;top:15px;}

/* ARTICLE SUMMARY */
#viooThemeHotColumn .viooArticleSummary, #viooThemeHotHomeColumn .viooArticleSummary {display:block;float:left;width:396px;padding:0 12px 0 9px;background:#fff;border-right: 1px solid #ccc;}
/*.viooArticleSummaryTitle a.style {padding:3px 9px 0 0;text-decoration:none;}*/
.viooArticleSummaryImage {float:left;padding:3px 5px 0 0;}
.viooArticleSummaryTime {padding-bottom:10px;}

.viooArticleSummaryBtn {padding-top:5px;margin:0;}
.viooArticleSummaryBtn .BtnMarg {margin-right:5px;}


.viooArticleSummaryReaction {width:375px;text-align:center;margin:auto;}
.viooArticleSummaryReaction ul {list-style:none;display:block;}
.viooArticleSummaryReaction ul li {float:left;}
.viooReactionBull {background:transparent url(../images/article/bull-comment.gif) 0 0 no-repeat;width:81px;height:68px;margin-right:15px;}

.viooReactionWording {text-align:left;width:279px;}
.viooReactionWording span {float:left;text-align:left;}
.viooTextReactionRead a {text-decoration:underline;}

/* ARTICLE TOP */

#viooSubThemeHotColumn .viooArticleTopSummary {display:block;float:left;width:396px;padding:0 9px 0 9px;background:#fff;border-right: 1px solid #ccc;}
/*.viooArticleSummaryTitle a.style {padding:3px 9px 0 0;text-decoration:none;}*/
.viooArticleSummaryImage {float:left;padding:3px 5px 0 0;}

.viooArticleSummaryBtn {padding-top:5px;margin:0;}
.viooArticleSummaryBtn .BtnMarg {margin-right:5px;}


/* ARTICLE */

#viooArticleGlobal {float:left;width:963px;padding:0;background:#faf9f9;}
#viooArticleLeftContent {float:left;width:610px;*width:612px;margin-left:9px;padding:0;background:#fff;border:1px solid #e9e8e7;}
#viooArticleLeftContentList {float:left;width:610px;*width:612px;margin-left:9px;padding:0;}
#viooArticleContentPad {padding:8px 8px 8px 8px;background:#fff;zoom:1;}
#viooArticleContentPadList {padding: 0 0 0 8px;}


.viooArticleTop {display:block;width:596px;height:37px;margin:0;margin-bottom:13px;}
.viooArticleBlocPho {display:block;position:relative;float:left;padding:6px 10px 0 10px;}
.viooArticlePho {background:transparent url(../images/common/photo.jpg) 0 0 no-repeat;width:25px;height:25px;}
.viooArticleBlocBy {display:block;position:relative;float:left;padding-top:3px;}
.viooArticleBlocLnk {display:block;position:relative;float:right;width:360px;height:15px;padding-top:12px;text-align:right;}
.viooArticleBlocLnk a {text-decoration:none;color:#72777a; margin:0 5px 0 5px; }
.viooArticleBlocOptions { float:left; width:; }
.viooArticleImg396 {float:left;width:396px;height:541px;padding:0;margin:0 30px 40px 0;}
.viooArticleWordingCont {margin:0;padding:0;}

/*.viooArticleArticle {width:596px;padding:0;margin:0;}
.viooArticleWordingSummary {float:right;width:165px;background:#fcf6fa;text-align:center;margin-bottom:10px;}
.viooArticleWordingSummaryTitle {line-height:20px;border-bottom:solid 1px #ccc7ca;}
.viooArticleImg {float:left;padding:0;margin:5px 5px 5px 0;}*/

.viooArticlePagination {float:left;width:100%;margin:0;padding:0;}
	.viooArticlePrevious {float:left;margin:0px 0px 0px 10px;} /* Sub Article */
	.viooArticleNext {float:right;}

.viooArticleNav {display:block;background:transparent url(../images/article/bg_articleNav.gif) 0 0 no-repeat;width:100%;height:213px;}
.viooArticleNavContent {display:block;z-index:5;padding:35px 0 0 15px;}
.viooArticleNavContent p {float:left;}
.viooArticleNavBtnPrev {display:block;float:left;padding-top:3px;background:transparent url(../images/article/btn-prev.gif) 0 0 no-repeat;width:33px;height:31px;cursor:pointer;}
.viooArticleNavPrev {display:block;float:left;margin-left:10px;width:145px;}
.viooArticleNavVote {display:block;float:left;margin-left:20px;width:155px;}
.viooArticleNavVote span {float:left;}
.viooArticleNavVote a {text-decoration:none;}
.viooArticleNavNext {display:block;float:left;margin-left:25px;width:145px;}
.viooArticleNavBtnNext {display:block;float:left;padding:0;background:transparent url(../images/article/btn-next.gif) 0 0 no-repeat;width:33px;height:31px;cursor:pointer;}
.viooArticleNavPrev a, .viooArticleNavNext a {display:block;margin-top:10px;text-decoration:none;}

.viooArticleReac {width:200px;height:auto;}
.viooArticleReacBtn {padding:0;margin:0;}
.viooArticleReacBtn dd {display:block;height:20px;padding-top:5px;}
.viooArticleReacBtn dd a {text-decoration:none;}
.viooArticleReacBtn dd span {float:left;height:20px;cursor:pointer;}
span.viooBtnB20-1L {background:transparent url(../images/article/btn20Gl.gif) 0 0 no-repeat;width:14px;}
span.viooBtnB20-1M {background:#9e9e9e;font:bold 14px Arial, sans-serif;color:#fff;}
span.viooBtnB20-1R {background:transparent url(../images/article/btn20Gr.gif) 0 0 no-repeat;width:10px;}
/*
#viooArticleReacMenuLastOn {display:block;width:596px;}
#viooArticleReacMenuAllOn {display:block;width:596px;visibility:hidden;}
.viooArticleReacMenu ul {display:block;height:32px;list-style:none;}
.viooArticleReacMenu ul li {float:left;height:32px;text-align:center;}
.viooArticleReacMenu ul li.current {height:30px;border-top:1px solid #686d6f;border-bottom:4px solid #fff;}
.viooArticleReacMenu ul li.current span {font-weight:bold;}
li.viooArticleReacMenuLeft {width:328px;border-bottom:4px solid #686d6f;}
li.viooArticleReacMenuLast {border-bottom:4px solid #686d6f;}
li.viooArticleReacMenuLast a, li.viooArticleReacMenuAll a {text-decoration:none;}
li.viooArticleReacMenuLast span, li.viooArticleReacMenuAll span {display:block;margin-top:6px;padding:0 10px 0 10px;}
li.viooArticleReacMenuAll {border-bottom:4px solid #686d6f;}
*/

#viooArticleReacMenuLastOn {display:block;width:596px;}
#viooArticleReacMenuAllOn {display:none;width:596px;}
.viooArticleReacMenu ul {display:block;height:32px;list-style:none;}
.viooArticleReacMenu ul li {float:left;height:32px;text-align:center;}
.viooArticleReacMenu ul li.current {height:30px;border-top:1px solid #686d6f;}
li.viooArticleReacMenuLast span, li.viooArticleReacMenuAll span {display:block;margin-top:6px;padding:0 10px 0 10px;}
.viooArticleReacMenu ul li.current span {font-weight:bold;}
#viooArticleReacMenuLastOn .viooArticleReacMenu li.viooArticleReacMenuAll {border-bottom:4px solid #686d6f;border-left:1px solid #686d6f;}
#viooArticleReacMenuAllOn .viooArticleReacMenu li.viooArticleReacMenuLast {border-bottom:4px solid #686d6f;border-right:1px solid #686d6f;}
li.viooArticleReacMenuLastOnLeft {width:328px;border-right:1px solid #686d6f;border-bottom:4px solid #686d6f;}
li.viooArticleReacMenuAllOnLeft {width:328px;border-bottom:4px solid #686d6f;}
li.viooArticleReacMenuLastOnRight {width:10px;border-bottom:4px solid #686d6f;}
li.viooArticleReacMenuAllOnRight {width:10px;border-left:1px solid #686d6f;border-bottom:4px solid #686d6f;}
li.viooArticleReacMenuLast a, li.viooArticleReacMenuAll a {text-decoration:none;}
li.viooArticleReacMenuLast span, li.viooArticleReacMenuAll span {display:block;margin-top:6px;}


.viooArticleCommentContent {float:left;width:596px;padding:18px 0;margin:0;}
.viooArticleCommentBy {float:left;text-align:right;width:125px;margin-right:5px;}
.viooArticleCommentPict {float:left;width:48px;height:48px;}
.viooArticleCommentWording {float:left;width:375px;margin-left:35px;}

.viooArticleReacSeparate {width:596px;height:21px;background:transparent url(../images/article/dot_comment.gif) 0 0 repeat-x;}

.viooArticleReagContent {display:block;width:596px;}
.viooArticleReagPho {float:left;width:92px;height:92px;background:transparent url(../images/article/commentPho.gif) 0 0 no-repeat;}
.viooArticleReagComment {float:left;width:501px;margin-left:3px;}
	.viooArticleReagCommentTop {width:501px;height:41px;background:transparent url(../images/article/top_reag.gif) 0 0 no-repeat;}
		.viooArticleReagCommentMarg {display:block;padding-top:8px;}
		.viooArticleReagCommentTop a span {color:#fff;text-decoration:underline;}
	.viooArticleReagCommentFormCont {float:right;width:485px;background:#f5f5f5;height:auto;padding:0;}
		.viooArticleReagCommentForm {text-align:center;margin:0;}
			.viooArticleReagCommentForm textarea {border:1px;width:430px;height:150px;margin-top:10px;}
	.viooArticleReagCommentBottom {float:right;width:485px;height:10px;background:transparent url(../images/article/bottom_reag.gif) 0 0 no-repeat;}}
	.viooArticleReagBtnCont {position:relative;;float:left;width:485px;padding:0;}
	.viooArticleReagBtnCont2 {height:32px;margin-left:16px;background:#f5f5f5;}
		.viooArticleReagBtn {margin-left:140px;*margin-left:120px;}
			.viooArticleReagBtnCont /*.viooBtn22*/ .viooBtnBorder22 { float:left; width:1px; height:20px; margin-top:1px; }
			.viooArticleReagBtnCont /*.viooBtn22*/ .viooBtnContent22 { float:left; height:22px; padding:0 10px 0 10px; }
			.viooArticleReagBtnCont /*.viooBtn22*/ .viooBtn22 a { text-decoration:none; line-height:20px; }
			.viooArticleReagBtnCont /*.viooBtn22*/ input { text-decoration:none; line-height:20px; }

			/*<div class="viooArticleReagBtnCont viooArticleReagBtnCont2">
							<div class="viooArticleReagBtn viooBtn22 viooCol10">
								<div class="viooBtnBorder22 viooBgCol2Common"></div>
								<div class="viooBtnContent22 viooBgCol2Common"><input class="viooCol10 viooTextA12b viooBgCol2Common" style="cursor:pointer;" type="submit" name="AddComment" value="{'&raquo; Postez votre commentaire'|i18n( 'design/ezwebin/full/article_common_mainpage' )}" /></div>
								<div class="viooBtnBorder22 viooBgCol2Common" style="float:left;"></div>
							</div>
						</div>*/

/* ARTICLES LIST */

#viooArticleListGlobal {position:relative;width:963px;padding:0;background:#faf9f9;}
#viooArticleListLeftColumn {float:left;width:612px;margin-left:9px;padding:0;background:#faf9f9;}
#viooArticleListRightColumn {float:left;width:324px;background:#fff;margin-left:9px;}

#viooArticleListLeftColumn #viooArticleListHotColumn {display:block;float:left;width:610px;border:1px solid #e9e8e7;background:#fff;margin-bottom:9px;}






/*
.viooArticleTitle {display:block;position:relative;width:596px;padding:4px 0 0 9px;margin-bottom:13px;}

.viooArticleTop {display:block;width:596px;height:37px;margin:0;margin-bottom:13px;}
.viooArticleBlocPho {display:block;position:relative;float:left;padding:6px 10px 0 10px;}
.viooArticlePho {background:transparent url(../images/common/photo.jpg) 0 0 no-repeat;width:25px;height:25px;}
.viooArticleBlocBy {display:block;position:relative;float:left;padding-top:3px;}
.viooArticleBlocLnk {display:block;position:relative;float:right;padding-top:12px;}
.viooArticleBlocLnk a {text-decoration:none;color:#72777a;}

.viooArticleArticle {width:596px;padding:0;margin:0;}
.viooArticleImg396 {float:left;width:396px;height:541px;padding:0;margin:0 30px 40px 0;}
.viooArticleWordingCont {margin:0;padding:0;}
.viooArticleWordingSummary {float:right;width:165px;background:#fcf6fa;text-align:center;margin-bottom:10px;}
.viooArticleWordingSummaryTitle {line-height:20px;border-bottom:solid 1px #ccc7ca;}
.viooArticleImg {float:left;padding:0;margin:5px 0;} */



/* RECETTE */

.viooRecetteSummaryCont {float:left;}
.viooRecetteWordingSummary {width:165px;background:#f8f5e6;text-align:center;margin-bottom:10px;}
.viooRecetteWordingBody {float:left;width:406px;margin-bottom:10px;margin-left:25px;}

/* QUIZ */

.viooQuizTitle {float:left;display:block;width:449px;padding:4px 20px 0 9px;margin-bottom:13px;}
.viooQuizTheme {float:left;display:block;width:55px;padding-right:6px;}
.viooQuizPict {float:left;display:block;width:66px;}

/* TEST */

.viooTestEtoile { width:96px; height:98px; left:516px; position:absolute; top:-30px; }

.viooTestTitleBloc {display:block;position:relative;width:596px;}
.viooTestTitle {display:block;position:relative;width:490px;padding:4px 0 0 9px;margin-bottom:13px;}
.viooTestTitle .style {background:transparent url(../images/profils/bgHachure.gif) 0 0  repeat;text-decoration:none;line-height:33px;}
/*.viooTestTitle {float:left;display:block;width:477px;padding:4px 0 0 9px;margin-bottom:13px;}*/
.viooTestPict {float:left;width:99px;}

.viooTestDesc {position:relative;}
.viooSurveyQuestion {float:left;width:594px;}

.viooQuestionBlock { display:block;	}
.viooSurveyQuestionBlockInvisible { display:none; }
.viooSurveyQuestionBlockVisible { display:block; }

.viooBtnTest { float:left; display:block; width:414px; height:auto; margin:10px 0px 2px 44px; cursor:pointer; }
	.viooBtnTestCornerLeft { display:block; float:left; width:1px; height:1px;  background:#ffffff; }
	.viooBtnTestCornerRight { display:block; float:right; width:1px; height:1px;  background:#ffffff; }
	.viooBtnTestContent { display:block; float:left; width:414px; height:auto; }

.viooBtnTestResponse { float:left; width:180px; height:20px; margin:40px 0 0 207px; background:transparent; }
	.viooBtnTestResponseBorder { float:left; width:1px; height:18px; margin-top:1px; }
	.viooBtnTestResponseContent { float:left; width:178px; height:20px; }
		.viooBtnTestResponseContent span { line-height:4px; width:10px; height:18px; padding:6px 3px 0 0; font-weight:bold; color:#FFFFFF; }
	.viooBtnTestResponse a { display:block; text-decoration:none; line-height:18px; width:94px; margin-left:auto; margin-right:auto; }

.viooTestLabel { display:block; width:374px; margin-left:10px; float:left; /*cursor:pointer;*/ line-height:18px; }

#viooBtnTestValidate { margin-left:400px;}
	
a.viooTestLink { display:block; float:left; width:360px; margin-top:2px;margin-left:8px;  }
a.viooTestLink2 { display:block; float:left;  width:20px;  }
.viooTestFleche1 { display:block; float:right; margin-right:16px; }

.viooTestReponseGlobal { float:left; background:#faf8f9; width:574px; height:30px; margin:10px 0; padding:10px; }
.viooTestReponse { font-style:bold; display:none; }
.viooTestReponseR { display:block; margin-left:20px; font-style:normal; }
.viooTestReponseAuTest { background:#f6e6f1 url(../images/test/viooTestResult.png) no-repeat;float:left;width:592px; }
.viooTestReponseAuTestContenu { margin:34px 10px 10px 10px; }
.viooTestReponseAuxAutresTests { background:#faf8f9 url(../images/test/viooTestResultHidden.png) no-repeat; float:left; width:592px; margin-top:16px; }
.viooTestReponseAuxAutresTestsContenu { margin:48px 10px 10px 10px; }

.viooTestImage { float:left; width:594px; height:245px; }

/* ASTUCE - News */

.viooNewsTitle {float:left;display:block;width:430px;padding:4px 20px 0 9px;margin-bottom:13px;}
.viooNewsPict {float:right;display:block;width:146px;}


/* COMMENT READ */

.viooCommentContent {float:left;width:596px;padding:18px 0;margin:0;}
.viooCommentContentGrey {float:left;width:596px;padding:18px 0;margin:0;background:#f5f5f5;}
	.viooCommentBy {float:left;text-align:right;width:125px;margin-right:5px;}
	.viooCommentPict {float:left;width:48px;height:48px;}
	.viooCommentWording {float:left;width:375px;margin-left:35px;}
.viooCommentLine {float:left;width:596px;height:1px;background:transparent url(../images/common/dotGrey.gif) bottom left repeat-x;margin-top:9px;margin-bottom:9px;}

/* COMMENT EDIT */

.viooReagContent {display:block;width:596px;}
.viooReagPho {float:left;width:92px;height:92px;background:transparent url(../images/article/commentPho.gif) 0 0 no-repeat;}
.viooReagComment {float:left;width:501px;margin-left:3px;}
	.viooReagCommentTop {width:501px;height:41px;background:transparent url(../images/article/top_reag.gif) 0 0 no-repeat;}
		.viooReagCommentMarg {display:block;padding-top:8px;}
		.viooReagCommentTop a span {color:#fff;text-decoration:underline;}
	.viooReagCommentFormCont {float:right;width:485px;background:#f5f5f5;height:auto;padding:0;}
		.viooReagCommentForm {text-align:center;margin:0;}
			.viooReagCommentForm textarea {border:1px;width:430px;height:150px;margin-top:10px;}
	.viooReagCommentBottom {float:right;width:485px;height:10px;background:transparent url(../images/article/bottom_reag.gif) 0 0 no-repeat;}
	.viooReagBtnCont {float:left;width:485px;padding:0;}
	.viooReagBtnCont2 {height:32px;margin-left:16px;background:#f5f5f5;}
		.viooReagBtn {width:430px;text-align:center;margin-left:17px;}
		.viooReagBtnCont .viooBtn22 { float:left; width:430px; height:22px; background:#f5f5f5; }
			.viooReagBtnCont .viooBtn22 .viooBtnBorder22 { float:left; width:1px; height:20px; margin-top:1px; }
			.viooReagBtnCont .viooBtn22 .viooBtnContent22 { float:left; height:22px; padding:0 130px 0 130px; }
			.viooReagBtnCont .viooBtn22 .viooBtn22 a { text-decoration:none; line-height:20px; }



/* RIGHT COLUMN */
.viooRightCommercial {width:324px;padding:20px 12px 20px 12px;background:#fff;border:1px solid #eaebec;}

.viooQuestionBlock {display:block}

/* TITREGRISE */
#viooBlocTitreGrise{float:left;background:transparent url(../images/profils/bgHachure.gif) 0 0  repeat;margin:8px 0px 0px 8px;}
.viooTitreGrise{margin:0px 10px 5px 10px;}

/* AUTRUCHE LAYER */
.loadingAutruche {background:transparent url(../images/common/loadder110ok.gif) no-repeat scroll right center;height:110px;padding:170px 0pt;width:320px;}

/*HACK IE 6 PNG*/
.viooPng {
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


.viooPng a, .viooPng input, .viooPng textarea {_position:relative;_z-index:1;}
#viooBoxSearchHappyContent .viooPng a, #viooBoxSearchHappyContent .viooPng input, #viooBoxSearchHappyContent .viooPng textarea {position:relative; z-index:1;}


/***FORGOT PASSWORD**/
#viooPasswordGlobal { float:left; position:relative; width:963px; padding-top:33px; }
.viooPasswordLeft { float:left; width:700px; border:1px solid #e9e8e7; margin-left:9px; padding:0; }
.viooPasswordBoxGlobal { float:left; padding:19px 9px 90px 9px; }
.viooPasswordBoxGlobal h1 { margin-bottom:45px; }
.viooPasswordBoxGlobal h2 { margin-bottom:5px; width:592px; }

.viooPasswordInputPart1 input{ float:left; width:180px; height: 20px; margin:0 9px 0 10px; padding:0; font:normal 13px Arial, sans-serif;color:#686d6f;border-top:2px solid #969696;border-left:2px solid #969696; border-bottom:2px solid #fbfbfb; border-right:2px solid #fbfbfb; text-align:left;}
.viooPasswordInputPart1 label { float:left; width:70px; height: 18px; margin:2px 0 0 0; padding:0; font:normal 13px Arial, sans-serif; color:#686D6F;  text-align:right; }