/* General */
html, body, img {margin:0; padding:0; border:0;}
a { text-decoration: none; color:#000;}
a:hover {text-decoration:underline;}

html, body { height:100%;}

body { font-family: Verdana, Geneva, sans-serif; font-size:12px;}

div#outercontainer {}
div#head { width:100%; height:100px;}
    div#adresse { width:238px; height:88px; padding:6px; float:left; font-size:10px;}
    div#logo { height:100px;}
div#contentContainer {}
    div#navigation {width:156px; height:640px; padding:6px; float:left;}
        #navigation ul {width:156px; margin:0; padding:0; list-style: none;}
        #navigation ul li {width:154px; height:25px; margin:8px 0 8px 0px; padding:0; text-align:center; list-style-type:none; background-color:#a51c32; border:solid 1px #000;}
        #navigation ul li a { display:block; height:20px; padding-top:5px; font-weight:bold; color:#FFF;}
        #navigation ul li a:hover, #navigation ul li.active a { color:#000; background-color:#999ea0;}

    div#content { width:560px; margin-left:168px; padding:20px; height:100%; line-height:18px;}
    #content h1 {font-size:14px; font-weight:bold;}
    #content h2 {font-size:13px; font-weight:bold;}
    iframe#main { width:800px; height:640px;}
    .tab1 { background-color:#e0e6fc;}
    .tab2 { background-color:#148ce4; color:#FFF;}
    .tab3 { background-color:#bfd1ee;}
    .tab4 { background-color:#7ba3c4; color:#FFF; text-align:center;}