221 lines
3.3 KiB
CSS
221 lines
3.3 KiB
CSS
/* @group RESET */
|
|
|
|
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; }
|
|
fieldset,img { border: none; }
|
|
caption,th { text-align: left; }
|
|
table { border-collapse: collapse; border-spacing: 0; }
|
|
|
|
/* @end */
|
|
|
|
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;
|
|
}
|
|
|
|
#container {
|
|
width: 980px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.login_error {
|
|
color: #ff0000;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.formError{
|
|
color: #ff0000;
|
|
font-size: 10px;
|
|
}
|
|
|
|
/* @group Login */
|
|
|
|
#userlogin{
|
|
margin-left: 500px;
|
|
text-decoration: none;
|
|
height: 100px;
|
|
position: relative;
|
|
font-size: smaller;
|
|
color: #8d0000;
|
|
}
|
|
|
|
#userlogin #connexion{
|
|
color: #8d0000;
|
|
text-decoration: none;
|
|
}
|
|
#userlogin #connexion:hover{
|
|
color: #ea984b;
|
|
}
|
|
|
|
#userlogin form{
|
|
bottom: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
#userlogin form input{
|
|
background-color: #fff8f9;
|
|
border: 1px solid #ea984b;
|
|
width: 90px;
|
|
color: #e59448;
|
|
height: 14px;
|
|
}
|
|
|
|
#submit_btn {
|
|
background-color: #fff8f9;
|
|
border: 1px solid #ea984b;
|
|
color: #e59448;
|
|
height: 14px;
|
|
text-decoration: none;
|
|
padding-right: 2px;
|
|
padding-left: 2px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
#submit_btn:hover {
|
|
background-color: #fea551;
|
|
color: #fff;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
/* @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{
|
|
width: 304px;
|
|
height: 78px;
|
|
margin-left: 170px;
|
|
margin-top: 10px;
|
|
float: left;
|
|
}
|
|
|
|
#header #bar{
|
|
width: 880px;
|
|
display: table;
|
|
margin-left: 100px;
|
|
}
|
|
|
|
#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;*/
|
|
padding: 15px 0 0;
|
|
width: 100%;
|
|
display: table;
|
|
}
|
|
|
|
#maincontent {
|
|
padding: 18px 20px;
|
|
position: relative;
|
|
color: #333;
|
|
}
|
|
|
|
/* @group mainmenu */
|
|
|
|
#main #mainmenu {
|
|
background-color: #edffe2;
|
|
width: 150px;
|
|
float: left;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc {
|
|
width: 120px;
|
|
background-color: #ffef9e;
|
|
margin: 10px auto;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc h4 {
|
|
color: #ff0e00;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul {
|
|
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul li {
|
|
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul li a {
|
|
text-decoration: none;
|
|
color: #007d1b;
|
|
}
|
|
|
|
#main #mainmenu #mainmenubloc ul li a:hover {
|
|
color: #80ff3a;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
/* @group maincontent */
|
|
|
|
#main #maincontent {
|
|
/*background-color: #f5e5ff;*/
|
|
margin-left: 160px;
|
|
}
|
|
|
|
/* @end */
|
|
|
|
/* @group globalfooter */
|
|
|
|
#globalfooter {
|
|
margin: 18px auto;
|
|
position: relative;
|
|
color: #b8b8b8;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
}
|
|
|
|
#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 */
|