/* CSS Document */
/* LES COULEURS
   Home (rouge) #de0202
   Le Magazine (turqoise) #1fa6f1
   Cuisine (orange) #feae03
   Mode & Beauty (rose) #e50577
   Loisirs & Créa (orange foncé) #f27801
   Actu & Culture (mauve-aubergine) #794f72
   Pyscho et Santé (green) #a1db14
*/
* { margin:0; padding:0;}
body {
    background: #fff;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color:#000;
}
#container {
    width:994px;
    margin: 10px auto 2px auto;
    overflow: hidden;
    border:1px solid #bdbebd;
    background: #fff;
    }
#header {
    width:974px;
    margin: 10px 10px 0px 10px;
    padding: 5px 0 5px 0;
    background:#de0000;
    }    
#leftcol {
    clear:both;
    width: 154px; 
    margin: 10px 10px 10px 10px;
    float:left;
    display: inline; /* fix for IE doublemargin problem  */
    }
    
#middlecol {
    width: 482px; 
    margin: 10px 10px 10px 0;
    float:left;
    }
    
#rightcol {
    width: 318px; 
    margin: 10px 0 10px 0; /* margin-right should be 10px, but we'l leave it at 0 to give some space for too large content   */
    float:left;
    }

#fullcol { /* added by JC 26th July, needed here for example: tests_2362.htm */    
    width: 800px; 
    margin: 10px 10px 10px 0;
    float:left;
    }

#footer { 
    width:974px;
    text-align:center;
    font-size:10px;
    color:#794f72;
    margin: 0 auto 20px auto;
}
#footer a { color:#794f72;}
img.logocim {float:right;margin:0 12px 0px 10px; border:none;}
#partners {
    text-align: center;
    color:#333333;
    background-color: #eee;
    border-top:1px solid #666666;
    padding: 3px 0px;
    margin: 15px 0 0 0;
}
#partners a {
    color:#5e2b44;
    font-weight:bold;
    text-decoration:none;
}    
#partners a:hover {
    text-decoration:underline;
}
#corporate { border: 1px solid #de0202; padding-bottom:20px; }
#corporate p { padding: 10px 9px 0 9px;}
#corporate ul, ol { padding: 10px 9px 0 9px;}
#corporate .logo_sanoma { display: none}
#corporate h1 { font-weight: bold;
    font-size:15px;
    padding: 5px 9px 5px 9px;
    color:#fff;
    border-bottom: 1px solid #fff;}
#navigation {
}
#subheader {
    width: 728px;
    height: 20px;
    background:#de0202;
    float:left;
}
#breadcrumb {
    color:#fff;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    width: 400px;
    float:left;
    position:relative; top: 4px; left: 10px;
    display: inline; /* fix for IE doublemargin problem  */
}
    
#breadcrumb a { color:#fff; }
#search {
    color:#fff;
    width: 154px;
    float:right;
    position:relative; top: 2px; right: 0px;
    
}
#middlecol_left {
    width: 318px;
    margin: 0 10px 10px 0;
    float: left;
    overflow:hidden;
}    
#middlecol_right {
    width: 154px;
    margin: 0 0 10px 0;
    float: left;
    overflow:hidden;
}
#coverblock {
    margin: 0 0 10px 0;
    border: 4px solid #de0202;
}
#coverblock .imgFloatRight { 
    float:right;
    margin: 0 0 0px 10px;}
#coverblock p.clsReadMore { padding: 0 9px 0px 9px;}    
#coverblock h2 {
    padding: 1px 9px 1px 21px;
    margin: 0;
    border:none;
    font-size:12px;
    background-color: #de0202;}
    
#coverblock img {  border: none;} 

#leftcol #coverblock {     margin: 0 0 10px 0;    border: 1px solid #de0202;    padding: 0 0 10px 0;}
#leftcol #coverblock img {    float: none;    margin:0;    border:none;}
#leftcol #coverblock p.clsReadMore { padding: 0 9px 0px 9px;}    
#leftcol #coverblock h2 {    padding: 1px 9px 1px 21px;    margin: 0;    border:none;    font-size:12px;    background-color: #de0202;}   

#imu_halfpage_block { 
    margin: 0 0 10px 0;
    padding: 8px 0;
    border: 1px solid #bfbfbf;
    text-align:center;
}
#rightcol_left {
    width: 154px;
    margin: 0 10px 10px 0;
    float: left;
    overflow:hidden;
}    
#rightcol_right {
    width: 154px;
    margin: 0 0 10px 0;
    float: left;
    text-align: center;
    overflow:hidden;
}  
#rightcol_right  .block  { text-align:left;}   
a { font-weight:bold; color:#000}

ul { list-style: none; margin-left:18px;}
ol { margin-left:18px;}
ul li{    padding:0 0 4px 8px; margin: 0px; background: url(/images/admin/bullet.gif) no-repeat;background-position: 0 5px;}
#coverblock ul { margin-left:0px; padding: 9px 9px 0 10px;background:#fff; color:#000; }
#middlecol_right ul {margin-left:0;} /* if the list is in the narrow rightcolumn, the bullet should indent less */
#middlecol_right ul ul {margin:0 0 0 -5px; padding:0;} /* and a list in a list should indent only very slightly */
#middlecol_right ul ul li {    
    margin:0; 
    padding:0 0 0 13px;
    background: url(/images/admin/bullet_arrow.gif) no-repeat;
    background-position: 4px 4px; list-style:none;color:#656565;}
#middlecol_right ul ul li a{ color:#656565;}
#middlecol_right ul ul li a:hover {color:#de0202;}
.content { margin: 10px 10px;}
    
#femmesCarrousel {
    width:482px;
    height: 250px;
    margin: 0 0 10px 0;
}
.clear { clear:both; height:0px;}
.clear5 { clear:both; height:5px;}
.clear10 { clear:both; height:10px;}
.clear15 { clear:both; height:15px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}
.clear40 { clear:both; height:40px;}
.clear50 { clear:both; height:50px;}
.clear100 { clear:both; height:100px;}

div.logo { 
    display:block;
    width:236px;
    height:115px;
    background: #de0000 url(/images/admin/femmes_logo.gif) no-repeat;
    margin: -5px 5px 5px 0;
    float:left;}
    
div.logo a{ 
    display:block;
    width:236px;
    height:115px;
    text-decoration:none;
}
div.logo span { visibility:hidden;}
#topbannerblock {
    width:728px;
    height:90px;
    margin: 0 5px 5px 0px;
    float:left;
z-index:16777271; 
}
#retailbox { text-align:center; margin-bottom: 7px;}
    
.block { 
    margin: 0 0 10px 0;
    height: 1%; /* fix for IE-bug */
    }
.blockinblock { margin: 10px 9px 0 9px; height:1%;} /* een block IN een block - height is for peekaboo-bug*/
h1 { 
    font-weight: bold;
    font-size:15px;
    padding: 5px 10px 5px 10px;
    color:#fff;
    }
