Changement Architecture de la page. Disclaimer-Menu

This commit is contained in:
Nicolas Michard
2008-01-24 15:24:51 +00:00
parent 11fbc6e030
commit 0a7f675aa4
19 changed files with 116 additions and 96 deletions

View File

@@ -3,7 +3,7 @@
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img { border: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
@@ -12,81 +12,72 @@ table { border-collapse: collapse; border-spacing: 0; }
body {
color:#333;
font: 12px/18px "Ludida Grande", Geneva, Arial, Verdana, sans-serif;
background: #fff url(images/background-repeat.png) repeat-x scroll left top;
background: #fff url(../images/background-repeat.png) repeat-x scroll left top;
}
/* @group globalHeader */
#globalheader {
width: 980px;
height: 38px;
margin: 18px auto;
position: relative;
z-index: 9998;
background-color: #ceffeb;
}
#globalheader #globalnav {
margin: 0;
padding: 0;
}
#globalheader #globalnav li {
display: inline;
}
#globalheader #globalnav li a {
float: left;
width: 117px;
height: 0;
padding-top:10px;
padding-right: 0px;
background-color: #40ff8f;
text-decoration: none;
color: #3800ff;
font-size: 16px;
}
/* @end */
#container {
width: 980px;
margin: 0 auto;
position: relative;
background-color: #f7fbff;
}
/* @group containerheader */
#containerheader {
background-color: #ff9b9b;
padding: 8px;
position: relative;
height: 70px;
margin-bottom: 15px;
#userlogin{
background-color: #28fffd;
margin-left: 500px;
height: 100px;
}
#containerheader #leftdescription {
width: 280px;
background-color: #ff4e47;
/* @group header */
#header {
width: 980px;
margin: 0 auto 20px;
}
#header #logoimage img{
width: 190px;
height: 210px;
z-index: 1;
position: absolute;
top: 0;
}
#logotexte img{
float: left;
width: 304px;
height: 78px;
margin-left: 170px;
margin-top: 10px;
}
#containerheader #leftdescription p {
font-size: x-small;
#header #bar{
width: 880px;
display: table;
margin-left: 100px;
}
#containerheader #rightchoice {
background-color: #da1107;
margin-left: 300px;
#header #bar #rightchoice {
height: 70px;
width: 874px;
background: url(../images/header-background-repeat.png) repeat-x;
display: table-cell;
padding-left: 100px;
}
#header #bar #rightborder {
width: 6px;
height: 70px;
background: url(../images/header-right-border.png) no-repeat left top;
display: table-cell;
}
/* @end */
#main {
position: relative;
background-color: #8bff74;
/*background-color: #8bff74;*/
padding: 15px 0 0;
width: 100%;
display: table;
@@ -139,7 +130,7 @@ body {
/* @group maincontent */
#main #maincontent {
background-color: #f5e5ff;
/*background-color: #f5e5ff;*/
margin-left: 160px;
}
@@ -147,13 +138,29 @@ body {
/* @group globalfooter */
#globalfooter {
width: 980px;
height: 38px;
#globalfooter {
margin: 18px auto;
position: relative;
z-index: 9998;
background-color: #ff7eff;
color: #b8b8b8;
font-size: 8px;
text-align: center;
}
#globalfooter a{
color: #b8b8b8;
text-decoration: none;
}
#globalfooter a:hover{
color: #555;
}
#globalfooter hr{
width: 80%;
border : 0;
background-color: #D1CACA;
height: 1px;
color: #898989;
}
/* @end */