243 lines
4.7 KiB
CSS
243 lines
4.7 KiB
CSS
|
BODY{
|
||
|
background: #e6ecf8;
|
||
|
color: #000000;
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
font-size: 12px;
|
||
|
height: 100%;
|
||
|
margin: 5px;
|
||
|
padding: 0px;
|
||
|
text-align: left;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
a { color: #000000 }
|
||
|
|
||
|
DIV.menu_bg{ z-index: 0; position: fixed; top: 0px; left: 0px; width: 162px; height: 100%; background-color: #eeeeee; }
|
||
|
DIV.titre{ z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 68px; background: #cccccc; margin: 0px 0px 1px 0px; }
|
||
|
DIV.t_logo{ z-index: 1; position: absolute; top: 0px; left: 0px; }
|
||
|
DIV.t_barre_orange{ z-index: 1; position: absolute; top: 41px; left: 0px; width: 100%; background: #ffc50a; border-color: #888888; border-style: solid; border-width: 1px 0px 1px 0px; }
|
||
|
DIV.t_email{ z-index: 1; position: absolute; top: 50px; left: 0px; width: 240px; }
|
||
|
DIV.t_liens{ z-index: 1; position: absolute; top: 50px; right: 0px; height: 14px; text-align: right; }
|
||
|
DIV.t_barre_grise{ z-index: 1; position: absolute; top: 64px; left: 0px; width: 100%; background: #888888;}
|
||
|
DIV.menu{ z-index: 1; position: absolute; top: 68px; left: 0px; width: 160px; padding: 0px 0px 0px 2px; }
|
||
|
DIV.page{ z-index: 0; position: absolute; top: 68px; left: 162px; bottom: -1px; }
|
||
|
DIV.contenu{ padding: 0px 20px 5px 5px; }
|
||
|
|
||
|
DIV.vert{ border-color: #006600; border-width: 1px; border-style: solid; color: #006600; padding: 2px; margin: 0px 20px 0px 20px; }
|
||
|
DIV.rouge{ border-color: #ff0000; border-width: 1px; border-style: solid; color: #ff0000; padding: 2px; margin: 0px 20px 0px 20px; }
|
||
|
DIV.vert a{ color: #006600; font-weight: bold; }
|
||
|
DIV.rouge a{ color: #ff0000; font-weight: bold; }
|
||
|
|
||
|
FIELDSET{
|
||
|
background-color: #eeeeee;
|
||
|
}
|
||
|
|
||
|
FONT.copyleft{
|
||
|
color: #777777;
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
font-size: 11px;
|
||
|
}
|
||
|
|
||
|
FORM{
|
||
|
margin-top: 2px;
|
||
|
margin-bottom: 2px;
|
||
|
}
|
||
|
|
||
|
H1{
|
||
|
color: #333333;
|
||
|
font-size: 18px;
|
||
|
margin-bottom: 4px;
|
||
|
margin-top: 12px;
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
}
|
||
|
|
||
|
H2{
|
||
|
color: #333333;
|
||
|
font-size: 14px;
|
||
|
margin-bottom: 3px;
|
||
|
margin-top: 12px;
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
}
|
||
|
|
||
|
H3{
|
||
|
color: #333333;
|
||
|
font-size: 12px;
|
||
|
/* margin-bottom: 3px;
|
||
|
margin-top: 12px; */
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
}
|
||
|
|
||
|
H4{
|
||
|
color: #333333;
|
||
|
font-size: 12px;
|
||
|
margin-bottom: 3px;
|
||
|
margin-top: 12px;
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
}
|
||
|
|
||
|
H5{
|
||
|
color: #333333;
|
||
|
font-size: 10px;
|
||
|
/* margin-bottom: 3px;
|
||
|
margin-top: 12px; */
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
HR{
|
||
|
color: #666666;
|
||
|
background-color: #666666;
|
||
|
height: 1px;
|
||
|
width: 80%;
|
||
|
border: 0px;
|
||
|
}
|
||
|
|
||
|
HR.copyleft{
|
||
|
color: #dddddd;
|
||
|
background-color: #dddddd;
|
||
|
height: 1px;
|
||
|
width: 100%;
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
OL, UL, LI{
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
font-size: 12px;
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
|
||
|
UL{
|
||
|
list-style-type: circle;
|
||
|
}
|
||
|
|
||
|
P{
|
||
|
margin-bottom: 2px;
|
||
|
margin-top: 8px;
|
||
|
}
|
||
|
|
||
|
PRE{
|
||
|
margin: 3px 0px 3px 0px;
|
||
|
padding: 2px;
|
||
|
}
|
||
|
|
||
|
TABLE{
|
||
|
border-collapse : collapse;
|
||
|
empty-cells: show;
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
font-size: 12px;
|
||
|
background-color: #e6ecf8;
|
||
|
}
|
||
|
|
||
|
TABLE.bordure{
|
||
|
border: 2px solid #cccccc;
|
||
|
margin: 5px 5px 5px 2px;
|
||
|
}
|
||
|
|
||
|
TD{
|
||
|
font-size: 11px;
|
||
|
margin: 0px;
|
||
|
padding: 0px;
|
||
|
}
|
||
|
|
||
|
TD.header{
|
||
|
border: 1px solid #cccccc;
|
||
|
padding: 3px 2px 3px 2px;
|
||
|
}
|
||
|
|
||
|
TH{
|
||
|
font-size: 11px;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
TH.bordure{
|
||
|
background-color: #dddddd;
|
||
|
border: 1px solid #cccccc;
|
||
|
padding: 3px 2px 3px 2px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
TH.presse{
|
||
|
text-align: right;
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
|
||
|
TH.bouton{
|
||
|
border: 1px solid #dddddd;
|
||
|
background-color: #eeeeee;
|
||
|
padding: 4px;
|
||
|
text-align: right;
|
||
|
}
|
||
|
|
||
|
TR{
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
|
||
|
.cmdline{
|
||
|
color: #00ffff;
|
||
|
}
|
||
|
|
||
|
.xterm{
|
||
|
background-color: #000000;
|
||
|
border: 3px inset #999999;
|
||
|
color: #ffffff;
|
||
|
font-size: 11px;
|
||
|
}
|
||
|
|
||
|
.section{
|
||
|
font-size: 11px;
|
||
|
font-weight: bold;
|
||
|
padding-bottom: 2px;
|
||
|
padding-top: 8px;
|
||
|
}
|
||
|
|
||
|
a1:link, a1:visited, a1:hover, a1:active{
|
||
|
border: 1px solid #000000;
|
||
|
# border: 1px solid #cccccc;
|
||
|
color: #000000;
|
||
|
# margin: 0px;
|
||
|
# padding: 0px 0px 0px 10px;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
a:hover{
|
||
|
background: #25bd25;
|
||
|
border-color: #C0C0C0;
|
||
|
}
|
||
|
|
||
|
a:active{
|
||
|
background: #000000;
|
||
|
border-color: #000000;
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
|
||
|
a.choix, a.selection{
|
||
|
border: 1px solid #eeeeee;
|
||
|
color: #000000;
|
||
|
display: block;
|
||
|
# margin: 0px 0px 0px 0px;
|
||
|
# padding: 0px 10px 2px 10px;
|
||
|
text-align: left;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
a.choix:hover, a.selection:hover{
|
||
|
background: #cccccc;
|
||
|
border-color: #888888;
|
||
|
}
|
||
|
|
||
|
a.choix:active, a.selection:active{
|
||
|
background: #000000;
|
||
|
border-color: #000000;
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
|
||
|
a.selection:link, a.selection:visited, a.selection:active, a.selection:hover{
|
||
|
border-color: #888888;
|
||
|
}
|
||
|
|
||
|
a.selection:hover{
|
||
|
background: #ffffff;
|
||
|
border-color: #888888;
|
||
|
}
|