365 lines
6.2 KiB
CSS
Executable File
365 lines
6.2 KiB
CSS
Executable File
/* top elements */
|
|
* { margin: 0; padding: 0; }
|
|
|
|
body {
|
|
margin: 0; padding: 0;
|
|
font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
|
|
color: #333;
|
|
background: #FFF url(../image/bg.gif) repeat-x;
|
|
}
|
|
|
|
|
|
/* Liens */
|
|
a {
|
|
color: #003366;
|
|
background-color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
color: #CC0001;
|
|
background-color: inherit;
|
|
}
|
|
|
|
/* Titres */
|
|
h1, h2, h3 {
|
|
font-family: Arial, 'Trebuchet MS', Sans-Serif;
|
|
font-weight: bold;
|
|
color: #333;
|
|
}
|
|
h1 {
|
|
font-size: 120%;
|
|
letter-spacing: .5px;
|
|
}
|
|
h2 {
|
|
font-size: 115%;
|
|
text-transform: uppercase;
|
|
}
|
|
h3 {
|
|
font-size: 115%;
|
|
color: #003366;
|
|
}
|
|
|
|
/* Integration */
|
|
img {
|
|
border: 2px solid #CCC;
|
|
}
|
|
img.float-right {
|
|
margin: 5px 0px 10px 10px;
|
|
}
|
|
img.float-left {
|
|
margin: 5px 10px 10px 0px;
|
|
}
|
|
.icon {
|
|
border: none;
|
|
}
|
|
|
|
h1, h2, h3, p {
|
|
padding: 0;
|
|
margin: 10px;
|
|
}
|
|
|
|
ul, ol {
|
|
margin: 10px 20px;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
code {
|
|
margin: 10px 0;
|
|
padding: 10px;
|
|
text-align: left;
|
|
display: block;
|
|
overflow: auto;
|
|
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
|
|
/* white-space: pre; */
|
|
background: #FAFAFA;
|
|
border: 1px solid #f2f2f2;
|
|
border-left: 4px solid #CC0000;
|
|
}
|
|
table {
|
|
margin:auto;
|
|
width: 710px;
|
|
}
|
|
td {
|
|
border: 1px solid #f2f2f2;
|
|
background-color: #FAFAFA;
|
|
padding: 5px;
|
|
}
|
|
|
|
acronym {
|
|
cursor: help;
|
|
border-bottom: 1px solid #777;
|
|
}
|
|
blockquote {
|
|
margin: 10px;
|
|
padding: 0 0 0 32px;
|
|
background: #FAFAFA url(../image/quote.gif) no-repeat 5px 10px !important;
|
|
background-position: 8px 10px;
|
|
border: 1px solid #f2f2f2;
|
|
border-left: 4px solid #CC0000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Formulaires */
|
|
label {
|
|
display:block;
|
|
font-weight:bold;
|
|
margin:5px 0;
|
|
}
|
|
input {
|
|
padding: 2px;
|
|
border:1px solid #eee;
|
|
font: normal 1em Verdana, sans-serif;
|
|
color:#777;
|
|
width: 98%;
|
|
}
|
|
select {
|
|
padding: 2px;
|
|
border: 1px solid #eee;
|
|
font: normal 1em Verdana, sans-serif;
|
|
color: #777;
|
|
width: 99%;
|
|
}
|
|
textarea {
|
|
padding:2px;
|
|
font: normal 1em Verdana, sans-serif;
|
|
border:1px solid #eee;
|
|
height:100px;
|
|
display:block;
|
|
color:#777;
|
|
width: 99%;
|
|
}
|
|
input.button {
|
|
margin: 0;
|
|
font: bolder 12px Arial, Sans-serif;
|
|
border: 1px solid #CCC;
|
|
padding: 1px;
|
|
background: #FFF;
|
|
color: #CC0000;
|
|
}
|
|
/* Acces rapide */
|
|
form.access {
|
|
position: absolute;
|
|
top: 5px; right: 5px;
|
|
padding: 0; margin: 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
form.search input.abutton {
|
|
margin: 0;
|
|
font-size: 100%;
|
|
font-family: Arial, Sans-serif;
|
|
border: 1px solid #CCC;
|
|
background: #FFFFFF url(../image/headerbg.gif) repeat-x bottom left;
|
|
padding: 1px;
|
|
font-weight: bold;
|
|
height: 23px;
|
|
color: #333;
|
|
width: 30px;
|
|
}
|
|
form.search input.atext {
|
|
margin: 0;
|
|
width: 120px;
|
|
border: 1px solid #CCC;
|
|
background: #FFF;
|
|
color: #333;
|
|
}
|
|
|
|
/**********************************
|
|
Design
|
|
***********************************/
|
|
#wrap {
|
|
margin: 0 auto;
|
|
width: 980px;
|
|
}
|
|
|
|
/* Header */
|
|
#header {
|
|
position: relative;
|
|
margin: 0; padding: 0;
|
|
height: 60px;
|
|
}
|
|
#header span#slogan {
|
|
z-index: 3;
|
|
position: absolute;
|
|
left: 3px; bottom: 7px;
|
|
font: bold 1.2em Verdana, Arial, Tahoma, Sans-serif;
|
|
color: #FFF;
|
|
}
|
|
|
|
#header-logo {
|
|
position: relative;
|
|
clear: both;
|
|
height: 50px;
|
|
margin: 0; padding: 0;
|
|
}
|
|
#header-logo #logo {
|
|
position: absolute;
|
|
top: 3px; left: 5px;
|
|
font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
|
|
margin: 0; padding: 0;
|
|
letter-spacing: -1px;
|
|
color: #000;
|
|
}
|
|
|
|
/* Onglet */
|
|
#header ul {
|
|
position: absolute;
|
|
margin:0;
|
|
list-style:none;
|
|
right:-18px ; bottom: 3px;
|
|
font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
|
|
}
|
|
#header li {
|
|
display:inline;
|
|
margin:0; padding:0;
|
|
}
|
|
#header a {
|
|
float:left;
|
|
background: url(../image/tableft.gif) no-repeat left top;
|
|
margin:0;
|
|
padding:0 0 0 4px;
|
|
text-decoration:none;
|
|
}
|
|
#header a span {
|
|
float:left;
|
|
display:block;
|
|
background: url(../image/tabright.gif) no-repeat right top;
|
|
padding:5px 15px 4px 6px;
|
|
color:#FFF;
|
|
}
|
|
|
|
#header a:hover span {
|
|
color:#FFF;
|
|
}
|
|
#header a:hover {
|
|
background-position:0% -42px;
|
|
}
|
|
#header a:hover span {
|
|
background-position:100% -42px;
|
|
}
|
|
#header #current a {
|
|
background-position:0% -42px;
|
|
}
|
|
#header #current a span {
|
|
background-position:100% -42px;
|
|
}
|
|
|
|
/* Colonne principale */
|
|
#main {
|
|
float: right;
|
|
margin: 0; padding: 0;
|
|
width: 745px;
|
|
}
|
|
#main h1 {
|
|
margin: 10px 0;
|
|
padding: 4px 0 4px 8px;
|
|
font-size: 105%;
|
|
color: #FFF;
|
|
text-transform: uppercase;
|
|
background-color: #CC0000;
|
|
letter-spacing: .5px;
|
|
}
|
|
|
|
/* Menu */
|
|
#sidebar {
|
|
float: left;
|
|
width: 220px;
|
|
margin: 0; padding: 0;
|
|
background-color: #FFFFFF;
|
|
}
|
|
#sidebar h1 {
|
|
margin: 10px 0 0 0;
|
|
padding: 4px 0 4px 8px;
|
|
font: bold 105% Arial, Sans-Serif;
|
|
color: #FFF;
|
|
text-transform: uppercase;
|
|
background: #333;
|
|
letter-spacing: 1px;
|
|
}
|
|
#sidebar .left-box {
|
|
border: 1px solid #EBEBEB;
|
|
margin: 0 0 5px 0;
|
|
background: #FFF;
|
|
}
|
|
#sidebar ul.sidemenu {
|
|
list-style: none;
|
|
text-align: left;
|
|
margin: 3px 0px 8px 0; padding: 0;
|
|
text-decoration: none;
|
|
}
|
|
#sidebar ul.sidemenu li {
|
|
border-bottom: 1px solid #f2f2f2;
|
|
background: url(../image/bullet.gif) no-repeat 3px 2px;
|
|
padding: 3px 5px 3px 25px;
|
|
margin: 0;
|
|
}
|
|
#sidebar ul.sidemenu a {
|
|
font-weight: bolder;
|
|
padding: 3px 0px;
|
|
background: none;
|
|
}
|
|
|
|
/* Footer */
|
|
.footer {
|
|
clear: both;
|
|
border-top: 1px solid #f2f2f2;
|
|
background: #FFF url(../image/footerbg.gif) repeat-x;
|
|
padding: 2px 0 10px 0;
|
|
text-align: center;
|
|
line-height: 1.5em;
|
|
font-size: 95%;
|
|
}
|
|
.footer a {
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* alignment classes */
|
|
.float-left { float: left; }
|
|
.float-right { float: right; }
|
|
.align-left { text-align: left; }
|
|
.align-right { text-align: right; }
|
|
|
|
/* display and additional classes */
|
|
.clear { clear: both; }
|
|
.red { color: #CC0000; }
|
|
.comments {
|
|
margin: 20px 10px 5px 10px;
|
|
padding: 3px 0;
|
|
border-bottom: 1px dashed #EFF0F1;
|
|
border-top: 1px dashed #EFF0F1;
|
|
}
|
|
|
|
/* Error and success result color */
|
|
.error {
|
|
color: #e00000;
|
|
}
|
|
.berror {
|
|
border: 1px solid #e00000;
|
|
}
|
|
.success {
|
|
color: #02bc6d;
|
|
}
|
|
.bsuccess {
|
|
border: 1px solid #02bc6d;
|
|
}
|
|
.warning {
|
|
color: #c36509;
|
|
}
|
|
.bwarning {
|
|
border: 1px solid #c36509;
|
|
}
|
|
|
|
/* Pagination links */
|
|
.pageslinks a {
|
|
border: 1px solid #f2f2f2;
|
|
background-color: #fafafa;
|
|
padding: 5px;
|
|
}
|
|
|
|
.pageslinks a.current {
|
|
background-color: #dadada;
|
|
font-weight: bold;
|
|
}
|
|
|