/********************* CSS initialization **************/
/*bodybg : background: #f4ddf0*/
html { width: 100%; font-size: 100%; }
body { width: 100%; font-size: 11px; margin: 0 auto; padding: 0; font-family: Verdana, century, Tahoma, Geneva, sans-serif;  background: #fff }
a {text-decoration: none; color: #76175d }
a:hover{color: #636; text-decoration: underline;}
a:visited {color:#636}
div, fieldset, form, h1, h2, h3, h4, h5, h6, img, input, p, span, ul, ol {
    border: 0;
    margin: 0;
    padding: 0;
}
h1, h2, h3 {color: #636; font-family: century}
h1 { font-size: 160% }
h2 { font-size: 135% }
h3 { font-size: 120% }
h4 { font-size: 115% }
h5 { font-size: 110% }
h6 { font-size: 105% }

label{vertical-align: top;}
table, tr, th, td {
    background: transparent;
    border: 0; 
    font-size: 100%;
    margin: 0; 
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
ul,li{list-style: none;}

/********************** Common Structure *********************/
#footer{margin: 0 auto}
#footer .background{ position: absolute;top: 0; left: 0px; width: 100%; height: 100%;z-index: 0;}
#footer img{width: 100%;}
#footer a{color: #000}
#footer a:hover{color: #fff}
#footer .copyright{text-align: center}
#footer .content{position: absolute; left: 50%; margin-left: -450px; width: 900px; padding: 20px; color: #000; z-index: 10}
#footer .head{text-align: center; font-family: century; text-transform: capitalize; font-size: 18px; padding-bottom: 5px }
#footer h3{font-size: 14px; text-decoration: underline}
#footer .links{width: 950px; margin: 0 auto}
#footer .sections{float: left; width: 33.3%;}
#footer .sections img{width: 88px}
#footer ul{margin-left: 5px; padding: 10px; font-family: arial; font-size: 12px}
#footer hr{border: dashed #636; border-width:2px 0 0 0; height:0;line-height:0px;font-size:0;margin:10px 0;padding:0;}
#footer .partnerLink{margin: 0 auto}
#footer .partnerLink span{font-size: 13px; font-family: century; font-weight: bold}
#container{background: url(../images/bg_ete.jpg) repeat-y top center}
#container #pageContent{padding-left: 40px;margin: 0px auto; width: 1040px}
#container #pageContent #main{width: 732px; float: left;}
#container #pageContent #secondary{width: 260px; float: left; margin-left: 8px}

#header {background: url(../images/bg_header.png) repeat-y;}
#header .authentication input.field{width: 100px; padding: 2px; border: 1px solid #333;  filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);-moz-opacity: 0.7 }
#header .authentication p.fieldContent{margin-top: 5px}
#header .authentication input.submit{background: #636; color: #f6f;}
#header .authentication input.submit:hover{cursor: pointer}
#header .authentication ul{padding: 5px; line-height: 20px; margin-left: 15px;}
#header .authentication ul li{list-style-image: url(../images/authentification_puce.png); text-indent: 10px}
#header .authentication, #header .links .userProfil{float: right; width: 250px; background: transparent; color: #ccc !important; text-align: left; padding-left: 5px; font-family: century;}
#header .authentication a, #header .links .userProfil a{color: #333;  padding-bottom: 2px; font-size: 13px}
#header .authentication a:hover{text-decoration: none}

#header .bannerContent{background: url(../images/bg-header.jpg) no-repeat;float: left;width: 553px; height: 123px;text-align: center}
#header .banner{margin-top: 30px}
#header .content{margin: 0 auto; height: 125px;  position: relative; width: 1020px; background: url(../images/inscription_sur_lbc.jpg) top right no-repeat}

#header .icon #home, #header .icon #forum, #header .icon #subscribe{display: block; height: 35px; overflow: hidden;position: relative; width: 32px}
#header .icon #home span{background: url(../images/icone_header.jpg) 0 0 no-repeat; height: 100%; left: 0;position: absolute;top: 0;width: 100%;}
#header .icon #forum span{background: url(../images/icone_header.jpg) -36px 0 no-repeat; height: 100%; left: 0;position: absolute;top: 0;width: 100%;}
#header .icon #subscribe span{background: url(../images/icone_header.jpg) -72px 0 no-repeat; height: 100%; left: 0;position: absolute;top: 0;width: 100%;}
#header .links{float: right; margin-left: 20px; width: 730px; text-align: center}
#header .links a{color: #636}
#header .logo{width: 200px; height: 115px; float: left}

#headerSeparation{background: url(../images/header_shadow.png) repeat-x; height: 7px; overflow: hidden;}
#headerSeparation .inside{ margin: 0 auto; height: 10px;  width: 1040px; background: url(../images/header_shadow_inside.png) no-repeat}
#header .title{text-align: center}

h1{font-size: 22px; margin-left: 10px}

/*Menu*/
#mainMenu{background: url(../images/bg_menu.png) repeat-x;margin:  auto;  width: 1020px; text-align: center; height: 30px; overflow: hidden}
#mainMenu li{float: left; margin-right: 5px; margin-left: 5px; line-height: 35px}
#mainMenu .tab a{color: #f6f; font-weight: bold;}
#mainMenu .tab a span{margin-right: 12px; padding-left: 12px}

#mainMenu .tab .guideShoping a{background: url(../images/menu.png) 100% -60px; display: block; color: #000}
#mainMenu .tab .guideShoping a span{background: url(../images/menu.png) 0 -60px; display: block; margin-right: 12px; padding-left: 12px}
    
#mainMenu .tab a:hover, #mainMenu .tab a:hover.active{background: url(../images/menu.png) 100% 0; display: block; color: #000}
#mainMenu .tab a:hover span, #mainMenu .tab a:hover.active span{background: url(../images/menu.png) 0 0; display: block; margin-right: 12px; padding-left: 12px}

#mainMenu .tab a.active{background: url(../images/menu.png) 100% -30px; display: block; color: #000 }
#mainMenu .tab a.active span{background: url(../images/menu.png) 0 -30px; display: block; margin-right: 12px; padding-left: 12px}

#mainMenu .tab a.active{background: url(../images/menu.png) 100% -30px; display: block; color: #000 }
#mainMenu .tab a.active span{background: url(../images/menu.png) 0 -30px; display: block; margin-right: 12px; padding-left: 12px}

.subMenu{position: absolute; background: #f5f5f5 !important; z-index: 1000000; border: 1px solid #636; border-top: 0}
.subMenu ul{width: 200px; background: #f4ddf0 !important;  }
.subMenu li{padding: 5px; border-bottom: 1px dotted #636;}

/************************ Customized Classes ****************/

.banner250x250{width: 250px; height: 250px; margin: 0 auto}

a.addSubject{color: #c39; display: block; font-weight: bold; font-size: 12px; font-family: century ;text-align: center}
a.addSubject:hover{color: #636;}

.addCouponCommentPane{margin: 10px 0}
.addCouponCommentPane label span{display: block; float: left; width: 90px; text-align: right; font-family: century; font-weight: bold}
.addCouponCommentPane input{width: 185px; margin-bottom: 5px}
.addCouponCommentPane textarea{border: 1px solid #636}
.addCouponCommentPane .send input{background: none; border: none; text-align: center; color: #c39; font-weight: bold; font-family: century; width: 90px; float: right; }
.addCouponCommentPane .title{border: 1px solid #636 !important}
.addResponse, .addCouponCommentPane{float: left; width: 280px}
.addResponse .submit{border: none; background: none; color: #c39; text-align: center; display: block}
.addResponse .submit:hover {cursor: pointer}

.archiveLink{text-align: right; font-size: 13px; margin-top: 10px}
.archiveLink a{color: #c39 !important;}

.authenticationPane{background: url(../images/authentification.png) no-repeat; width: 338px; height: 210px}
.authenticationPane h2{color: #fff; text-align: center; padding: 5px 0; border-bottom: 1px dashed #fff; margin: 0 3px; font-size: 14px}
.authenticationPane .inputs{margin-top: 13px}
.authenticationPane .email, .authenticationPane .password, .authenticationPane .rememberMe, .authenticationPane .submit {float: left}
.authenticationPane .inputs .top, .authenticationPane .inputs .bottom {width: 177px; height: 7px; overflow: hidden}
.authenticationPane .inputs .top{background: url(../images/input-authentication.png) 0 0 ; }
.authenticationPane .inputs .bottom{background: url(../images/input-authentication.png) 0 -7px}
.authenticationPane .inputs span{display: block; width: 120px; float: left; color: #fff; height: 20px; line-height: 20px; padding: 5px; text-align: right;}
.authenticationPane .input{ width: 171px; margin-left: 1px; padding: 2px}
.authenticationPane .password{margin-top: 10px}
.authenticationPane .rememberMe{width: 170px; color: #fff; padding: .5em; margin-top: 10px}
.authenticationPane .submit{width: 45%; float: left; text-align: center; margin-top: 10px}
.authenticationPane .submit input{background: url(../images/btn_authentification.png); width: 72px; height: 30px; color: #fff}
.authenticationPane .utils{text-align: center; margin-top: 10px; border-top: 1px dashed #fff}
.authenticationPane .utils a{color: #fff}

.bestMerchantList{border-bottom: 1px dotted #ccc; padding: 5px}
.bestMerchantList a.logo{display: block; float: left; border: 1px solid #636; width: 90px}
.bestMerchantList p.description{float: left; width: 200px;font-family: century; padding: 5px}

.bestMerchantPane{float: left; margin: 10px; width: 44%; text-align: center; font-family: century; font-size: 14px; font-weight: bold}
.bestMerchantPane img{border: 1px solid #666}
.bestMerchantPane p{margin: 5px 0;}
.bestMerchantPane p a{color: #666}
.bestMerchantPane p a:hover{color: #636}

.bestReduction{border-bottom: 1px dashed #666 ; margin: 10px 5px 0 5px; padding: 5px 0;}
.bestReduction img{float: left; width: 90px; height: 25px; margin-right: 10px}
.bestReduction .description{float: left; width: 210px}
.bestReduction .description a{text-align: right; color: #c39; font-weight: bold; font-family: century}

.bestSubjects{padding: 10px 5px;}
.bestSubjects li{margin: 5px 0}
.bestSubjects a.topic{color: #000; font-weight: bold;}
.bestSubjects a.topic:hover{color: #636}
.bestSubjects a.subject{color: #000;}
.bestSubjects a.topic:hover{color: #636}
.bestSubjects .stats{color: #76175d}

.bestNewsPane, .lastNewsPane{padding: 10px; border-bottom: 2px dotted #666;}
.bestNewsPane .thumb, .lastNewsPane .thumb{border: 1px solid #666; float: left; width: 90px; height: 67px; margin-right: 10px}
.bestNewsPane .news, .lastNewsPane .news{float: left; width: 392px !important;}
.bestNewsPane .news a.topic, .lastNewsPane .news a.topic{color: #000; font-size: 14px; font-weight: bold}

#breadcrumbs{font-size: 14px; font-family: century; width: 990px; margin: 5px; padding-left: 10px}
#breadcrumbs a{color: #633; font-weight: bold; font-family: century}

.categories{width: 150px; float: left; padding: 5px}
.categories a{color: #666 !important}
.categories li{margin-left: 25px; line-height: 20px}
.categories li.current a{color: #c39 !important; font-weight: bold}
.categories h3{margin-left: 15px; font-size: 18px; line-height: 25px}

.categoriesSelect a{color: #666}
.categoriesSelect a:hover{color: #c39}
.categoriesSelect li{margin-left: 15px; line-height: 20px}
.categoriesSelect li.current a{color: #c39}
.categoriesSelect h3{font-size: 16px; border-bottom: 1px dashed #636}

.center, h2.center.dashed{text-align: center; padding-bottom: 5px}
h2.center.dashed{border-bottom: 1px dashed #636; margin: 0 5px}
h2.dashed{color: #633; border-bottom: 1px dashed #633; padding: 2px; margin: 4px; font-size: 18px}
.commentForm label span{display: block; float: left; width: 120px; text-align: right; margin-right: 10px; font-family: century; font-weight: bold}
.commentForm p{margin: 10px 0}
.commentForm p input{border: 1px solid #636; width: 50px; padding: 2px}
.commentForm p textarea{border: 1px solid #636; width: 40%; padding: 2px; float: left}
.commentForm p.submit{text-align: center; float: left; padding: 10px; margin: 10px}

.commentText{float: left; width: 35%; padding: 20px}
.commentText a{font-size: 14px; font-weight: bold; padding: 20px 10px;}
.commentsPane{margin: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 10px}
.commentsPane .avatar img{width: 50px; float: left; margin-right: 15px }
.commentsPane p{float: left; width:90%}
.commentsPane span.info{color: #c39 !important; padding: 5px 0; display: block}

.connectionText{width: 170px; float: left; text-align: justify}
.connectionText a{color: #c39; display: block; text-align: center}

.containerPane1{background: #fff}
.containerPane1 .top, .containerPane .bottom{width: 200px;overflow: hidden}
.containerPane1 .top{background: url(../images/containers.png) 0 -75px no-repeat; height: 10px }
.containerPane1 .bottom{background: url(../images/containers.png) 0 -80px no-repeat; height: 10px}
.containerPane1 .content{padding: 0 2px; border-left: 1px solid #666; border-right: 1px solid #666; overflow: hidden}

.contactUsForm{color: #fff; display: block; padding: 5px 2px}
.contactUsForm{padding: 5px}
.contactUsForm input{border: 1px solid #636; padding: 2px; width: 320px}
.contactUsForm label span{display: block; width: 100px; float: left; text-align: right; font-family: century; padding-right: 3px; color: #636; font-weight: bold}
.contactUsForm .message{border: 1px solid #636}
.contactUsForm h2{border: 1px solid #636}
.contactUsForm p{margin: 10px 0}
.contactUsForm p.submit{text-align: center}
.contactUsForm p.submit input{width: 100px}
.contactUsForm p select{border: 1px solid #636;}

.containerPane2{background: #fff}
.containerPane2 .top, .containerPane2 .bottom{width: 260px; overflow: hidden}
.containerPane2 .top{background: url(../images/containers.png) 0 -50px no-repeat; height: 10px;}
.containerPane2 .bottom{background: url(../images/containers.png) 0 -60px no-repeat; height: 15px;}
.containerPane2 .content{padding: 0 2px; border-left: 1px solid #666; border-right: 1px solid #666; overflow: hidden}

.containerPane3{background: #fff;}
.containerPane3 .top, .containerPane3 .bottom{width: 522px ; overflow: hidden}
.containerPane3 .top{background: url(../images/containers.png) 0 -25px no-repeat; height: 10px}
.containerPane3 .bottom{background: url(../images/containers.png) 0 -35px no-repeat; height: 15px}
.containerPane3 .content{padding: 0 2px; border-left: 1px solid #666; border-right: 1px solid #666; overflow: hidden}

.containerPaneLarge{background: #fff;}
.containerPaneLarge .top, .containerPaneLarge .bottom{width: 732px; overflow: hidden}
.containerPaneLarge .top{background: url(../images/containers.png) 0 0 no-repeat; height: 10px;}
.containerPaneLarge .bottom{background: url(../images/containers.png) 0 -10px no-repeat; height: 15px;}
.containerPaneLarge .content{padding: 0 2px; border-left: 1px solid #666; border-right: 1px solid #666; overflow: hidden }

.couponCommentPane{margin: 10px 2px; border-bottom: 1px dotted #666; padding-bottom: 5px}
.couponCommentPane .order{float: left; width: 25px; font-size: 24px; font-family: century; color: #636}
.couponCommentPane .comment{float: right; width: 425px }
.couponCommentPane .comment .info{color: #c39; font-family: century; display: block; margin-bottom: 10px}
.couponCommentPane .comment .info a{color: #c39; text-decoration: underline}
.couponCommentPane .comment .title{display: block; color: #636; font-family: century}

.couponView1{margin: 6px}
.couponView1 .bottom,.couponView1 .top {width: 512px; height: 6px; overflow: hidden}
.couponView1 .bottom {background:url(../images/bon_reduction_gm.png) 0 -6px no-repeat}
.couponView1 .content{background: #eee; width: 495px; border: 0 1px solid #f6f; padding: 0 3px}
.couponView1 .top{background:url(../images/bon_reduction_gm.png) 0 0 no-repeat}
.couponView1 .bottom{background:url(../images/bon_reduction_gm.png) 0 -6px no-repeat; width: 512px; height: 6px ; overflow: hidden}
.couponView1 .coupon .summary{ width: 38%; float: left}
.couponView1 .coupon .logo{height: 30px}
.couponView1 .coupon .amount{height: 60px; text-align: center; font-size: 14px; margin: 10px 0; }
.couponView1 .coupon .amount span{font-size: 20px; font-family: century; font-weight: bold; color: #f6f}
.couponView1 .coupon .stats{height: 20px}
.couponView1 .coupon .description{ width: 61%; float: left}
.couponView1 .coupon .description .text{padding: 2px; text-align: justify}
.couponView1 .coupon .code{height: 40px; margin: 5px 5px; font-size: 18px; font-family: century; text-align: center; }
.couponView1 .coupon .code a{background: url(../images/btn_authentification.png); width: 72px; display: block; width: 72px; height: 32px; float: left; line-height: 32px; margin-top: 18px; margin-left: 10px; color:#fff;}
.couponView1 .coupon .code span, .couponView1 .coupon .code input {vertical-align: top; margin: 5px 0;}
.couponView1 .coupon .code span{display: block; padding: 3px; float: left}
.couponView1 .coupon .code img{float: left;}
.couponView1 .coupon .code input.inputText{width: 130px;font-size: 22px; color: #000; font-family: century; float: left;  background: #fff; border: 1px solid #c5c5c5; overflow: inherit ; text-align: left; margin-top: 20px}
.couponView1 .coupon .code input.inputText.notOpened{width: 100px}
.couponView1 .coupon .topic{text-align:right;}
.couponView1 .coupon .topic a{color: #f6f; text-align: right; font-size: 14px;}
.couponView1 .coupon .topic a.category{font-weight: bold}
.couponView1 span.theCode{background:url(../images/code-reduction.png) no-repeat; display: block; width: 60px; height: 60px; float: left;}

/*.couponView1 .links {position: absolute; width: 500px; z-index: 200}*/
.couponView1 .links a {background: url(../images/liens_bon_reduction_gm.png); color: #fff; display: block; float: right; height: 22px; line-height: 22px; padding: 0 15px;}
.couponView1 .links a.moreDetails {background-position: top left;}
.couponView1 .links a.share {background-position: 0 -22px;}
.couponView1 .links a.addComment {background-position: 0 -44px; margin-right: 10px;}
.couponView1 .linksDetails a{background: url(../images/lien_bon_reduction_detail.png); color: #fff; display: block; float: right; height: 22px; line-height: 22px; padding: 0 15px;}
.couponView1 .linksDetails a.share{background-position: top left;}
.couponView1 .linksDetails a.addComment{background-position: 0 -22px; margin-right: 10px}

.moreDetailsContent{border: 1px solid #ccc; border-top: 0; position: absolute; width: 500px; background: #f4ddf0;}
.moreDetailsContent h2{padding-top: 30px}
.moreDetailsContent ul{padding:10px}

.couponView3{background: url(../images/bg_bon_reduction_pm.png) 0 0 no-repeat;  display: block; float: left; width: 250px; height: 55px; margin: 10px auto; color: #000; text-align: center;}
.couponView3:hover{background: url(../images/bg_bon_reduction_pm.png) 0 -65px no-repeat; text-decoration: none; }
.couponView3 .amount{float: left; width: 55%; color: #c39; font-size: 14px; padding: 3px 0}
.couponView3 .openCode{background: url(../images/btn_voir_reduction_pm.png) 0 -31px no-repeat; float: right !important; width: 85px; height: 31px; text-align: center; line-height: 31px; font-family: century; padding-left: 20px; padding-right: 3px}
.couponView3 .openCode:hover{background: url(../images/btn_voir_reduction_pm.png) 0 0 no-repeat; }

.picto span{display: block; float: left; width: 21px; height: 16px}

.picto .euro.active{background: url(../images/icon_bon_reduction.png) -18px 0;}
.picto .percent.active{background: url(../images/icon_bon_reduction.png) -39px 0; }
.picto .shipingFree.active{background: url(../images/icon_bon_reduction.png) 1px 1px}
.picto .gift.active{background: url(../images/icon_bon_reduction.png) -58px 0;}

.picto .euro{background: url(../images/icon_bon_reduction.png) -18px -16px;}
.picto .percent{background: url(../images/icon_bon_reduction.png) -39px -16px; }
.picto .shipingFree{background: url(../images/icon_bon_reduction.png) 1px -16px}
.picto .gift{background: url(../images/icon_bon_reduction.png) -58px -16px;}

.couponView4{background: url(../images/bg_reduction.png) no-repeat; margin: 5px 3px ; height: 82px; width: 453px}
.couponView4 .type{float: left; width: 120px; padding: 5px 2px; margin: 10px 0 0 2px}
.couponView4 .info{float: right; width: 305px; padding: 5px 10px; height: 35px}
.couponView4 .validity{color: #000; float: left; width: 150px; padding: 0 10px}
.couponView4 a.see{color: #c39; font-family: century; font-weight: bold; float: right; width: 50px; text-align: center}
.couponView4 .type span{display: block; width: 28px; height: 29px; overflow: hidden; float: left; position: relative}
.couponView4 span.percent{background: url(../images/ico_reductions.png) -28px 29px}
.couponView4 span.percent.current{background: url(../images/ico_reductions.png) -28px 0}
.couponView4 span.euro{background: url(../images/ico_reductions.png) -56px 29px}
.couponView4 span.euro.current{background: url(../images/ico_reductions.png) -56px 0}
.couponView4 span.gift{background: url(../images/ico_reductions.png) 0 29px}
.couponView4 span.gift.current{background: url(../images/ico_reductions.png)}
.couponView4 span.shiping_free{background: url(../images/ico_reductions.png) -84px 29px}
.couponView4 span.shiping_free.current{background: url(../images/ico_reductions.png) -84px 0}

.decoLeft, .decoRight{position: absolute; border: 1px solid #666; width: 187px; height: 600px; top: 400px}
.decoRight{left: 1210px}

#dhtmltooltip{
position: absolute;
padding: 2px;
visibility: hidden;
z-index: 100;
width: 193px !important;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
z-index: 101;
visibility: hidden;
}

.tooltip .tttop{background: url(../images/border_tooltip.png) 0 0 ;width: 196px;height: 13px;overflow: hidden}
.tooltip .ttbottom{background: url(../images/border_tooltip.png) 0 -10px ;width: 196px;height: 26px; overflow: hidden}
.tooltip .ttMiddle{width: 190px; padding: 2px; border-left:  1px solid #333; border-right: 1px solid #333; background: #bbb}


#edito{padding: 25px; text-align: justify }
#edito h2{color: #000; font-size: 20px; font-family: century}

.fieldNotice{color: #636; }
.forumListPane li, .mostHitsSubjectsList li, .subjectListPane li{padding: 5px; margin: 10px 0}
.forumListPane a.topic, .mostHitsSubjectsList a.forum, .subjectListPane .title{color: #000; font-size: 14px; font-weight: bold}
.forumListPane a.topic:hover, .mostHitsSubjectsList a.forum:hover{text-decoration: none; color: #c39}
.forumListPane a.nbSubjects:hover{text-decoration: none;color: #000}

.flash{margin: 10px 0; text-align: center; font-weight: bold;}
.flash.notice{color: #f6f; }
.flash.error{color: #f6f; }

.guide .logo{float: left; width: 36px; height: 36px; overflow: hidden; margin: 5px;}
.guide .logo.step1{ background: url(../images/guide_bon_reduction.png) 0 0}
.guide .logo.step2{ background: url(../images/guide_bon_reduction.png) 72px 0}
.guide .logo.step3{ background: url(../images/guide_bon_reduction.png) 36px 0}
.guide dt{display: inline; color: #636; font-family: century}
.guide dt{line-height: 36px; margin: 5px 0; font-size: 16px }
.guide dd{ text-align: justify; line-height: 15px; padding: 5px }
.guide dd b{color: #636}
.guide dd li{margin-left: 40px; list-style-type: disc}
.guideTitle{color: #f03 !important}

a.merchantByLetterLink{background: url(../images/bg_annuaire_boutique.png) 0 0; display: block; width: 24px; height: 23px; text-align: center; color: #fff; float: left; line-height: 23px; overflow: hidden}
a:hover.merchantByLetterLink{background: url(../images/bg_annuaire_boutique.png) 24px 0}

.merchantInNews {margin-left: 15px}
.merchantInNews b{color: #f09; font-size: 16px; font-family: century}
.merchantInNews img{color: #f03; vertical-align: middle}

.merchantList{margin: 15px 0}
.merchantList .logo{float: left; width: 100px; min-width: 100px; border: 1px solid #fff}
.merchantList .logo img{width: 88px; height: 25px; border: 1px solid #666}
.merchantList dl{float: left; width: 400px; text-align: justify}
.merchantList dl a{color: #c39;}
.merchantList dt{color: #636; font-size: 14px; font-weight: bold; padding-left: 20px; font-family: century}
.merchantList .stats{text-align: left; line-height: 20px}
.merchantList .stats a{color: #000}
.merchantList .stats a:hover{color: #c39}

.merchantView2 {border-bottom: 1px dotted #ccc; margin: 2px; padding: 6px 2px}
.merchantView2 .logo{width: 88px; height: 45px; float: left}
.merchantView2 img{border: 1px solid #ccc; width: 88px; height: 25px}
.merchantView2 .name{font-family: century; color: #000; font-size: 15px; float: left; width: 140px; padding: 5px}

.emptyData{color: #636; text-align: center; font-style:italic; margin: 10px}
.formError{color: red; text-align: center; font-family: century;}
.formNotice{color: #f6f; text-align: center; font-family: century; font-size: 12px; margin: 10px 0}

.horoDescription{margin: 15px 5px}
.horoDescription b{color: #c39}
.horoDescription h3{font-size: 16px}
.horoscopeOfTheDayPane h2{font-size: 22px; color: #636; font-weight: bold; text-align: center; font-family: century }
.horoscopeOfTheDayPane .description{float: right; width: 430px; padding: 5px; }

.horoscopeOfTheDayPane .sign{float: left; width: 117px; height: 117px; padding: 20px 5px }
.horoscopeOfTheDayPane .sign_1{background: url(../images/astro/ico_astro_gm.jpg) -117px 0; width: 100%; height: 100%; overflow: hidden }
.horoscopeOfTheDayPane .sign_2{background: url(../images/astro/ico_astro_gm.jpg) -468px -117px; width: 100%; height: 100%; overflow: hidden}
.horoscopeOfTheDayPane .sign_3{background: url(../images/astro/ico_astro_gm.jpg) -117px -117px; width: 100%; height: 100%; overflow: hidden}
.horoscopeOfTheDayPane .sign_4{background: url(../images/astro/ico_astro_gm.jpg) -234px 0; width: 100%; height: 100%; overflow: hidden}
.horoscopeOfTheDayPane .sign_5{background: url(../images/astro/ico_astro_gm.jpg) 0 -117px; width: 100%; height: 100%; overflow: hidden}
.horoscopeOfTheDayPane .sign_6{background: url(../images/astro/ico_astro_gm.jpg) -585px -117px; width: 100%; height: 100%; overflow: hidden}
.horoscopeOfTheDayPane .sign_7{background: url(../images/astro/ico_astro_gm.jpg) -585px 0; width: 100%; height: 100%; overflow: hidden}
.horoscopeOfTheDayPane .sign_8{background: url(../images/astro/ico_astro_gm.jpg) -351px -117px; width: 100%; height: 100%; overflow: hidden}
.horoscopeOfTheDayPane .sign_9{background: url(../images/astro/ico_astro_gm.jpg) -234px -117px; width: 100%; height: 100%; overflow: hidden}
.horoscopeOfTheDayPane .sign_10{background: url(../images/astro/ico_astro_gm.jpg) -351px 0; width: 100%; height: 100%; overflow: hidden}
.horoscopeOfTheDayPane .sign_11{background: url(../images/astro/ico_astro_gm.jpg) 0 0; width: 100%; height: 100%; overflow: hidden}
.horoscopeOfTheDayPane .sign_12{background: url(../images/astro/ico_astro_gm.jpg) -468px 0; width: 100%; height: 100%; overflow: hidden}

.horoscopeThumbs .thumbs{width: 38px; height: 40px; float: left; margin: 7px !important; padding: 0 !important }
.horoscopeThumbs .thumbs a{display: block; width: 37px; height: 37px }
.horoscopeThumbs .thumbs a:hover{text-decoration: none}
.horoscopeThumbs a.thumbs_sign_1{background: url(../images/astro/ico_astro_pm.png) -370px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_1:hover, .horoscopeThumbs a.thumbs_sign_1.current{background: url(../images/astro/ico_astro_pm.png) -370px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_2{background: url(../images/astro/ico_astro_pm.png) -333px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_2:hover, .horoscopeThumbs a.thumbs_sign_2.current{background: url(../images/astro/ico_astro_pm.png) -333px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_3{background: url(../images/astro/ico_astro_pm.png) -296px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_3:hover, .horoscopeThumbs a.thumbs_sign_3.current{background: url(../images/astro/ico_astro_pm.png) -296px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_4{background: url(../images/astro/ico_astro_pm.png) -259px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_4:hover, .horoscopeThumbs a.thumbs_sign_4.current{background: url(../images/astro/ico_astro_pm.png) -259px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_5{background: url(../images/astro/ico_astro_pm.png) -222px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_5:hover, .horoscopeThumbs a.thumbs_sign_5.current{background: url(../images/astro/ico_astro_pm.png) -222px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_6{background: url(../images/astro/ico_astro_pm.png) -185px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_6:hover, .horoscopeThumbs a.thumbs_sign_6.current{background: url(../images/astro/ico_astro_pm.png) -185px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_7{background: url(../images/astro/ico_astro_pm.png) -148px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_7:hover, .horoscopeThumbs a.thumbs_sign_7.current{background: url(../images/astro/ico_astro_pm.png) -148px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_8{background: url(../images/astro/ico_astro_pm.png) -111px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_8:hover, .horoscopeThumbs a.thumbs_sign_8.current{background: url(../images/astro/ico_astro_pm.png) -111px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_9{background: url(../images/astro/ico_astro_pm.png) -74px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_9:hover, .horoscopeThumbs a.thumbs_sign_9.current{background: url(../images/astro/ico_astro_pm.png) -74px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_10{background: url(../images/astro/ico_astro_pm.png) -37px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_10:hover, .horoscopeThumbs a.thumbs_sign_10.current{background: url(../images/astro/ico_astro_pm.png) -37px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_11{background: url(../images/astro/ico_astro_pm.png) 0 -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_11:hover, .horoscopeThumbs a.thumbs_sign_11.current{background: url(../images/astro/ico_astro_pm.png) 0 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}
.horoscopeThumbs a.thumbs_sign_12{background: url(../images/astro/ico_astro_pm.png) -407px -37px ;width: 37px; height: 37px; margin: 10px; overflow: hidden}
.horoscopeThumbs a.thumbs_sign_12:hover, .horoscopeThumbs a.thumbs_sign_12.current{background: url(../images/astro/ico_astro_pm.png) -407px 0 ;width: 37px; height: 37px; margin: 10px; overflow: hidden;}


.inFocusTopics, .bonPlanList{width: 47%; float: left; margin: 5px}
.inFocusTopics img, .bonPlanList img{width: 90px; height: 67px; float: left; margin: 0 5px}
.inFocusTopics p, .bonPlanList p{float: left; width: 140px;}
.inFocusTopics p a, .bonPlanList p a{color: #000 !important}
.inFocusTopics .topic{font-family: century; font-weight: bold; font-size: 14px}

.bonPlanList p{width: 98%}

.mirror{background: url(../images/bg_annonce_google.jpg) no-repeat; width: 390px; height: 250px; margin: 0 auto; text-align: center; padding: 35px 0px; float: left}
.mirror .ads{width: 330px; margin: 0 auto;background: #fff; filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);-moz-opacity: 0.7 !important; padding: 0}
.introduction{color: #666; float: left; width: 35%;padding: 5px; text-indent: 30px; font-family: century; font-weight: bold; font-size: 14px; text-align: justify; border-bottom: 1px dashed #ccc}
.tableOfContent{float: left; width: 35%; padding: 10px 2px; text-align: center; margin-right: 3px}
.tableOfContent span{font-weight: bold; padding: 3px; color: #f6f; font-size: 14px}
.tableOfContent ol {padding: 10px 10px; text-align: left}
.tableOfContent li {line-height: 15px; font-size: 12px;  list-style-type: disc; color: #f6f; margin-left: 15px}
.tableOfContent li a{color: #f6f; font-family: century}
.newsContent{float: left; padding: 5px;  font-family: arial; font-size: 12px; line-height: 15px; margin: 0}
.newsContent h3{margin: 10px 0;}
.newsContent .Texte p, .firstPart p{font-size: 12px !important; font-family: arial; text-align: justify; padding: 5px}
.firstPart h4{padding: 5px }
.firstPart h4.summary{line-height: 18px; font-size: 13px; padding: 5px; float: left;width: 180px;font-family: century; font-weight: bold; color: #666}
.firstPart .summary span{font-size: 25px; font-weight: bold; color:#636}
.newsContent .back{ text-align: right; padding: 5px 0}
.newsContent .back a{color: #f6f}

.lastResponseInfo, .lastResponseInfo a{color: #c39}

.lastQuizzPane{padding: 10px 5px}
.lastQuizzPane .description{float: right; width: 200px}
.lastQuizzPane img{float: left; width: 100px; height: 67px; border: 1px solid #ccc}
.lastQuizzPane p{color: #636}

.lastQuizzPane .play{font-size: 14px; color: #000 !important ;width: 163px; text-align: center; padding: 10px 0; margin: 0 auto}
.lastQuizzPane .play .top, .lastQuizzPane .play .bottom {width: 163px; height: 7px; overflow: hidden }
.lastQuizzPane .play .top{background: url(../images/code_reduction_contour.png); }
.lastQuizzPane .play .content{border:1px solid #9c6; border-top: none; border-bottom: none; background: #cdeb8b}
.lastQuizzPane .play .content a:hover{text-decoration: none}
.lastQuizzPane .play .bottom{background: url(../images/code_reduction_contour.png) 0 -7px ;}

.merchantActionLinks{text-align: center}
.merchantActionLinks a{color: #c39;  padding: 0 10px}

.merchantAlphaList{width: 30%; float: left; margin: 3px; padding: 5px}
.merchantAlphaList a.merchant{color: #000; font-weight: bold; line-height: 18px}
.merchantAlphaList a:href.merchant{text-decoration: none; color: #f6f !important}
.merchantAlphaList a.letter{text-align: center; color: #c39; font-size: 30px; font-family: century}
.merchantAlphaList a.all{display: block; text-align: center; margin: 10px; color: #c39; font-weight: bold; font-size: 14px;}
.merchantAlphaList .ico{text-align: center; margin: 0px 5px}

.merchantDescriptionPane p, .merchantDescriptionPane .details p{padding: 5px 10px}
.merchantDescriptionPane b, .merchantDescriptionPane .details b{color: #c39}
.merchantDescriptionPane .description{float: right; width: 60%}
.merchantDescriptionPane .details{float: right; width: 70%}
.merchantDescriptionPane h2, .merchantDescriptionPane .details h2{float: left; width: 360px; padding: 10px 0; font-size: 18px}
.merchantDescriptionPane img, .merchantDescriptionPane .details img{float: left; width: 88px}
.merchantDescriptionPane .thumb, .merchantDescriptionPane .details thumb{float: left; width: 190px}
.merchantDescriptionPane .thumb img, .merchantDescriptionPane .details thumb img{margin: 15px 0; width: 180px}
.merchantDescriptionPane .linkAllCoupon, .merchantDescriptionPane .details linkAllCoupon{display: block; float: right; color: #bbb; font-size: 14px; font-weight: bold}

.mostHitsSubjectsList a.subject{color: #000; text-decoration: none}
.mostHitsSubjectsList a.subject:hover{color: #c39}

h2.newsDetails{font-size: 20px}
.newsDetails{padding: 15px;}
.newsDetailsImg{width: 450px; text-align: center; padding: 30px 0; float: left; }
.newsDetailsImg img{text-align: center; margin: 0 auto}
.newsDetails h3{font-size: 14px; color: #636}
.newsDetails p{text-align: justify; line-height: 15px !important}
.newsInfo {border-top: 1px dashed #ccc; margin: 10px; padding: 5px}
.newsInfo .writer, .newsNavigation .previous{width: 49%; float:left;}
.newsInfo .utils, .newsNavigation .next{width: 49%; float: left; text-align: right}
.newsNavigation{font-size: 14px; font-family: century; margin: 20px 0}

.pager{text-align: center}
.pager a{padding: 2px; color: #636}
.pager a.previous{font-size: 18px}
.pager a.next{font-size: 18px}
.pager a.currentPageNumber{font-size: 14px; background: #636; color: #fff}

.quizzByTopicPane{border-bottom: 1px dotted #666; padding-bottom: 5px; margin: 10px 5px}
.quizzByTopicPane .description{float: right; width: 340px}
.quizzByTopicPane .description h3{color: #000; font-size: 12px}
.quizzByTopicPane .description p{color: #636; margin-bottom: 10px}
.quizzByTopicPane .description a{color: #33cccc}
.quizzByTopicPane img{float: left; width: 100px}

.quizzByTopicListPane li{padding-left: 15px; line-height: 20px}
.quizzByTopicListPane ul{margin: 10px 5px}
.quizzByTopicListPane a{color: #666}
.quizzByTopicListPane a:hover{color: #c36; text-decoration: none}

.rating span{display: block; float: left; width: 15px; height: 15px}
.rating span.yellowStar{background: url(../images/etoile.png) 0 0}
.rating span.whiteStar{background: url(../images/etoile.png) 0 0}

.recipeOfTheDayDesc p{margin: 10px 0;}
.recipeOfTheDayDesc p.duration{background: url(../images/duree_recette.png) no-repeat;  height: 23px; padding-left: 28px; line-height: 23px}

.recipeDetailsPane{padding:  10px;}
.recipeDetailsPane h4{padding:  10px 0;}
.recipeDetailsPane li{padding: 5px 0}
.recipeDetailsPane .summaryPane{float: left; width: 220px}
.recipeDetailsPane .ingredient li{list-style-position: outside; list-style-type: square; margin-left: 10px; padding: 5px 0}
.recipeDetailsPane .ingredient .topIng{clear: left;  background: url(../images/ingredients_recette.png) no-repeat; width: 200px; height: 27px; margin-top: 10px}
.recipeDetailsPane .ingredient .contentIng{padding: 5px 10px; background: #fc0; border: 1px solid #99c; border-top: none; border-bottom: none; width: 178px}
.recipeDetailsPane .ingredient .bottomIng{background: url(../images/ingredients_recette.png) 0 -27px no-repeat; width: 200px; height: 27px; }

.recipeListPane{margin: 15px 5px}
.recipeImage{float: left; margin: 10px 5px; width: 200px; height: 150px; text-align: center; border: 1px solid #636}
.recipeImage img{width: 200px; height: 150px; text-align: center}
.recipeInfo{float: left; width: 240px; margin: 2px; padding: 2px}
.recipeInfo span{font-weight: bold; font-size: 12px; font-family: century}
.recipeInfo .icoPerson, .recipeInfo .person,
.recipeInfo .icoPreparation, .recipeInfo .preparation,
.recipeInfo .icoCuisson, .recipeInfo .cuisson{float: left; line-height: 30px; margin: 5px 5px}
.recipeInfo .icoPerson,
.recipeInfo .icoPreparation,
.recipeInfo .icoCuisson{float: left;width: 30px; height: 30px}
.recipeInfo .icoPerson{background: url(../images/icon_recette.png) 0 0 no-repeat}
.recipeInfo .icoPreparation{background: url(../images/icon_recette.png) -60px 0 no-repeat}
.recipeInfo .icoCuisson{background: url(../images/icon_recette.png) -30px 0 no-repeat}

.recipeSummary {float: right; width: 355px}
.recipeSummary a{color: #000 !important; display: block; margin: 5px 0; font-size: 12px; font-weight: bold}
.recipeSummary a:hover{color: #636 !important}
.recipeSummary .description{color: #c39}
.recipeSummary a.description{color: #c39 !important; display: inline}
.recipeThumb {float: left; width: 90px; height: 67px; border: 1px solid #ccc;}

.redirectionPane{margin: 100px auto; border: 1px solid #ccc; width: 500px; padding: 10px}

.relatedNewsPane{padding: 5px 0; margin-left: 15px}
.relatedNewsPane h3{font-size: 11px;}

.relatedNews, .recipeOfTheDayDesc{float: left; width: 255px; padding: 5px}
.relatedNews h2, .recipeOfTheDayDesc h2{color: #666 !important; font-size: 20px}
.relatedNews h3, .recipeOfTheDayDesc h3{color: #000 !important; font-size: 14px; margin: 15px 0}
.relatedNews li{padding: 5px 0; border-bottom: 1px dashed #666}
.relatedNews a, .recipeOfTheDayDesc a{color: #000 !important; font-weight: bold}
.relatedNews a:hover, .recipeOfTheDayDesc a:hover{color: #c39 !important}
.relatedNews p{margin: 10px 0}
.relatedNews a.view{color: #c39 !important}
.relatedNews a.view:hover{color: #636 !important}

.responsePane{margin: 5px 8px; }
.responsePane .top, .responsePane .bottom{width: 444px; height: 11px; overflow: hidden}
.responsePane .top{background: url(../images/reponse.png) 0 0 }
.responsePane .bottom{background: url(../images/reponse.png) 0 -11px }
.responsePane .middle{background: #c9c; border: none; width: 444px}
.responsePane .info{color: #fff; font-family: century; display: block; margin-bottom: 5px}
.responsePane .info a{color: #fff; text-decoration: underline}
.responsePane .content{float: right; width: 390px ; border: none}
.responsePane .order{float: left; width: 30px; color: #636; font-family: century; font-size: 26px; font-weight: bold; padding: 0 5px}

.searchResultPane{padding: 10px}
.searchCoupon {padding: 5px; line-height: 20px}
.searchCoupon p{margin: 5px 0}
.searchCoupon .type label{width: 10px}
.searchCoupon .type input{margin-left: 5px}
.searchCoupon input{float: left; border: 1px solid #ccc !important; padding: 2px}
.searchCoupon label{float: left; display: block; width: 60px}
.searchCoupon .submit{text-align: center}
.searchCoupon .submit input{float: none; text-align: center}

.seeBouton{margin-left: 75px; height: 21px; margin-top: 10px }
.seeBouton div{height: 21px;}
.seeBouton .left{background: url(../images/bouton_violet.png) 0 0; width: 10px; float: left; }
.seeBouton .content{background: url(../images/bouton_violet.png) 0 -21px repeat-x; line-height: 24px; border: none !important; float: left; }
.seeBouton .content a{color: #000; font-family: century}
.seeBouton .right{background: url(../images/bouton_violet.png) 0 -42px repeat-x; width: 10px; float: left}

.sendToFriendFrm {margin: 20px; line-height: 30px}
.sendToFriendFrm label{display: block; float: left; width: 80px}
.sendToFriendFrm input, sendToFriendFrm textarea{float: left; padding: 3px; border: 1px solid #636}
.sendToFriendFrm input.submit{float: none}


p.subject{margin: 10px 0; padding: 5px}

.similarContent{width: 522px; float: right}
.similarContent h2{font-size: 20px}

.similarNewsPane{margin: 5px 5px; border-bottom: 1px dotted #ccc; padding: 5px}
.similarNewsPane img{width: 90px; height: 67px; float: left;}
.similarNewsPane p{float: left; width: 132px; margin: 0 5px;}
.similarNewsPane p a{color: #636; font-weight: bold;}
.similarNewsPane p a:hover{color: #f6f; text-decoration: none}

.sidebar{width: 200px; float: left;}
.sidebar a.test {color: #fff; font-size: 120%; display: block; text-align: center;}
.sidebar a.quizz {font-size: 120%; display: block; text-align: center;}
.sidebar .newsletterPane .top, .sidebar .newsletterPane .bottom{width: 186px; height: 10px; position: relative}
.sidebar .newsletterPane .top{background: url(../images/newsletter_border.png) 0 0 no-repeat; overflow: hidden}
.sidebar .newsletterPane .bottom{background: url(../images/newsletter_border.png) -186px 0 no-repeat;}
.sidebar .newsletterPane .content{border-left: 1px solid #666; border-right: 1px solid #666; background: #666; width: 184px}
.sidebar .newsletterPane .content h3{color: #fff; font-size: 10px;}
.sidebar .newsletterPane .content .email{background: url(../images/bg_email.png) no-repeat; width: 182px; height: 29px}
.sidebar .newsletterPane .content .email .input{margin: 5px; padding: 2px; float: left; width: 136px}
.sidebar .newsletterPane .content .email .submit{background: url(../images/newsletter_btn.png); width: 25px; height: 25px; float: left; margin: 2px}
.sidebar .newsletterPane .content .email .submit:hover{cursor: pointer}

.ssmenu{background: transparent; width: 462px;}
.ssmenu h3{float: left; width: 48%; text-align: center; line-height: 22px}
.ssmenu .sstop, .ssmenu .ssbottom, .ssmenu .sscontent{width: 462px}
.ssmenu .sstop{background: url(../images/contenu_sous_categorie.png) 0 0; height: 22px }
.ssmenu .sscontent{background: url(../images/bg_content_categorie.png) repeat-y; padding: 5px}
.ssmenu .ssbottom{background: url(../images/contenu_sous_categorie.png) 0 -24px; height: 12px }
.ssmenu .merchant{float: left; width: 42%}
.ssmenu .merchant li{margin-left: 10px; line-height: 15px}

.subjectInfo{color: #c39}
.subjectTitle{margin: 15px 0}
.suggestNews{font-size: 20px; color: #636; font-family: century; text-align: center}

.subscribeFinish p{margin: 20px;}
.subscribeFinish p.back{text-align: center;}
.subscribeFinish .back input{background: #636; color: #fff; font-family: century; font-size: 12px}

.tipsPane {text-align: center; padding: 4px; width: 172px}
.tipsPane .deco{background: url(../images/astuce_decoration.jpg); width: 172px; height: 180px;}
.tipsPane .health{background: url(../images/astuce_sante.jpg) no-repeat; width: 172px; height: 180px}

.topicInfocus, .recipeOfTheDayImg{float: left; width: 288px; border: 1px solid #f5f5f5;}
.recipeOfTheDayImg{width: 188px; height: 152px}
.topicInfocus .details{background: #fff; padding: 5px; font-size: 14px; margin: 5px; margin-top: 190px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=90);-moz-opacity: 0.9 }
.topicsPane .topic{width: 245px; float: left; text-align: justify;padding: 5px }
.topicsPane .icon{width: 184px; height: 75px; margin: 10px auto; border: 1px solid #ccc }
.topicsPane .icon #topic_1, .topicsPane .icon #topic_2, .topicsPane .icon #topic_3, .topicsPane .icon #topic_4, .topicsPane .icon #topic_5, .icon #topic_9{display: block; height: 75px; overflow: hidden;position: relative; width: 185px}
.topicsPane .icon #topic_1 span, .topicsPane .icon #topic_2 span, .topicsPane .icon #topic_3 span, .topicsPane .icon #topic_4 span, .topicsPane .icon #topic_5 span, .icon #topic_9 span{position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
.topicsPane .icon #topic_1 span{background: url(../images/rubriques.jpg) -185px -75px}
.topicsPane .icon #topic_2 span{background: url(../images/rubriques.jpg) 0 -150px}
.topicsPane .icon #topic_3 span{background: url(../images/rubriques.jpg) 0 -75px}
.topicsPane .icon #topic_4 span{background: url(../images/rubriques.jpg) 0 0}
.topicsPane .icon #topic_5 span{background: url(../images/rubriques.jpg) -185px 0}
.topicsPane .icon #topic_9 span{background: url(../images/rubriques.jpg) -185px -150px}
.topicsPane .description{float: left; margin-left: 10px; width: 245px}
.topicsPane hr{border-bottom: 1px dashed #636}

.topicList {line-height: 16px}
.topicList .topic span{font-family: century; font-size: 14px}
.topicList .topic hr{background: url(../images/separateur_categorie.png) transparent; width: 166px; height: 6px; border: none }

.topicList .category{margin-left: 20px; border: 0}
.topicList .category li{border: 0}
.topicList .category a{display: block;  width: 143px; height: 24px; padding-left: 10px}
.topicList .category a:hover, .topicList .category a.active{background: url(../images/menu_categorie.png) no-repeat;}

.utils #rss, .utils #favoris, .utils #help {display: block; height: 40px; overflow: hidden;position: relative; width: 40px}
.utils .icon{float: left; padding-left: 13px}
.utils #favoris span{background: url(../images/btn_utils.png) 0 -40px; height: 100%; width: 100%; position: absolute; top: 0; left: 0}
.utils #favoris span:hover{background: url(../images/btn_utils.png) 0 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0}
.utils #rss span{background: url(../images/btn_utils.png) -40px -40px; height: 100%; width: 100%; position: absolute; top: 0; left: 0}
.utils #rss span:hover{background: url(../images/btn_utils.png) -40px 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0}
.utils #help span{background: url(../images/btn_utils.png) -82px -40px; height: 100%; width: 100%; position: absolute; top: 0; left: 0}
.utils #help span:hover{background: url(../images/btn_utils.png) -82px 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0}

#searchResult{float: left; margin-right: 40px}
#searchSidebar{float: left;}

.searchPane{float: left; border: 1px solid #666; width: 260px;height: 25px; text-align: right}
.searchPane p{display: inline;}
.searchPane .submit{background: url(../images/recherche.png) no-repeat; width: 25px; height: 25px; float: right;}
.searchPane .submit:hover{cursor: pointer}
.searchKey{padding: 2px; width: 230px; background: white; height: 20px;float: left;}

.siteMap h2{margin-left: 20px; font-size: 14px; font-family: century; color: #000; line-height: 30px;}
.siteMap h2 a{color: #636}

.siteMap h3{font-size: 12px; margin-left: 40px; color: #f6f}
.siteMap h3 a{color: #f6f }

.siteMap h4, .siteMap ul{font-size: 10px; margin-left: 60px}
.siteMap h4 a{color: #000}

.spacer{clear: both}
.subscribeText{color: #fff; display: block; padding: 5px 2px}
.subscribeForm{padding: 5px}
.subscribeForm input{border: 1px solid #636; padding: 2px; width: 200px}
.subscribeForm label span{display: block; width: 150px; float: left; text-align: right; font-family: century; padding-right: 3px; color: #636; font-weight: bold}
.subscribeForm h2{border: 1px solid #636}
.subscribeForm p{margin: 10px 0}
.subscribeForm p.submit{text-align: center}
.subscribeForm p.submit input{width: 100px}
.subscribeForm p select{border: 1px solid #636;}

.