Forum

div#header

/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ 
/* Corps du site 
--------------------------------------*/
* {
    margin:0;
    padding:0;
    font-size:100%;
}
 
body {
background:url(images/body.jpg) no-repeat fixed top center;
    font-family:"Trebuchet MS", Verdana, 'Bitstream Vera Sans', Times, serif;
    font-size:12px;
    color:#363a82;
    margin:0;
    padding:0;
}
 
html, body{ height: 100%; }
 
/* Conteneurs 
--------------------------------------*/
div#global {
width:1000px;
    margin:auto;
}
 
div#header_container { }
 
div#logo {
float: left;
margin: 20px 20px 0px 35px;
background: url('images/logo.png') no-repeat;
height: 90px;
width: 90px;
}
 
div#site_name {
font-size: 40px;
    font-family:"Trebuchet MS";
color: #F9F9F9;
position: absolute;
top: 54px;
margin-left: 150px;
}
 
div#header{ height:120px; }
 
div#sub_header { 
min-height:15px;
clear:both;
}
 
div#sub_header p a { color:#FFF; }
 
div#header .dynamic_menu h5.links {
    background:none;
    border:none;
    color:#edfff0;
    width:134px;
    background:url(images/button.png) no-repeat;
    padding:5px 0px;
    font-size:11px;
    margin-right:1px;
}
 
div#header .dynamic_menu h5.links:hover {
    color:#edfff0;
    cursor:default;
    background:url(images/button_click.png) no-repeat;
}
 
div#header .dynamic_menu h5 a {
    color:#FFFFFF;
    text-decoration:none;
}
 
div#compteur {
    color:#E9ECD9;
    position:absolute;
    top:50px;
right:0;
font-size:11px;
    margin-right:15px;
text-align:right;
}
 
div#wrapper{
background: #FAFAFA;
width: 980px;
overflow: hidden;
margin:auto;
border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
 
div#left_menu {
    float:left;
    width:200px;
    margin:0;
    margin-top:10px;
    margin-right:2px !important;
    margin-right:-1px;
    padding:0;
}
 
div#right_menu {
    float:right;
    width:200px;
    margin:20px 10px;
    padding:5px;
    background: #FFFFFF;
    border:1px solid #DFDFDF;
border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
 
div#main {
    width:auto;
    min-width:450px;
    overflow:hidden !important;
    height:auto !important;
    padding:0;
    margin:0;
}
 
div#main_content {
    width:auto;
    margin-top:5px;
    padding:5px 0px 20px 0px;
    border-spacing:1px;
    overflow: visible;
}
 
div#links { text-indent:10px; margin-top: 8px;}
 
div#links a {
color: #002b5b;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
div#top_contents { margin: 10px auto; }
div#bottom_contents { margin-top:8px; margin-bottom:8px; }
 
div#top_footer { 
clear:both;
padding: 10px;
}
 
div#footer {
clear:both;
border:1px solid #000000; 
border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#333333; 
background:-moz-linear-gradient(top, #333333 0%, #222222 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); 
background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); 
background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); 
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );
width: 980px;
margin:20px auto 10px auto;
text-align:center;
height:28px;
padding-top:7px;
}
 
div#footer span {
    color:#FFF;
    font-size:10px;
}
div#footer span a {
    color:#FFF;
    font-size:10px;
}
 
/* Content Spécifique */
 
ul.no_list{
list-style:none;
line-height: 1.7em;
}
 
 
#cssmenu{ width: 980px; height:37px; display:block; padding:0; margin: 1px auto;  border:1px solid; border-radius:5px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
 
 
#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); } 
#cssmenu{border-color:#000;} 
#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#444;} 
#cssmenu > ul > li > a:hover{background:#111;}
 

div#header{ height:120px; }

div#header{
  height:120px;
  background:url('images/{tonimage}.png') no-repeat;
}