/****************************************************************************************** {  Global CSS Reset }  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong,  tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0;  outline: 0; font-size: 100%; background: transparent; }
ol, ul { list-style: none; margin:10px 0px 10px 0px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }


/****************************************************************************************** {  WvnPortal CSS }  */
body {font-family:tahoma,arial,verdana;font-size:14px;}

ul { list-style: disc; padding-left:30px; }
ul ul { list-style: circle; }
ul ul ul { list-style: square; }

ol {list-style: decimal;  padding-left:30px;}
ol ol {list-style: lower-alpha; }

h1 {font-size: 24px;margin:10px 0px 10px 0px;}
h2 {font-size: 22px;margin:9px 0px 9px 0px;}
h3 {font-size: 20px;margin:8px 0px 8px 0px;}
h4 {font-size: 18px;margin:7px 0px 7px 0px;}
h5 {font-size: 16px;margin:6px 0px 6px 0px;}

a, a:visited, a:link , a:hover , a:active ,a:focus {color:#707070;}

a:hover {text-decoration:none;}

a img {border-width:0px;}

p{margin:10px 0px 10px 0px;}

.CE_TD table,.CE_TD table td{margin:auto;padding: auto;}
.CE_TD table caption{padding:7px;font-weight:bold;}
blockquote { margin:0px; padding:0px; margin-left:20px; margin-right:20px; padding:10px; border:dashed 1px #d0d0d0; background-color:#f0f0f0; }



/* BOX BOX BOX */

#bloc_4 { background:url(http://www.expansion.be/expansion/images_design/bgd_bloc_container_left.gif) no-repeat; width:295px; height:219px; margin:182px 3px 0 0; float:left; display: inline; }
	#bloc_4 h1 { font-size:19px; color:#666; margin:0; padding:10px 15px; font-weight:normal; }
	#bloc_4 p { font-size:11px; color:#666; margin:0; padding:0 15px; font-weight:normal; }
#bloc_4_btn { width: 177px; height: 29px; text-align: center; margin: 15px auto 0 auto; padding: 0; }
	#bloc_4_btn a { background:url(http://www.expansion.be/expansion/images_design/btn_bloc_hp.gif) no-repeat; width:177px; height:23px; padding:6px 0 0 0; font-size:11px; color:#fff; font-weight:bold; text-decoration:none; display:block;}
		#bloc_4_btn a:hover { background:url(http://www.expansion.be/expansion/images_design/btn_bloc_hp_on.gif) no-repeat; width:177px; height:23px; padding:6px 0 0 0; font-size:11px; color:#fff; font-weight:bold; text-decoration:none; display:block;}


/* --- viewport configuration ---------------------------------------------------------- */
        
		#groupeviewport {
		padding-left:13px;
		}
		
		
		.viewport {
            border-left: 1px #f2f2f2 solid;
			border-bottom: 1px #f2f2f2 solid;
            float: left;
            margin: 0 ;
            overflow: hidden;
            position: relative;
            width: 86px;
            height: 53px;
        }

        /* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
        .no-margin {
            margin-right: 0;
        }

        /* --- Link configuration that contains the image and label ----------------------------- */
        .viewport a {
            display: block;
            position: relative;
        }

        .viewport a img {
            width: 130px;
            height: 80px;
            left: -20px;
            position: relative;
            top: -20px;
        }

        /* --- Label configuration -------------------------------------------------------------- */
        .viewport a span {
            display: none;
            height: 80px;
            padding-top: 120px;
            position: absolute;
            width: 130px;
            z-index: 100;
        }

        /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background {
		background-image:url(http://www.expansion.be/expansion/images_design/background_alpha.png);
           /* background-color: rgba(15, 15, 15, 0.7);*/
			/*filter: alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;*/
        }


/* BOX BOX BOX */