/* --- STYLES DE BASE --- */
/* Page */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, font, img, strong,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
html {
font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
font-family:Arial, Helvetica, Sans-Serif;
font-size: .8em; /* À adapter pour la police choisie. (3) */
line-height: 1.4; /* À adapter au design. (4) */
color: #49494A;
background: transparent;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
line-height: 1.2;
font-weight: bold; /* Valeur par défaut. (6) */
font-style: normal;
}
h1 {
font-size: 1.75em;
color: #A52A2A;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1em;
}
/* Liens */
a {
text-decoration: underline;
}
a:link {
color: #11C;
}
a:visited {
color: #339;
}
a:hover, a:focus, a:active {
color: #00F;
}
/* Pas de bordure autour des images dans les liens */
a img {
border: none;
}
/* Formulaires */
form, fieldset {
margin: 0;
padding: 0;
border: none;
}
fieldset {border:0px solid #CCC;padding:10px}
legend{padding:0px 10px;line-height:0.5em; font-weight:bold;color:#555}
input, button, select {
vertical-align: middle; /* Solution pb. d'alignement. (9) */
}
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
background-color:#fff;
border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
textarea:focus, select:focus {
border-color:orange;
}
textarea { width: 330px; height: 200px; padding:5px; }
input[type=text], input[type=password],
textarea, select,option {
margin:0.5em 0;
padding:0.1em;
}
option { padding:0.1em ;}
/* Mise en forme simple pour les tableaux */
table {
margin: 5;
border: 1px solid #ccc;
border-collapse:collapse;
border-spacing: 0;
}
table td, table th {
border: 1px solid #ccc;
}
/* styles pour le tableau type */
.tableType2{
margin: 0;
border: 0px;
border-spacing: 0; }
.tableType2 table{
margin: 0;
border: 0px;
border-spacing: 0; }
.tableType2 tr{
margin: 0;
border: 0px;
border-spacing: 0; }
.tableType2 td{
margin: 0;
border: 0px;
border-spacing: 0; }
.tableType{margin:5;font-size:0.8em;color:#444;}
.tableType th{
background:#EEE;
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#D3D3D3));
background: -moz-linear-gradient(top, #F9F9F9, #D3D3D3);
}
.tableType a{color:#555;font-weight:bold;text-decoration:none;}
.tableType a:hover{ text-decoration:underline}
.tableType3{font-size:0.8em;color:#444; margin: 0;
border: 1px solid #ccc;
border-collapse:collapse;
border-spacing: 0; }
.tableType3 th{
background:#EEE;
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#D3D3D3));
background: -moz-linear-gradient(top, #F9F9F9, #D3D3D3);
}
.tableType3 a{color:#555;font-weight:bold;text-decoration:none}
.tableType3 a:hover{ text-decoration:underline}
/* Styles pour formulaire type */
.bloc{float:left;width:50%}
.formType{
font-size:0.8em;color:#444;
}
.formType option{font-size:0.8em;color:#444;
}
.formType input[type="text"]{
width:250px
}
.formType span{display:block;float:left;}
.btSubmit{
padding:5px;
font-weight:bold;
letter-spacing:1px;
color: #e9e9e9;
border: solid 1px #555;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');cursor:pointer;
color:#EEE}
.btSubmit:hover {
background: #616161;
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
background: -moz-linear-gradient(top, #757575, #4b4b4b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
/* Structure générale de la page */
.wrap{overflow:hidden;}
.wrapMenu, .wrapTable{padding:5px;overflow:hidden;}
.wrapMenu{float:left;width:20%;}
.wrapMenu ul{float:left}
.wrapMenu li{border-bottom:1px dotted #ddd;}
.wrapMenu li a{font-size:0.8em;color:#444;text-decoration:none;display:block;padding:5px 0px 5px 5px;border:1px solid #fff;}
.wrapMenu li a.actif{background:#ddd;font-weight:bold;}
.wrapMenu li a:hover{ text-decoration:none; background:#F0F0F0}
#separationPanel{float:left;width:8px;height:40px; background:#ccc;margin-top:0px;position:relative;cursor:pointer}
#separationPanel:hover{ background:#eee}
#v1.triangle {height:0px;width:0px;border-top:6px solid transparent;border-right:6px solid #555;border-bottom:6px solid transparent;border-left:6px solid transparent;margin-top:13px;margin-left:-4px}
#v2.triangle {height:0px;width:0px;border-top:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #555;margin-top:13px;margin-right:-4px}
.wrapTable{border-left:2px solid #ccc;}
/* PAGE DE LOGIN */
#wrapLogin{color:#444;width:500px;margin:0 auto;border:1px solid #DDD;background:#F3F3F3;margin-top:10%;padding:5px;overflow:hidden}
.msgAccueil{
color:#EEE;
font-size:1.4em;border-bottom:1px solid #DDD;padding:5px;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');}
#formLogin{margin-left:10px}
#formLogin span{display: block; float: left; line-height: 30px; width: 100px;}
#formLogin input[type="text"], #formLogin input[type="password"]{width:200px}
#formLogin input[type="submit"]{margin-left:105px;}
.msgDefaut{font-size:1em;color:#900;padding-top:8px;margin-left:105px;}
div.listeCom
{
cursor:pointer;
width: 300px;
font-family:Arial;
font-size:10px;
border:1px solid #3C6B4D;
margin-left:30px;
}
div.listeCom:hover
{
background-color:#9A9A9A;
color: #EE2929;
}