h1 a {color:#fff; text-decoration:none;}
    
h2 { 
    font-weight: bold;
    font-size:15px;
    padding: 5px 9px 5px 9px;
    color:#fff;
    border-bottom: 1px solid #fff;
    }
h2 a {color:#fff; text-decoration:none;}
.quote { 
    clear:both;
    width:206px;
    float:right;
    padding:10px 20px;
    font-style:italic;
    font-size:20px;
    line-height:normal;
    margin:0px;
    font-weight:bold;
    color:#fff;
}
body.cat0 .daily .quote { font-size:12px; color:#fff; margin: 4px 0 4px 0;}
h3 { 
    padding: 10px 10px 0 10px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
}
h3 a { text-decoration:none; color:#fff; }
h5 { 
    padding: 10px 10px 0 10px;
    font-size:12px;
    font-weight:bold;
    color:#fff;
}
h6 { 
    padding: 10px 10px 0 10px;
    font-size:10px;
    font-weight:normal;
}
.block p { padding: 10px 9px 0 9px;}
.block ul, ol { padding: 10px 9px 0 9px;}
.block table { padding: 10px 9px 0 9px;}
.blockinblock { margin: 10px 9px 0 9px;  color:#000;} /* een block IN een block */
.blockinblock p a {color:#000;}
.colored .blockinblock { background-color:#fff;} /* een block IN een gekleurde block */
.block .smalltext { display:block; margin:10px 10px 10px 10px; color:#aaa; font-size:10px; font-weight:bold; text-align:left }

.daily { background: #de0202 url(/images/admin/daily_essentials_bg.gif) no-repeat;}
.daily .item { 
    width: 91px;
    float:left; 
    margin: 31px 0 0 11px;
    display: inline; /* fix for IE doublemargin problem  */
    color:#fff;
    text-align: center;
    }
.daily p { text-align:left;}
.daily a { color:#fff;}
.daily a:hover { color:#ff0000;}
.article { font-size:12px;  padding-bottom:20px;}
.article p { padding: 10px 10px 0 10px; text-align:justify;}
p.clsReadMore {
    text-align: right;
    padding: 0 9px 10px 9px;
    }
p.clsReadMore_nopadding {
    text-align: right;
    padding: 0 9px 0px 9px;
    }
    
p.clsReadMore a { text-decoration:underline;}
p.intro { font-style:italic; text-align:left; }
a.photospecial { background: url(/images/admin/ico_voirphotos.gif) no-repeat 0 0; color:#fff; padding:2px 4px 2px 27px; text-decoration:none; font-style:normal; margin-left:10px;}
a.photospecial:hover { background-color:#de0202;}
p.copyright {
    font-size: 9px; 
    color:#fff;
    margin:0;
    padding: 0 0 2px 10px;
    }
p.categorie { color:#888; font-size:10px; text-align:right; padding-top:2px;}
p.commentInfo { margin: 10px 0 0 0; padding: 3px 10px 0px 10px; color:#666666; font-size:9px; border-top:1px dashed #666;}
p.commentInfo2 { color:#666666; font-size:9px;}
img.imgFloat {
    float: left;
    margin: 0 10px 0px 0;
    display:inline;
    }
p.center { text-align:center;}    
img.imgFloatLeft, p.imgFloatLeft img {
    float: left;
    margin: 0 10px 0px 0;
    }
    
img.imgFloatRight, p.imgFloatRight img { 
    float:right;
    margin: 0 0 5px 10px;} 
   
.imageblock_left { 
    float:left;
    margin: 0 10px 0 0;}
    
div.printsend { float:right; font-size:9px; color:#fff;}
div.printsend a { text-decoration:none; font-weight:normal; color:#fff;}
div.printsend a:hover { text-decoration:none; color:#ffff00;}
.mail2friend { float:left; position:relative; top:6px; border:0;}
.scorebox {
    margin:0;
    text-align:center;
}
.scorebox p{
    font-size:80px;
    font-weight:bold;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    padding:0;
}
/*    Navigation                            */
#navigation ul {
    padding:0;
    margin:0 0 0 10px;
    list-style:none;
    list-style-type: none; 
    list-style-image:none;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    }
    
#navigation ul li {
    text-align:left;
    list-style-type: none; 
    list-style-image:none;
    padding:0; 
    margin:0 0 5px 0;
    background:none;
    }    
#navigation ul li a {
    display: block;
    text-decoration:none;
    background:#fff;
    margin:0;
    padding:0 0 0 13px;
    background: url(/images/admin/bullet.gif) no-repeat;
    background-position: 4px 4px;
    text-transform:uppercase;
    height: 100%;
    }    
    
#navigation ul li a:hover {
    background: url(/images/admin/bullet_active.gif) no-repeat;
    background-position: 4px 4px;
}
#navigation ul li.space {
    height: 10px;
    }
/*    start sub-Navigation                            */ 
#navigation ul ul { margin-bottom:8px;} 
#navigation ul ul li {
    padding:0; 
    margin:0 0 1px 3px;
    display:block;
    }
#navigation ul ul li a {
    margin:0;
    padding:0 0 0 10px;
    background-image: none;
    color:#fff;
    font-size:10px;
    }
#navigation ul ul li a:hover {
    background-image: none;
    background: #de0202;
}
/*    end Navigation                            */    
/*    Forms                                */
form { display:inline;}
input, textarea, select, input.iefocus, textarea.iefocus { border:1px solid #000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#middlecol input.field {width: 300px;} /*  form input fields are 300px if in middlecolumn */
#middlecol textarea { width: 300px; height:100px} /*  text areas also */
#middlecol_left input.field {width: 200px;} /*  form input fields are 220px if in a narrower leftcolumn */
#middlecol_left textarea { width: 200px; height:100px} /*  text areas also */
#search input.button {
    font: normal 10px Arial, Helvetica, sans-serif;
    color:white;
    width: 22px;
    height:14px;
    background:#000;
    border:none;
    }
input.button:hover { cursor:pointer;}
input.checkbox, input.radiobox { border:none;}
input.txtInputField {    width: 115px;}

 /* Start E-cards */
div.ecard {width:91px; height:108px;border:1px solid #de0202; text-align:center; float:left;margin:5px;}
div.ecard img {height:66px; padding:5px;}
div.ecard a.button {display:block; width:100%; background:#de0202; font-size:11px; color:#FFFFFF; text-decoration:none; font-weight: normal;margin-top:2px;}
div.ecard a.button:hover {background:#1fa6f1; color:#000000;}
 /* End E-cards */
 
  /* Start wallpapers */
div.wallpaper {width:140px; height:122px;border:1px solid #de0202; text-align:center; float:left;margin:5px;}
div.wallpaper img {height:80px; padding:5px;}
div.wallpaper a.button {display:block; width:100%; background:#de0202; font-size:11px; color:#FFFFFF; text-decoration:none; font-weight: normal;margin-top:2px;}
div.wallpaper a.button:hover {background:#1fa6f1; color:#000000;}
 /* End E-cards */

/* sitemap */
 ul#sitemap {
    margin: 20px 10px 10px 10px;
    padding: 0;
    list-style:none;
    list-style-image:none;
    background: url(/images/admin/sitemap_dot.gif) repeat-y 3px 0px;
}
ul#sitemap a { 
    color:#000;
    text-decoration:none;
    }    
ul#sitemap a:hover {
    background-color:#b1b1b1;
    text-decoration:none;
    color:#fff;}
    
/* first level */
ul#sitemap li {
    color:#666666;
    list-style: none;
    list-style-image:none;
    line-height:8px;
    margin-bottom: 8px;
    padding: 0;
    background:none;
}
ul#sitemap li a {
    font-size:18px;
    background: url(/images/admin/sitemap_bullet1.gif) no-repeat 0 6px;
    padding-left: 12px;
}
ul#sitemap li p { 
    padding: 0 0 0 15px; 
    margin: 5px 0 0 0;
    font-size:10px;
    line-height:11px;}
/* second level */
ul#sitemap ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    list-style-image:none;
    background: url(/images/admin/sitemap_dot.gif) repeat-y 23px 0px;
}
ul#sitemap li li {
    background: url(/images/admin/sitemap_dot2.gif) no-repeat 4px 4px;
    margin-top:25px;
}
ul#sitemap li li a {
    font-size:14px;
    background: url(/images/admin/sitemap_bullet2.gif) no-repeat 20px 4px;
    padding: 0 0 0 32px;
}
ul#sitemap li li p { padding-left:35px;}
/* third level */
ul#sitemap ul ul {
background: url(/images/admin/sitemap_dot.gif) repeat-y 46px 0px;
}
ul#sitemap li li li {
background: url(/images/admin/sitemap_dot2.gif) no-repeat 24px 4px;
margin-top:8px;
}
ul#sitemap li li li a {
font-size:11px;
padding: 0 0 0 55px;
background: url(/images/admin/sitemap_bullet1.gif) no-repeat 43px 3px;
}
ul#sitemap li li li p { padding-left:60px;}
/* fourth level */
ul#sitemap ul ul ul {
background: url(/images/admin/sitemap_dot.gif) repeat-y 68px 0;
}
ul#sitemap li li li li {
background: url(/images/admin/sitemap_dot2.gif) no-repeat 47px 5px;
}
ul#sitemap li li li li a {
font-size:10px;
padding: 0 0 0 78px;
background: url(/images/admin/sitemap_bullet2.gif) no-repeat 65px .3em;
}
ul#sitemap li li li li p { padding-left:85px;}
/* end sitemap */
    
/*    colorspecific classes; a block is default a white block with colored border / add class="colored" for a full colored block        */
/* first we need to define the blocks that are colored by the class in the body-tag */
/* default: blocks are red - links in nav are grey */
body.catdefault div.block, body.catdefault div.blockinblock  { border: 1px solid #de0202; } /*   a block in cat "catdefault"  */
body.catdefault .colored { background:#de0202;} /* a block with class="colored" on th cat page gets a full cat color */
body.catdefault .quote, body.catdefault .quote a, body.catdefault h3, body.catdefault h3 a, body.catdefault h5, body.catdefault h5 a { color:#de0202;} /*  the .quote- h3 and h5-titles get a catdefault-color on catdefault pages  */
body.catdefault .colored .quote, body.catdefault .colored .quote a, body.catdefault .colored h3, body.catdefault .colored h3 a, body.catdefault .colored h5, body.catdefault .colored h5 a { color:#fff;} /*  except if they are in a colored block  */
body.catdefault h1, body.catdefault h2 { background:#de0202;} /*  the h1- and h2-titles get a catdefault-background on catdefault pages  */
body.catdefault .colored .blockinblock .quote, body.catdefault .colored .blockinblock .quote a, body.catdefault .colored .blockinblock h5, body.catdefault .colored .blockinblock h5 a { color:#de0202;} /*  but then again the .quote and h5 get the catdefault-color if they are in a blockinblock in a colored block  */
body.catdefault .blockinblock h3 { background:#ed7373; color: #c20101; border-bottom: 1px solid #de0202; padding: 8px 10px 5px 10px;} /*  the h3 is an exception, it gets an inbetween bg-color and a darker color  */
body.catdefault .blockinblock h3 a { color:#c20101;} /* also if its clickable */
body.catdefault .imageblock_left { background:#de0202;} /*  this is an imageblock with subtitle (f.e. copyright)  */
body.catdefault .block .imageblock_left img { border-right: 1px solid #de0202; border-bottom: 1px solid #de0202;} /*  this is the image in that imageblock  */
body.catdefault a.photospecial { background-color:#de0202;}
body.catdefault a.photospecial:hover { background-color:#000;}
body.catdefault #navigation ul ul li a { background: #de0202;} /* this is the subnav in de nav-column */
body.catdefault #navigation ul ul li a:hover { background: #000;}
body.catdefault .color { color:#de0202;}
/* cat0 - femmes */
body.cat0 div.block, body.cat0 div.blockinblock  { border: 1px solid #de0202; } /*   a block in cat "cat0"  */
body.cat0 .colored { background:#de0202;} /* a block with class="colored" on th cat page gets a full cat color */
body.cat0 .quote, body.cat0 .quote a, body.cat0 h3, body.cat0 h3 a, body.cat0 h5, body.cat0 h5 a { color:#de0202;} /*  the .quote- h3 and h5-titles get a cat0-color on cat0 pages  */
body.cat0 .colored .quote, body.cat0 .colored .quote a, body.cat0 .colored h3, body.cat0 .colored h3 a, body.cat0 .colored h5, body.cat0 .colored h5 a { color:#fff;} /*  except if they are in a colored block  */
body.cat0 h1, body.cat0 h2 { background:#de0202;} /*  the h1- and h2-titles get a cat0-background on cat0 pages  */
body.cat0 .colored .blockinblock .quote, body.cat0 .colored .blockinblock .quote a, body.cat0 .colored .blockinblock h5, body.cat0 .colored .blockinblock h5 a { color:#de0202;} /*  but then again the .quote and h5 get the cat0-color if they are in a blockinblock in a colored block  */
body.cat0 .blockinblock h3 { background:#ed7373; color: #c20101; border-bottom: 1px solid #de0202; padding: 8px 10px 5px 10px;} /*  the h3 is an exception, it gets an inbetween bg-color and a darker color  */
body.cat0 .blockinblock h3 a { color:#c20101;} /* also if its clickable */
body.cat0 .imageblock_left { background:#de0202;} /*  this is an imageblock with subtitle (f.e. copyright)  */
body.cat0 .block .imageblock_left img { border-right: 1px solid #de0202; border-bottom: 1px solid #de0202;} /*  this is the image in that imageblock  */
body.cat0 a.photospecial { background-color:#de0202;}
body.cat0 a.photospecial:hover { background-color:#000;}
body.cat0 #navigation ul ul li a { background: #de0202;} /* this is the subnav in de nav-column */
body.cat0 #navigation ul ul li a:hover { background: #000;}
body.cat0 .color { color:#de0202;}
/* cat1 - Le Magazine */
body.cat1 div.block, body.cat1 div.blockinblock  { border: 1px solid #1fa6f1; } /*   a block in cat "cat1"  */
body.cat1 .colored { background:#1fa6f1;} /* a block with class="colored" on th cat page gets a full cat color */
body.cat1 .quote, body.cat1 .quote a, body.cat1 h3, body.cat1 h3 a, body.cat1 h5, body.cat1 h5 a { color:#1fa6f1;} /*  the .quote- h3 and h5-titles get a cat1-color on cat1 pages  */
body.cat1 .colored .quote, body.cat1 .colored .quote a, body.cat1 .colored h3, body.cat1 .colored h3 a, body.cat1 .colored h5, body.cat1 .colored h5 a { color:#fff;} /*  except if they are in a colored block  */
body.cat1 h1, body.cat1 h2 { background:#1fa6f1;} /*  the h1- and h2-titles get a cat1-background on cat1 pages  */
body.cat1 .colored .blockinblock .quote, body.cat1 .colored .blockinblock .quote a, body.cat1 .colored .blockinblock h5, body.cat1 .colored .blockinblock h5 a { color:#1fa6f1;} /*  but then again the .quote and h5 get the cat1-color if they are in a blockinblock in a colored block  */
body.cat1 .blockinblock h3 { background:#84cef7; color: #016fae; border-bottom: 1px solid #1fa6f1; padding: 8px 10px 5px 10px;} /*  the h3 is an exception, it gets an inbetween bg-color and a darker color  */
body.cat1 .blockinblock h3 a { color:#016fae;} /* also if its clickable */
body.cat1 .imageblock_left { background:#1fa6f1;} /*  this is an imageblock with subtitle (f.e. copyright)  */
body.cat1 .block .imageblock_left img { border-right: 1px solid #1fa6f1; border-bottom: 1px solid #1fa6f1;} /*  this is the image in that imageblock  */
body.cat1 a.photospecial { background-color:#1fa6f1;}
body.cat1 a.photospecial:hover { background-color:#000;}
body.cat1 #navigation ul ul li a { background: #1fa6f1;} /* this is the subnav in de nav-column */
body.cat1 #navigation ul ul li a:hover { background: #000;}
body.cat1 .color { color:#1fa6f1;}
/* cat2 - Loisirs & Crea */
body.cat2 div.block, body.cat2 div.blockinblock  { border: 1px solid #f27801; } /*   a block in cat "cat2"  */
body.cat2 .colored { background:#f27801;} /* a block with class="colored" on th cat page gets a full cat color */
body.cat2 .quote, body.cat2 .quote a, body.cat2 h3, body.cat2 h3 a, body.cat2 h5, body.cat2 h5 a { color:#f27801;} /*  the .quote- h3 and h5-titles get a cat2-color on cat2 pages  */
body.cat2 .colored .quote, body.cat2 .colored .quote a, body.cat2 .colored h3, body.cat2 .colored h3 a, body.cat2 .colored h5, body.cat2 .colored h5 a { color:#fff;} /*  except if they are in a colored block  */
body.cat2 h1, body.cat2 h2 { background:#f27801;} /*  the h1- and h2-titles get a cat2-background on cat2 pages  */
body.cat2 .colored .blockinblock .quote, body.cat2 .colored .blockinblock .quote a, body.cat2 .colored .blockinblock h5, body.cat2 .colored .blockinblock h5 a { color:#f27801;} /*  but then again the .quote and h5 get the cat2-color if they are in a blockinblock in a colored block  */
body.cat2 .blockinblock h3 { background:#fcb471; color: #df7004; border-bottom: 1px solid #f27801; padding: 8px 10px 5px 10px;} /*  the h3 is an exception, it gets an inbetween bg-color and a darker color  */
body.cat2 .blockinblock h3 a { color:#df7004;} /* also if its clickable */
body.cat2 .imageblock_left { background:#f27801;} /*  this is an imageblock with subtitle (f.e. copyright)  */
body.cat2 .block .imageblock_left img { border-right: 1px solid #f27801; border-bottom: 1px solid #f27801;} /*  this is the image in that imageblock  */
body.cat2 a.photospecial { background-color:#f27801;}
body.cat2 a.photospecial:hover { background-color:#000;}
body.cat2 #navigation ul ul li a { background: #f27801;} /* this is the subnav in de nav-column */
body.cat2 #navigation ul ul li a:hover { background: #000;}
body.cat2 .color { color:#f27801;}
/* cat3 - Mode & Beauty */
body.cat3 div.block, body.cat3 div.blockinblock  { border: 1px solid #e50577; } /*   a block in cat "cat3"  */
body.cat3 .colored { background:#e50577;} /* a block with class="colored" on th cat page gets a full cat color */
body.cat3 .quote, body.cat3 .quote a, body.cat3 h3, body.cat3 h3 a, body.cat3 h5, body.cat3 h5 a { color:#e50577;} /*  the .quote- h3 and h5-titles get a cat3-color on cat3 pages  */
body.cat3 .colored .quote, body.cat3 .colored .quote a, body.cat3 .colored h3, body.cat3 .colored h3 a, body.cat3 .colored h5, body.cat3 .colored h5 a { color:#fff;} /*  except if they are in a colored block  */
body.cat3 h1, body.cat3 h2 { background:#e50577;} /*  the h1- and h2-titles get a cat3-background on cat3 pages  */
body.cat3 .colored .blockinblock .quote, body.cat3 .colored .blockinblock .quote a, body.cat3 .colored .blockinblock h5, body.cat3 .colored .blockinblock h5 a { color:#e50577;} /*  but then again the .quote and h5 get the cat3-color if they are in a blockinblock in a colored block  */
body.cat3 .blockinblock h3 { background:#f176b4; color: #cc0369; border-bottom: 1px solid #e50577; padding: 8px 10px 5px 10px;} /*  the h3 is an exception, it gets an inbetween bg-color and a darker color  */
body.cat3 .blockinblock h3 a { color:#cc0369;} /* also if its clickable */
body.cat3 .imageblock_left { background:#e50577;} /*  this is an imageblock with subtitle (f.e. copyright)  */
body.cat3 .block .imageblock_left img { border-right: 1px solid #e50577; border-bottom: 1px solid #e50577;} /*  this is the image in that imageblock  */
body.cat3 a.photospecial { background-color:#e50577;}
body.cat3 a.photospecial:hover { background-color:#000;}
body.cat3 #navigation ul ul li a { background: #e50577;} /* this is the subnav in de nav-column */
body.cat3 #navigation ul ul li a:hover { background: #000;}
body.cat3 .color { color:#e50577;}
/* cat4 - Cuisine */
body.cat4 div.block, body.cat4 div.blockinblock  { border: 1px solid #feae03; } /*   a block in cat "cat4"  */
body.cat4 .colored { background:#feae03;} /* a block with class="colored" on th cat page gets a full cat color */
body.cat4 .quote, body.cat4 .quote a, body.cat4 h3, body.cat4 h3 a, body.cat4 h5, body.cat4 h5 a { color:#feae03;} /*  the .quote- h3 and h5-titles get a cat4-color on cat4 pages  */
body.cat4 .colored .quote, body.cat4 .colored .quote a, body.cat4 .colored h3, body.cat4 .colored h3 a, body.cat4 .colored h5, body.cat4 .colored h5 a { color:#fff;} /*  except if they are in a colored block  */
body.cat4 h1, body.cat4 h2 { background:#feae03;} /*  the h1- and h2-titles get a cat4-background on cat4 pages  */
body.cat4 .colored .blockinblock .quote, body.cat4 .colored .blockinblock .quote a, body.cat4 .colored .blockinblock h5, body.cat4 .colored .blockinblock h5 a { color:#feae03;} /*  but then again the .quote and h5 get the cat4-color if they are in a blockinblock in a colored block  */
body.cat4 .blockinblock h3 { background:#ffdb8d; color: #e79e01; border-bottom: 1px solid #feae03; padding: 8px 10px 5px 10px;} /*  the h3 is an exception, it gets an inbetween bg-color and a darker color  */
body.cat4 .blockinblock h3 a { color:#e79e01;} /* also if its clickable */
body.cat4 .imageblock_left { background:#feae03;} /*  this is an imageblock with subtitle (f.e. copyright)  */
body.cat4 .block .imageblock_left img { border-right: 1px solid #feae03; border-bottom: 1px solid #feae03;} /*  this is the image in that imageblock  */
body.cat4 a.photospecial { background-color:#feae03;}
body.cat4 a.photospecial:hover { background-color:#000;}
body.cat4 #navigation ul ul li a { background: #feae03;} /* this is the subnav in de nav-column */
body.cat4 #navigation ul ul li a:hover { background: #000;}
body.cat4 .color { color:#feae03;}
/* cat5 - Actu & Culture */
body.cat5 div.block, body.cat5 div.blockinblock  { border: 1px solid #794f72; } /*   a block in cat "cat5"  */
body.cat5 .colored { background:#794f72;} /* a block with class="colored" on th cat page gets a full cat color */
body.cat5 .quote, body.cat5 .quote a, body.cat5 h3, body.cat5 h3 a, body.cat5 h5, body.cat5 h5 a { color:#794f72;} /*  the .quote- h3 and h5-titles get a cat5-color on cat5 pages  */
body.cat5 .colored .quote, body.cat5 .colored .quote a, body.cat5 .colored h3, body.cat5 .colored h3 a, body.cat5 .colored h5, body.cat5 .colored h5 a { color:#fff;} /*  except if they are in a colored block  */
body.cat5 h1, body.cat5 h2 { background:#794f72;} /*  the h1- and h2-titles get a cat5-background on cat5 pages  */
body.cat5 .colored .blockinblock .quote, body.cat5 .colored .blockinblock .quote a, body.cat5 .colored .blockinblock h5, body.cat5 .colored .blockinblock h5 a { color:#794f72;} /*  but then again the .quote and h5 get the cat5-color if they are in a blockinblock in a colored block  */
body.cat5 .blockinblock h3 { background:#b186aa; color: #6c4064; border-bottom: 1px solid #794f72; padding: 8px 10px 5px 10px;} /*  the h3 is an exception, it gets an inbetween bg-color and a darker color  */
body.cat5 .blockinblock h3 a { color:#6c4064;} /* also if its clickable */
body.cat5 .imageblock_left { background:#794f72;} /*  this is an imageblock with subtitle (f.e. copyright)  */
body.cat5 .block .imageblock_left img { border-right: 1px solid #794f72; border-bottom: 1px solid #794f72;} /*  this is the image in that imageblock  */
body.cat5 a.photospecial { background-color:#794f72;}
body.cat5 a.photospecial:hover { background-color:#000;}
body.cat5 #navigation ul ul li a { background: #794f72;} /* this is the subnav in de nav-column */
body.cat5 #navigation ul ul li a:hover { background: #000;}
body.cat5 .color { color:#794f72;}
/* cat6 - Actu & Culture */
body.cat6 div.block, body.cat6 div.blockinblock  { border: 1px solid #a1db14; } /*   a block in cat "cat6"  */
body.cat6 .colored { background:#a1db14;} /* a block with class="colored" on th cat page gets a full cat color */
body.cat6 .quote, body.cat6 .quote a, body.cat6 h3, body.cat6 h3 a, body.cat6 h5, body.cat6 h5 a { color:#a1db14;} /*  the .quote- h3 and h5-titles get a cat6-color on cat6 pages  */
body.cat6 .colored .quote, body.cat6 .colored .quote a, body.cat6 .colored h3, body.cat6 .colored h3 a, body.cat6 .colored h5, body.cat6 .colored h5 a { color:#fff;} /*  except if they are in a colored block  */
body.cat6 h1, body.cat6 h2 { background:#a1db14;} /*  the h1- and h2-titles get a cat6-background on cat6 pages  */
body.cat6 .colored .blockinblock .quote, body.cat6 .colored .blockinblock .quote a, body.cat6 .colored .blockinblock h5, body.cat6 .colored .blockinblock h5 a { color:#a1db14;} /*  but then again the .quote and h5 get the cat6-color if they are in a blockinblock in a colored block  */
body.cat6 .blockinblock h3 { background:#ceeb7c; color: #5c7f21; border-bottom: 1px solid #a1db14; padding: 8px 10px 5px 10px;} /*  the h3 is an exception, it gets an inbetween bg-color and a darker color  */
body.cat6 .blockinblock h3 a { color:#5c7f21;} /* also if its clickable */
body.cat6 .imageblock_left { background:#a1db14;} /*  this is an imageblock with subtitle (f.e. copyright)  */
body.cat6 .block .imageblock_left img { border-right: 1px solid #a1db14; border-bottom: 1px solid #a1db14;} /*  this is the image in that imageblock  */
body.cat6 a.photospecial { background-color:#a1db14;}
body.cat6 a.photospecial:hover { background-color:#000;}
body.cat6 #navigation ul ul li a { background: #a1db14;} /* this is the subnav in de nav-column */
body.cat6 #navigation ul ul li a:hover { background: #000;}
body.cat6 .color { color:#a1db14;}
/* action1 - for specials */
body.action1 div.block, body.action1 div.blockinblock  { border: 1px solid #375646; } /*   a block in cat "action1"  */
body.action1 .colored { background:#375646;} /* a block with class="colored" on th cat page gets a full cat color */
body.action1 .quote, body.action1 .quote a, body.action1 h3, body.action1 h3 a, body.action1 h5, body.action1 h5 a { color:#375646;} /*  the .quote- h3 and h5-titles get a action1-color on action1 pages  */
body.action1 .colored .quote, body.action1 .colored .quote a, body.action1 .colored h3, body.action1 .colored h3 a, body.action1 .colored h5, body.action1 .colored h5 a { color:#fff;} /*  except if they are in a colored block  */
body.action1 h1, body.action1 h2 { background:#375646;} /*  the h1- and h2-titles get a action1-background on action1 pages  */
body.action1 .colored .blockinblock .quote, body.action1 .colored .blockinblock .quote a, body.action1 .colored .blockinblock h5, body.action1 .colored .blockinblock h5 a { color:#375646;} /*  but then again the .quote and h5 get the action1-color if they are in a blockinblock in a colored block  */
body.action1 .blockinblock h3 { background:#547866; color: #384742; border-bottom: 1px solid #375646; padding: 8px 10px 5px 10px;} /*  the h3 is an exception, it gets an inbetween bg-color and a darker color  */
body.action1 .blockinblock h3 a { color:#384742;} /* also if its clickable */
body.action1 .imageblock_left { background:#375646;} /*  this is an imageblock with subtitle (f.e. copyright)  */
body.action1 .block .imageblock_left img { border-right: 1px solid #375646; border-bottom: 1px solid #375646;} /*  this is the image in that imageblock  */
body.action1 a.photospecial { background-color:#375646;}
body.action1 a.photospecial:hover { background-color:#000;}
body.action1 #navigation ul ul li a { background: #375646;} /* this is the subnav in de nav-column */
body.action1 #navigation ul ul li a:hover { background: #000;}
body.action1 .color { color:#375646;}
/* action2 - for specials */
body.action2 div.block, body.action2 div.blockinblock  { border: 1px solid #cccccc; } /*   a block in cat "action2"  */
body.action2 .colored { background:#cccccc;} /* a block with class="colored" on th cat page gets a full cat color */
body.action2 .quote, body.action2 .quote a, body.action2 h3, body.action2 h3 a, body.action2 h5, body.action2 h5 a { color:#cccccc;} /*  the .quote- h3 and h5-titles get a action2-color on action2 pages  */
body.action2 .colored .quote, body.action2 .colored .quote a, body.action2 .colored h3, body.action2 .colored h3 a, body.action2 .colored h5, body.action2 .colored h5 a { color:#fff;} /*  except if they are in a colored block  */
body.action2 h1, body.action2 h2 { background:#cccccc;} /*  the h1- and h2-titles get a action2-background on action2 pages  */
body.action2 .colored .blockinblock .quote, body.action2 .colored .blockinblock .quote a, body.action2 .colored .blockinblock h5, body.action2 .colored .blockinblock h5 a { color:#cccccc;} /*  but then again the .quote and h5 get the action2-color if they are in a blockinblock in a colored block  */
body.action2 .blockinblock h3 { background:#eeeeee; color: #aaaaaa; border-bottom: 1px solid #cccccc; padding: 8px 10px 5px 10px;} /*  the h3 is an exception, it gets an inbetween bg-color and a darker color  */
body.action2 .blockinblock h3 a { color:#aaaaa;} /* also if its clickable */
body.action2 .imageblock_left { background:#cccccc;} /*  this is an imageblock with subtitle (f.e. copyright)  */
body.action2 .block .imageblock_left img { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} /*  this is the image in that imageblock  */
body.action2 a.photospecial { background-color:#cccccc;}
body.action2 a.photospecial:hover { background-color:#000;}
body.action2 #navigation ul ul li a { background: #cccccc;} /* this is the subnav in de nav-column */
body.action2 #navigation ul ul li a:hover { background: #000;}
body.action2 .color { color:#cccccc;}
/* then we need to define the blocks that are colored by the class in the div-tag */
/* catdefault */
body.catdefault div.catdefault, body.cat1 div.catdefault, body.cat2 div.catdefault, body.cat3 div.catdefault, body.cat4 div.catdefault, body.cat5 div.catdefault, body.cat6 div.catdefault, body.action1 div.catdefault, body.action2 div.catdefault { border: 1px solid #de0202; }  /* a catdefault block on any page has to have a catdefault border */
body.catdefault div.catdefault_colored, body.cat1 div.catdefault_colored, body.cat2 div.catdefault_colored, body.cat3 div.catdefault_colored, body.cat4 div.catdefault_colored, body.cat5 div.catdefault_colored, body.cat6 div.catdefault_colored, , body.action1 div.catdefault_colored, , body.action2 div.catdefault_colored { border: 1px solid #de0202; }  /* also when it's colored */
div.catdefault { border: 1px solid #de0202; } 
div.catdefault_colored { background:#de0202;}  /*  a block with class="catdefault_colored" gets a full catdefault color (mainly for homepageblocks)      */
div.catdefault h1, div.catdefault h2, div.catdefault_colored h2 { background:#de0202;} /*  the h1- and h2-titles get a catdefault-background in catdefault-blocks on homepage */
li a.catdefault { color:#656565;}
/* cat0 - femmes */
body.catdefault div.cat0, body.cat0 div.cat0, body.cat1 div.cat0, body.cat2 div.cat0, body.cat3 div.cat0, body.cat4 div.cat0, body.cat5 div.cat0, body.cat6 div.cat0, body.action1 div.cat0, body.action2 div.cat0 { border: 1px solid #de0202; }  /* a cat0 block on any page has to have a cat0 border */
body.catdefault div.cat0_colored, body.cat0 div.cat0_colored, body.cat1 div.cat0_colored, body.cat2 div.cat0_colored, body.cat3 div.cat0_colored, body.cat4 div.cat0_colored, body.cat5 div.cat0_colored, body.cat6 div.cat0_colored, body.action1 div.cat0_colored, body.action2 div.cat0_colored { border: 1px solid #de0202; }  /* also when it's colored */
div.cat0 { border: 1px solid #de0202; } 
div.cat0_colored { background:#de0202;}  /*  a block with class="cat0_colored" gets a full cat0 color (mainly for homepageblocks)      */
div.cat0 h1, div.cat0 h2, div.cat0_colored h2 { background:#de0202;} /*  the h1- and h2-titles get a cat0-background in cat0-blocks on homepage */
li a.cat0 { color:#de0202;}
/* cat1 - Le Magazine */
body.catdefault div.cat1, body.cat0 div.cat1, body.cat1 div.cat1, body.cat2 div.cat1, body.cat3 div.cat1, body.cat4 div.cat1, body.cat5 div.cat1, body.cat6 div.cat1, body.action1 div.cat1, body.action2 div.cat1 { border: 1px solid #1fa6f1; }  /* a cat1 block on any page has to have a cat1 border */
body.catdefault div.cat1_colored, body.cat0 div.cat1_colored, body.cat1 div.cat1_colored, body.cat2 div.cat1_colored, body.cat3 div.cat1_colored, body.cat4 div.cat1_colored, body.cat5 div.cat1_colored, body.cat6 div.cat1_colored, body.action1 div.cat1_colored, body.action2 div.cat1_colored { border: 1px solid #1fa6f1; }  /* also when it's colored */
div.cat1 { border: 1px solid #1fa6f1; } 
div.cat1_colored { background:#1fa6f1;}  /*  a block with class="cat1_colored" gets a full cat1 color (mainly for homepageblocks)      */
div.cat1 h1, div.cat1 h2, div.cat1_colored h2 { background:#1fa6f1;} /*  the h1- and h2-titles get a cat1-background in cat1-blocks on homepage */
li a.cat1 { color:#1fa6f1;}
/* cat2 - Loisirs & Crea */
body.catdefault div.cat2, body.cat02 div.cat2, body.cat1 div.cat2, body.cat2 div.cat2, body.cat3 div.cat2, body.cat4 div.cat2, body.cat5 div.cat2, body.cat6 div.cat2, body.action1 div.cat2, body.action2 div.cat2 { border: 1px solid #f27801; }  /* a cat2 block on any page has to have a cat2 border */
body.catdefault div.cat2_colored, body.cat0 div.cat2_colored, body.cat1 div.cat2_colored, body.cat2 div.cat2_colored, body.cat3 div.cat2_colored, body.cat4 div.cat2_colored, body.cat5 div.cat2_colored, body.cat6 div.cat2_colored, body.action1 div.cat2_colored, body.action2 div.cat2_colored { border: 1px solid #f27801; }  /* also when it's colored */
div.cat2 { border: 1px solid #f27801; } 
div.cat2_colored { background:#f27801;}  /*  a block with class="cat2_colored" gets a full cat2 color (mainly for homepageblocks)      */
div.cat2 h1, div.cat2 h2, div.cat2_colored h2 { background:#f27801;} /*  the h1- and h2-titles get a cat2-background in cat2-blocks on homepage */
li a.cat2 { color:#f27801;}
/* cat3 - Mode & Beauty */
body.catdefault div.cat3, body.cat0 div.cat3, body.cat1 div.cat3, body.cat2 div.cat3, body.cat3 div.cat3, body.cat4 div.cat3, body.cat5 div.cat3, body.cat6 div.cat3, body.action1 div.cat3, body.action2 div.cat3 { border: 1px solid #e50577; }  /* a cat3 block on any page has to have a cat3 border */
body.catdefault div.cat3_colored, body.cat0 div.cat3_colored, body.cat1 div.cat3_colored, body.cat2 div.cat3_colored, body.cat3 div.cat3_colored, body.cat4 div.cat3_colored, body.cat5 div.cat3_colored, body.cat6 div.cat3_colored, body.action1 div.cat3_colored, body.action2 div.cat3_colored { border: 1px solid #e50577; }  /* also when it's colored */
div.cat3 { border: 1px solid #e50577; } 
div.cat3_colored { background:#e50577;}  /*  a block with class="cat3_colored" gets a full cat3 color (mainly for homepageblocks)      */
div.cat3 h1, div.cat3 h2, div.cat3_colored h2 { background:#e50577;} /*  the h1- and h2-titles get a cat3-background in cat3-blocks on homepage */
li a.cat3 { color:#e50577;}
/* cat4 - Cuisine */
body.catdefault div.cat4, body.cat0 div.cat4, body.cat1 div.cat4, body.cat2 div.cat4, body.cat3 div.cat4, body.cat4 div.cat4, body.cat5 div.cat4, body.cat6 div.cat4, body.action1 div.cat4, body.action2 div.cat4 { border: 1px solid #feae03; }  /* a cat4 block on any page has to have a cat4 border */
body.catdefault div.cat4_colored, body.cat0 div.cat4_colored, body.cat1 div.cat4_colored, body.cat2 div.cat4_colored, body.cat3 div.cat4_colored, body.cat4 div.cat4_colored, body.cat5 div.cat4_colored, body.cat6 div.cat4_colored, body.action1 div.cat4_colored, body.action2 div.cat4_colored { border: 1px solid #feae03; }  /* also when it's colored */
div.cat4 { border: 1px solid #feae03; } 
div.cat4_colored { background:#feae03;}  /*  a block with class="cat4_colored" gets a full cat4 color (mainly for homepageblocks)      */
div.cat4 h1, div.cat4 h2, div.cat4_colored h2 { background:#feae03;} /*  the h1- and h2-titles get a cat4-background in cat4-blocks on homepage */
li a.cat4 { color:#feae03;}
/* cat5 - Actu & Culture */
body.catdefault div.cat5, body.cat0 div.cat5, body.cat1 div.cat5, body.cat2 div.cat5, body.cat3 div.cat5, body.cat4 div.cat5, body.cat5 div.cat5, body.cat6 div.cat5, body.action1 div.cat5, body.action2 div.cat5 { border: 1px solid #794f72; }  /* a cat5 block on any page has to have a cat5 border */
body.catdefault div.cat5_colored, body.cat0 div.cat5_colored, body.cat1 div.cat5_colored, body.cat2 div.cat5_colored, body.cat3 div.cat5_colored, body.cat4 div.cat5_colored, body.cat5 div.cat5_colored, body.cat6 div.cat5_colored, body.action1 div.cat5_colored, body.action2 div.cat5_colored { border: 1px solid #794f72; }  /* also when it's colored */
div.cat5 { border: 1px solid #794f72; } 
div.cat5_colored { background:#794f72;}  /*  a block with class="cat5_colored" gets a full cat5 color (mainly for homepageblocks)      */
div.cat5 h1, div.cat5 h2, div.cat5_colored h2 { background:#794f72;} /*  the h1- and h2-titles get a catd5-background in cat5-blocks on homepage */
li a.cat5 { color:#794f72;}
/* cat6 - Actu & Culture */
body.catdefault div.cat6, body.cat0 div.cat6, body.cat1 div.cat6, body.cat2 div.cat6, body.cat3 div.cat6, body.cat4 div.cat6, body.cat5 div.cat6, body.cat6 div.cat6, body.action1 div.cat6, body.action2 div.cat6 { border: 1px solid #a1db14; }  /* a cat6 block on any page has to have a cat6 border */
body.catdefault div.cat6_colored, body.cat0 div.cat6_colored, body.cat1 div.cat6_colored, body.cat2 div.cat6_colored, body.cat3 div.cat6_colored, body.cat4 div.cat6_colored, body.cat5 div.cat6_colored, body.cat6 div.cat6_colored, body.action1 div.cat6_colored, body.action2 div.cat6_colored { border: 1px solid #a1db14; }  /* also when it's colored */
div.cat6 { border: 1px solid #a1db14; } 
div.cat6_colored { background:#a1db14;}  /*  a block with class="cat6_colored" gets a full cat6 color (mainly for homepageblocks)      */
div.cat6 h1, div.cat6 h2, div.cat6_colored h2 { background:#a1db14;} /*  the h1- and h2-titles get a cat6-background in cat6-blocks on homepage */
li a.cat6 { color:#a1db14;}
/* action1 - for specials */
body.catdefault div.action1, body.cat0 div.action1, body.cat1 div.action1, body.cat2 div.action1, body.cat3 div.action1, body.cat4 div.action1, body.cat5 div.action1, body.cat6 div.action1, body.action1 div.action1, body.action2 div.action1 { border: 1px solid #375646; }  /* a action1 block on any page has to have a action1 border */
body.catdefault div.action1_colored, body.cat0 div.action1_colored, body.cat1 div.action1_colored, body.cat2 div.action1_colored, body.cat3 div.action1_colored, body.cat4 div.action1_colored, body.cat5 div.action1_colored, body.cat6 div.action1_colored, body.action1 div.action1_colored, body.action2 div.action1_colored { border: 1px solid #375646; }  /* also when it's colored */
div.action1 { border: 1px solid #375646; } 
div.action1_colored { background:#375646;}  /*  a block with class="action1_colored" gets a full action1 color (mainly for homepageblocks)      */
div.action1 h1, div.action1 h2, div.action1_colored h2 { background:#375646;} /*  the h1- and h2-titles get a action1-background in action1-blocks on homepage */
li a.action1 { color:#375646;}
/* action2 - for specials */
body.catdefault div.action2, body.cat0 div.action2, body.cat1 div.action2, body.cat2 div.action2, body.cat3 div.action2, body.cat4 div.action2, body.cat5 div.action2, body.cat6 div.action2, body.action1 div.action2, body.action2 div.action2 { border: 1px solid #cccccc; }  /* a action2 block on any page has to have a action2 border */
body.catdefault div.action2_colored, body.cat0 div.action2_colored, body.cat1 div.action2_colored, body.cat2 div.action2_colored, body.cat3 div.action2_colored, body.cat4 div.action2_colored, body.cat5 div.action2_colored, body.cat6 div.action2_colored, body.action1 div.action2_colored, body.action2 div.action2_colored { border: 1px solid #cccccc; }  /* also when it's colored */
div.action2 { border: 1px solid #cccccc; } 
div.action2_colored { background:#cccccc;}  /*  a block with class="action2_colored" gets a full action2 color (mainly for homepageblocks)      */
div.action2 h1, div.action2 h2, div.action2_colored h2 { background:#cccccc;} /*  the h1- and h2-titles get a action2-background in action2-blocks on homepage */
li a.action2 { color:#cccccc;}
.colored, .catdefault_colored, .cat0_colored, .cat1_colored, .cat2_colored, .cat3_colored, .cat4_colored, .cat5_colored, .cat6_colored, .action1_colored, .action2_colored { color:#fff;} /* colored blocks always have white text */
.colored a, .catdefault_colored a, .cat0_colored a, .cat1_colored a, .cat2_colored a, .cat3_colored a, .cat4_colored a, .cat5_colored a, .cat6_colored a, .action1_colored a, .action2_colored a { color:#fff;} /* links also */
div.colored h3 { color:#fff;}
div.colored h3 a { color:#fff;}


.colored_button { background:#de0202; padding:5px 10px; text-decoration:none; color:#fff;}
body.catdefault .colored_button { background:#de0202;}
body.cat0 .colored_button { background:#de0202;}
body.cat1 .colored_button { background:#1fa6f1;}
body.cat2 .colored_button { background:#f27801;}
body.cat3 .colored_button { background:#e50577;}
body.cat4 .colored_button { background:#feae03;}
body.cat5 .colored_button { background:#794f72;}
body.cat6 .colored_button { background:#a1db14;}
.colored_button:hover {background:#ef1313;}
body.catdefault .colored_button { background:#ef1313;}
body.cat0 .colored_button:hover { background:#ef1313;}
body.cat1 .colored_button:hover { background:#2fb7f2;}
body.cat2 .colored_button:hover { background:#f38912;}
body.cat3 .colored_button:hover { background:#f61688;}
body.cat4 .colored_button:hover { background:#ffbf14;}
body.cat5 .colored_button:hover { background:#8a5f83;}
body.cat6 .colored_button:hover { background:#b2ec25;}

/* photo uploads */
div.imgFloat {
    float: left;
    padding: 5px;
    margin: 0;
    display:inline;
    }
.right { float:right; margin-right:10px;}
 



/* PAP    */
#papbe_container #centre {
    
}
 
#papbe_container #centre h1 {
    color: #f00;
}
 

 #papbe_container #centre h2 {
    color: #000;
}
 

table.astro { width:480px; font-size:10px; }
table.astro td { text-align:center;}
table.astro img { border:1px solid #333;}
.astro2 {padding: 0px 9px 0 9px;}

/* Starbox */
.teaser_rating { width:80px; float:right; text-align:right; } 
.publicscore { width:250px; float:right; text-align:right; } 
.publicscore .starbox, .personalscore .starbox { float: right; margin: 0 0 0 5px; } 
.starbox .stars { background: #ccc; } 
.starbox .rated .stars { background: #ccc; } 
.starbox .rated .hover .stars { background: #ccc; } 
.starbox .colorbar { background: #ff0000; } 
.starbox .hover .colorbar { background: #ffcc1c; } 
.starbox .rated .colorbar { background: #ff0000; } 
.starbox .rated .hover .colorbar { background: #1e90ff; } 
.starbox .ghost { background: #a1a1a1; } 
.starbox .indicator { clear: both; font-size:10px; line-height:normal; } 
.starbox .pointy .colorbar { background: #ffcc1c; } 
.starbox .pointy .hover .colorbar { background: #ff9231; }

 
.fotoalbum { background:#ebe9e9; color:#555; width:466px; margin:10px 0 10px 7px; }
.fotoalbum .paging { width:466px; height:36px; background: url(/images/admin/fotoalbum_bg.png) top left no-repeat; color:#555; padding:0; margin:0; position:relative; }
.fotoalbum .paging a.previous { display:block; position:absolute; left:0; margin: 9px 0 0 10px; color:#555; font-weight:normal; text-decoration:none; background:none; padding:0; height:auto; }
.fotoalbum .paging a.next { display:block; position:absolute; right:0; margin:9px 10px 0 0; color:#555; font-weight:normal; text-decoration:none; background:none; padding:0; height:auto; }
.fotoalbum .paging_bottom { position:relative; font-size:11px;line-height:normal; width:466px; height:36px; background: url(/images/admin/fotoalbum_bg.png) bottom left no-repeat; color:#fff;  padding:0 }
.fotoalbum .paging_bottom a.previous { display:block; position:absolute; left:0; margin: 15px 0 0 10px; color:#555; font-weight:normal; text-decoration:none; }
.fotoalbum .paging_bottom a.next { display:block; position:absolute; right:0; margin:15px 10px 0 0; color:#555; font-weight:normal; text-decoration:none;}
body.catdefault .fotoalbum h2, body.cat0 .fotoalbum h2, body.cat1 .fotoalbum h2, body.cat2 .fotoalbum h2, body.cat3 .fotoalbum h2, body.cat4 .fotoalbum h2, body.cat5 .fotoalbum h2, body.cat6 .fotoalbum h2 { padding:5px 10px; font-weight: bold; font-size:15px; color:#555; border: none; background:none;}
#content_image { width:466px; text-align:center;}
#content_image img { margin:0 auto;}
.fotoalbum #content_comment { padding:10px;}

.shop_integration { font-family:Verdana, Arial, Helvetica, sans-serif; color:#b30001; font-size:10px; font-weight:bold; padding:10px 2px 10px 2px; margin:0}
.shop_integration td img { border:1px solid #d5d6df;}
.shop_integration a { color:#b30001; text-decoration:none;}
.shop_integration a:hover {  color:#e51c1d;}
p.shop_integration_title { text-align:center; font-size:12px; font-weight:bold; color:#000000;}
 

/* content carrousel */
#slideshow { position:relative; width: 316px; height:245px; margin: 0; }
/*#slideshow div.loading {position:absolute;top:180px;left:240px;width:100px;text-align:center;color:white;}*/
#slideshow h1 {font-size:13px;font-weight:bold; color:#fff; margin:0; line-height: normal;}
#slide1, #slide2, #slide3, #slide4, #slide5 {position:absolute;top:0px;left:0px; width:316px;height:245px;display:block;}
#slide1 a.toarticle, #slide2 a.toarticle, #slide3 a.toarticle, #slide4 a.toarticle, #slide5 a.toarticle {position:absolute;top:0px;left:0px; width:316px;height:245px;display:block;text-decoration:none; }
#slideshow a {color:#333; }
#slideshow .imagebox { display:block; width:316px; height:200px; position:absolute;top:0px;left:0px; text-align:center; }
#slide1 img, #slide2 img, #slide3 img, #slide4 img, #slide5 img  { width:316px; height:200px; border:none; }
#intro1, #intro2, #intro3, #intro4, #intro5 {position:absolute;top:201px;left:0px; width:316px; height: 44px; cursor:pointer;text-decoration:none; overflow:hidden; background:#de0202; }
.intropadding { padding:11px 10px 5px 10px; color:#fff; font-size:11px; }
.intropadding p { margin:0; padding:0; font-weight:normal;}
#slideshow div.nav {position:absolute;bottom:33px;right:10px;width:165px;height:26px; line-height:26px; text-align:right; z-index:50; }
#slideshow a.slideprevious {float:right;width:22px;height:26px;display:block; background: url(/images/admin/contentcarrousel_button_previous.png) no-repeat;text-decoration:none; margin:0 0 0 20px;}
#slideshow a.slidenext {float:right;width:22px;height:26px;display:block; background: url(/images/admin/contentcarrousel_button_next.png) no-repeat;text-decoration:none;}
#slideshow a.slideplay{float:right;width:17px;height:26px;display:block; background: url(/images/admin/contentcarrousel_button_play.png) no-repeat;text-decoration:none;}
#slideshow a.slidepause{float:right;width:17px;height:26px;display:block; background: url(/images/admin/contentcarrousel_button_pause.png) no-repeat;text-decoration:none;}
#slideshow a.slide1, #slideshow a.slide2, #slideshow a.slide3, #slideshow a.slide4, #slideshow a.slide5 {width:24px;height:26px;display:block;text-decoration:none; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; font-weight:bold; text-align:center; background: url(/images/admin/contentcarrousel_button.png) top left no-repeat; color:#fff; text-decoration:none;  }
#slideshow a.slide1:hover, #slideshow a.slide2:hover, #slideshow a.slide3:hover, #slideshow a.slide4:hover, #slideshow a.slide5:hover {background-position: bottom; color:#333;}
#slideshow a.slideprevious:hover, #slideshow a.slidenext:hover, #slideshow a.slideplay:hover, #slideshow a.slidepause:hover{background-position:0 -26px;}
#slideshow a.slide1 { position:absolute; left:15px;bottom:0px; }
#slideshow a.slide2 { position:absolute; left:41px;bottom:0px; }
#slideshow a.slide3 { position:absolute; left:67px;bottom:0px; }
#slideshow a.slide4 { position:absolute; left:93px;bottom:0px; }
#slideshow a.slide5 { position:absolute; left:119px;bottom:0px;}
#slide1 a.activeslide1 { width:24px; height:26px; position:absolute;left:156px;bottom:33px;background: url(/images/admin/contentcarrousel_button_active.png) no-repeat; text-decoration:none; z-index:50 }
#slide2 a.activeslide2 { width:24px; height:26px;  position:absolute;left:182px;bottom:33px;background: url(/images/admin/contentcarrousel_button_active.png); color:#333; text-decoration:none; z-index:50 }
#slide3 a.activeslide3 {width:24px; height:26px;  position:absolute;left:208px;bottom:33px;background: url(/images/admin/contentcarrousel_button_active.png); color:#333; text-decoration:none; z-index:50}
#slide4 a.activeslide4 {width:24px; height:26px;  position:absolute;left:387px;bottom:33px;background: url(/images/admin/contentcarrousel_button_active.png); color:#333; text-decoration:none; z-index:50}
#slide5 a.activeslide5 {width:24px; height:26px;  position:absolute;left:413px;bottom:33px;background: url(/images/admin/contentcarrousel_button_active.png); color:#333; text-decoration:none; z-index:50}
#readmore1, #readmore2, #readmore3, #readmore4, #readmore5 { display:none; visibility:hidden; }

/* PUBLIREPORTAGE */
body.catdefault .publirepo div.block, body.cat0 .publirepo div.block, body.cat1 .publirepo div.block, body.cat2 .publirepo div.block, body.cat3 .publirepo div.block, body.cat4 .publirepo div.block, body.cat5 .publirepo div.block, body.cat6 .publirepo div.block { border: 1px solid #888; background:#eee; }
body.catdefault .publirepo h2, body.cat0 .publirepo h2, body.cat1 .publirepo h2, body.cat1 .publirepo h2, body.cat2 .publirepo h2, body.cat3 .publirepo h2, body.cat4 .publirepo h2, body.cat5 .publirepo h2, body.cat6 .publirepo h2 { background:#888;} /* the h1- and h2-titles get a cat0-background on cat0 pages */
.publirepo .smalltext { display:block; margin:10px 10px 10px 10px; color:#aaa; font-size:10px; font-weight:bold; text-align:left }
 
#footer1 { border-top:1px solid #ccc; margin:20px; padding:20px 0px 0 20px; font-size:11px; }
#footer1 td { width:175px;}
.mediumtitle { font-size:14px; color:#444; font-weight:bold; }
#footer1 ul { list-style:none; background:none; padding:0; margin:5px 0 0 0; }
#footer1 ul li { list-style:none; background:none; padding:0; margin:0 0 3px 0;  }
#footer1 ul li a { color:#666666; font-weight:normal; text-decoration:none; font-size:11px;}
#footer1 ul li a:hover { text-decoration:underline;}

.mediumtitle { display:block; font-family: Helvetica, Arial, sans-serif; font-size:18px; font-weight:bold; line-height:18px; margin:0 0 20px 0;}
/* PROMO */
.bigpromo { position:relative; margin:0 0 10px 0; }
body.cat0 .bigpromo h2, body.cat1 .bigpromo h2, body.cat2 .bigpromo h2, body.cat3 .bigpromo h2, body.cat4 .bigpromo h2, body.cat5 .bigpromo h2, body.cat6 .bigpromo h2 { background:#de0202;}
.blacktrans { width:160px; position:absolute; top:40px; left:140px; background:url(/images/admin/blacktrans.png); color:#fff;}
.blacktrans p { margin:0; padding: 6px 10px 10px 20px;}
.blacktrans a { color:#fff; text-decoration:none;}
.blacktrans a:hover { color:#c2daf6; }
.blacktrans a:visited { color:#fff; }
.bigpromo img { border:0; }
.smallpromo { position:relative; margin:0 0 20px 0; height:1%;}
.smallpromo img { float:left; margin: 0 20px 0 0;}
.smallpromo_rightcol { width:140px; float:left;}

/* ALBUM SLIDESHOW */
#album_thumb_block { position:relative; }
#screen_thumb {  }
#screen_thumb #buttons { }
#screen_thumb #buttons a { margin:10px 10px; color:#69C;}
#screen_thumb .prev_thumb { display:block; width:26px; height:26px; position: absolute; left:-13px; top:10px; background: url(/images/admin/button_previous_next_small.png) no-repeat top left; text-decoration:none; outline:none;}
#screen_thumb .next_thumb { display:block; width:26px; height:26px; position: absolute; right:-13px; top:10px; background: url(/images/admin/button_previous_next_small.png) no-repeat top right; text-decoration:none; outline:none; }
#screen_thumb .prev_thumb:hover { background-position:bottom left;}
#screen_thumb .next_thumb:hover { background-position:bottom right;}
#slideshow_thumb { overflow:hidden; width:440px; margin: 0 0 0 13px; padding: 5px 0 2px 0; }
#slideshow_thumb ul { width:5500px; padding-left:60px; background:none; }
#slideshow_thumb li { float:left; margin:0 5px; cursor:pointer; list-style:none; background:none;}

.horoscope { width:318px; height:160px; position:relative; margin:0 0 10px 0; color:#fff; }
.horoscope .dropdown { width:200px;  position:absolute; top:65px; left:160px; font-weight:bold; }
.horoscope select { width:130px; margin: 5px 0 0 0;}
body.cat0 .horoscope h2, body.cat1 .horoscope h2, body.cat2 .horoscope h2, body.cat3 .horoscope h2, body.cat4 .horoscope h2, body.cat5 .horoscope h2, body.cat6 .horoscope h2 { background:#de0202;}
 

/* paging */
.paging { position:relative; top:0; left:0; height:26px; font-size:11px; line-height:normal; margin:10px 0 0 0; padding:0; }
.paging a.previous {  position:absolute; left:0; top:0; margin: 0; display:inline-block; height:26px; background: url(/images/admin/button_paging.png) no-repeat bottom left; color:#555; font-weight:bold; font-size:12px; text-decoration:none; cursor:pointer; outline:none;  }
.paging a.previous span { display:inline-block; height:21px; margin:0 0 0 10px; padding: 5px 10px 0 0; background:url(/images/admin/button_paging.png) no-repeat bottom right; color:#555;}
.paging a.next {  position:absolute; right:0; top:0; margin:0 ; display:inline-block; height:26px; background: url(/images/admin/button_paging.png) no-repeat bottom left; color:#555; font-weight:bold; font-size:12px; text-decoration:none; cursor:pointer; outline:none;   }
.paging a.next span { display:inline-block; height:21px; margin:0 0 0 10px; padding: 5px 10px 0 0; background:url(/images/admin/button_paging.png) no-repeat bottom right; color:#555;}
.paging a.previous:hover span, .paging a.next:hover span { color:#000; }
.paging_button { display:inline-block; height:26px; background: url(/images/admin/button_paging.png) no-repeat top left; color:#eee; font-weight:bold; font-size:12px; text-decoration:none; cursor:pointer; margin: 0 2px 0 2px; outline:none; }
.paging_button span { display:inline-block; height:21px; background: url(/images/admin/button_paging.png) no-repeat top right; margin:0 0 0 5px; padding: 5px 5px 0 0; color:#555;}
.paging_button:hover { background-position: bottom left; }
.paging_button:hover span { background-position: bottom right; color:#000; }
.paging_button_current {  display:inline-block; height:26px; background: url(/images/admin/button_paging.png) no-repeat top left; color:#de0000; font-weight:bold; font-size:12px; text-decoration:none; cursor:pointer; margin: 0 2px 0 2px; }
.paging_button_current span {  display:inline-block; height:21px; background: url(/images/admin/button_paging.png) no-repeat top right; margin:0 0 0 5px; padding: 5px 5px 0 0; color:#de0000;   }
.paging_button_current:hover { background-position:top left; cursor: default; color:#de0000;}
.paging_button_current:hover span { background-position:top right;  cursor:default; color:#de0000; }

/* REACTIONS */
div.comments_block {font:Verdana, Arial, Helvetica, sans-serif;background-color:#fff;margin-bottom:10px;padding: 5px 10px 10px 10px;height:1%;}
div.comments_block .commentblocktitle { font-size:16px; border-bottom:1px solid #000; color:#000; background:none; margin:0 0 10px 0; padding:0}
div.comments_block .commenttext {margin:0 0 30px 0;}
div.comments_block .lighttext {font-size:11px; color:#666666;}
div.comments_block h2 {background:white;line-height:20px;color:black;padding:0;margin:0 0 3px 0; border-bottom:1px solid #000000;}
div.comments_block h2 span.right {color:black;}
div.comments_block span.right {float:right;color:#666;font-size:10px;font-weight:normal;margin:0 10px 0 0;}
.commentText { display:block; width:90px; float:left; font-size:14px; margin:0 0 5px 0;}
#commentNickname { width:150px; padding:2px;}
#commentEmail { width:150px; padding:2px;}
.comments_area { margin: 0 0 10px 90px; padding:2px;}
div.comments_block .colored_button { margin: 0 0 0 90px;}
 
.poll table { background: none !important }
.poll td { background: none !important }



/* FIX BEWEB WPB */
body { text-align:center;}
#container { text-align:left;}
/* TESTE SUR FEMMES */
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
#testedOn a img { border:none;}
#testedOn { font-family:Verdana, Arial, Helvetica, sans-serif; padding: 30px; color:#444; font-size:13px; }
#testedOn h1 { width:740px; height:147px; background: url(/images/admin/teste-sur-femmes.png) no-repeat; text-indent: -9999px; margin: 0 0 15px 0; }
#testedOn h2 { font-size:18px; font-weight:normal; color:#444; padding: 0 30px; margin:0; background: none; }
#testedOn p { padding: 0 30px; margin: 0 0 15px 0;}
#testedOn .hd {  position:relative;}
#testedOn .share { position:absolute; top:67px; left:330px;}
#testedOn .teasers { background:#f9f5f6; margin: 50px 20px 20px 20px; padding: 0 0 20px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
#testedOn .teasers .hd { height:65px; position:relative; border-bottom:1px solid #fff; margin: 0 0 30px 0;}
#testedOn .teasers h1 { width:152px; height: 89px; background: url(/images/admin/testez-sur-femmes-maintenant.png) no-repeat; position:relative; top:-20px; left:-20px; }
#testedOn .teasers h2 { font-size:18px; font-weight:bold; text-transform:uppercase; color:#e2d6d9; letter-spacing:1px; position: absolute; top:25px; left:160px; padding:0; border:none;}
#testedOn .teaser { padding: 0 30px;}
#testedOn .teaser h3 { font-size:18px; font-weight:normal; color:#444; margin: 0 0 10px 0; }
#testedOn .teaser h3 a { color:#444; font-weight:normal; }
#testedOn .teaser h3 a:hover { color:#07b6bc; }
#testedOn .teaser img { float: left; margin: 0 20px 10px 0;}
#testedOn .teasercontent { float:left; width:455px; }
#testedOn .teasercontent p { margin: 0 0 20px 0; padding:0; }
#testedOn .button { background:#8d4c98; padding:15px 30px; font-size:14px; color:#fff; border:none; text-decoration:none; font-weight:normal; letter-spacing:1px; text-transform:uppercase; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#testedOn .button:hover { background:#a439b6; }
#testedOn .notActive { background:#ccc; font-size:11px; text-decoration:none; border:none; }
#testedOn .notActive:hover { background:#ccc; }
#testedOn .rightAlign { text-align:right; }
#testedOn .teaser .rightAlign a { text-decoration:none;}
#testedOn .archive { background:#f9f5f6; margin: 40px 20px 20px 20px; padding: 0 0 20px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
#testedOn .archive .hd { height:65px; position:relative; border-bottom:1px solid #fff; margin: 0 0 30px 0;}
#testedOn .archive h1 { width:152px; height: 100px; background: url(/images/admin/teste-sur-femmes-small.png) no-repeat; position:relative; top:-20px; left:-20px; }
#testedOn .archive h2 { font-size:18px; font-weight:bold; text-transform:uppercase; color:#e2d6d9; letter-spacing:1px; position: absolute; top:25px; left:160px; padding:0; border:none;}
#testedOn .getestListbox { height:165px; background:#fdfcfd; margin:30px; padding: 10px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#testedOn .getestList { margin:10px 0 0 0; padding:0; list-style:square; }
#testedOn .getestList li { margin: 0 0 10px 220px; padding:0;  background:none;  }
#testedOn .getestList a { display:inline-block; padding:0px 10px 3px 10px; margin: 0 0 0 -5px; font-weight:normal; font-size:13px; color:#252525; text-decoration:none; vertical-align:top;  }
.ie8 #testedOn .getestList a { display:inline; zoom: 1;}
#testedOn .getestList a:hover { background:#a439b6; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  -webkit-transition: background-color .4s; -moz-transition: background-color .4s; transition: background-color .4s; }
.doorzichtig {  opacity:.50; filter:alpha(opacity=50);  }
#testedOn .getestList a img { position:absolute; top:10px; left:20px;  opacity: 0; filter:alpha(opacity=0);  -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s;   }
#testedOn .getestList a.first img {  opacity: 1; filter:alpha(opacity=100); }
#testedOn .getestList a:hover img {  opacity: 1; filter:alpha(opacity=100); }
#testedOn .getestList.imageRight { width:400px;   }
#testedOn .getestList.imageRight li { margin: 0 0 10px 20px;   }
#testedOn .getestList.imageRight a img { position:absolute; top:10px; left:450px;}
/* detail */
#testedOnDetail { padding: 0 30px; }
#testedOnDetail p { padding: 0;}
#testedOnDetail h1 { width:auto; height:auto; background:none; text-indent:0; font-size:28px; color:#444; font-weight:normal; margin: 0; padding:0;}
#testedOnDetail h2 { font-size:20px; color:#737272; font-weight:normal; margin: 0 0 20px 0; padding:0;}
#testedOnDetail h3 { font-size:28px; font-weight:normal; color:#444; border-bottom:1px solid #444; margin:0 0 20px 0; padding:0; }
#testedOnDetail h3 span { font-size:14px; position: relative; top:-12px }
#testedOnDetail .imageHolder { float:left; margin: 0 30px 20px 0;}
#testedOnResults ul { margin:0; padding:0; list-style:none;}
#testedOnResults li { height:35px; padding: 5px 20px 5px 100px; margin: 0 0 15px 0; position:relative; background:#f9f5f6; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#testedOnResults li strong { display:block; width:90px; font-size:30px; color:#8d4c98; font-weight:normal; position: absolute; top:3px; left:0; text-align:right; }
#testedOnQuotes { background:#f9f5f6; margin: 40px 0 50px 0; padding: 20px 30px 50px 30px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position:relative; }
#testedOnQuotes h3 {font-size:24px; font-weight:bold; text-transform:uppercase; color:#e2d6d9; letter-spacing:1px; border:none; }
#testedOnQuotes ul { margin:0; padding:0; list-style:none; }
#testedOnQuotes li { font-size: 17px; color:#5a5a5a; margin:0 0 20px 0; padding:0;  background:none;  }
#testedOnQuotes li .author { font-size:10px; text-transform:uppercase; display:block; text-align:right; }
#testedOnQuotes .ft { display:block; width:48px; height:17px; background:url(http://www.libelle.be/a/i/getest-op-libelle-quote-arrow.png) no-repeat; position:absolute; bottom:-17px; right:50px; }
#testedOnProductinfo h4 { font-size:18px; font-weight:normal; margin: 0 0 5px 0;}
#testedOnDetail p.smalltext { margin: 50px 0 0 0; } 

/* COMMENTS BOX */
#testedOn .commentForm { background: #efe5e8; padding: 10px 10px 20px 10px; margin-bottom: 10px; color: #666; border:none; font-size:11px; }
#testedOn .commentForm fieldset { border:none; padding:0; margin:0; }
#testedOn .commentForm a { color:#fff; }
#testedOn .commentForm textarea { width: 570px; height: 175px; resize: none; border:none; }
#testedOn .LoginBox { padding: 15px 10px 5px 8px; background: #e7dde0; margin: 10px 0 10px 0; }
#testedOn .commentForm h4 {    font-size: 14px; text-transform: uppercase; font-weight:normal; color:#444; margin:0 0 10px 0; }
#testedOn .commentForm .personalia {    width: 450px; float: none; position: relative; padding: 0; margin-bottom: 15px; }
#testedOn .commentForm .accountInfo { padding-bottom: 10px;}
#testedOn .LoginBox .accountInfo li { display:block; margin: 0 0 0 217px !important; }
#testedOn .LoginBox .accountInfo .button { padding:5px 10px; font-size:10px; }
#testedOn h4.floatLeft { float:left; margin: 3px 43px 0 0  }
#testedOn .commentForm .extra { padding-left: 0px; font-size:11px;}
/* Buttons to enable login */
#testedOn .commentForm .accountInfo { padding-bottom: 20px; }
#testedOn .commentForm .accountInfo li { float: left; margin-right: 8px; font-size: 11px; }
#testedOn .commentForm .imageHolder {   width: 50px;   height: 50px;   float: left;   margin: 3px 20px 0 0;  }
#testedOn .commentForm .personalia .oneLiner {  margin:0 0 9px 0;   }
#testedOn .commentForm .personalia .oneLiner .helpTxt {     display: inline;     clear: none;     margin-left: 10px;    }
#testedOn .commentForm .personalia .oneLiner input.inputText {     width: 265px;  
 -webkit-border-top-right-radius: 3px;
 -webkit-border-bottom-right-radius: 3px;
 -moz-border-radius-topright: 3px;
 -moz-border-radius-bottomright: 3px;
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;}
#testedOn .commentForm .extra .oneLiner {    padding-bottom: 2px;   }
#testedOn .commentForm .extra label {    line-height: 19px;    margin-left: 5px;   }
#testedOn input.inputText,
#testedOn input.inputPassword,
#testedOn input.inputSearch,
#testedOn input.inputDate,
#testedOn select, #testedOn textarea { font-size: 12px; color: #666; border: 1px solid #ccc; padding: 5px; margin: 0; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#testedOn .inputText { width:200px; }
#testedOn textarea { line-height: 1.5;}
#testedOn label { vertical-align:top; margin: 5px 0 0 0; }
#testedOn .formList { list-style: none; padding:0; margin:0;}
#testedOn .formList li { margin: 0 0 10px 0;}
#testedOn .formList li.formSubmit {  margin: 0 0 10px 290px; }
#testedOn input.inputText:focus,
#testedOn input.inputPassword:focus,
#testedOn input.inputSearch:focus,
#testedOn input.inputDate:focus,
#testedOn select:focus, #testedOn textarea:focus { background-color: #fff; background-image: none; background-image: -moz-linear-gradient(0% 3px 90deg,#fff, #dedede); background-image: -webkit-gradient(linear, 0% 0%, 0% 3, from(#dedede), to(#fff)); -webkit-box-shadow: 0 0 3px #ccc;
 -moz-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; border-color: #aaa; color: #000; outline: none}
#testedOn input.inputText[disabled],
#testedOn input.inputPassword[disabled],
#testedOn input.inputSearch[disabled],
#testedOn input.inputDate[disabled],
#testedOn select[disabled], #testedOn textarea[disabled] { color: #999; background-color: #f4f4f4; background-image: none; background-image: -moz-linear-gradient(0% 3px 90deg,#f4f4f4, #c4c4c4); background-image: -webkit-gradient(linear, 0% 0%, 0% 3, from(#c4c4c4), to(#f4f4f4));}
#testedOn .accessibility { position: absolute; top: -9999px; left: -9999px; }
#testedOn .accountInfo .facebookLogin a { display:block;     width: 90px;     height: 25px;     padding: 0;     text-indent: -9999px;     background: #ee5544 url(http://www.libelle.be/a/i/sprite.png) no-repeat;    }
#testedOn .accountInfo .facebookLogin a:link,
#testedOn .accountInfo .facebookLogin a:visited {     background: url(http://www.libelle.be/a/i/sprite.png) no-repeat -418px 0;    }
#testedOn .accountInfo .facebookLogin a:hover,
#testedOn .accountInfo .facebookLogin a:active,
#testedOn .accountInfo .facebookLogin a:focus,
#testedOn .accountInfo .facebookLogin.selected a:link,
#testedOn .accountInfo .facebookLogin.selected a:visited,
#testedOn .accountInfo .facebookLogin.selected a:hover,
#testedOn .accountInfo .facebookLogin.selected a:active
#testedOn .accountInfo .facebookLogin.selected a:focus {     background: url(http://www.libelle.be/a/i/sprite.png) no-repeat -418px -27px;    }