/* design.css
   jmsche.fr */
body {
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
background-color:#999;
margin:0 auto;
padding:0;
}

/* Global */
a {
font-weight:700;
text-decoration:underline;
color:#333;
}

a:hover {
color:#77BA2E;
}

h1 {
font-size:20px;
margin:20px 0 15px;
}

h2 {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
border-bottom:1px solid #CCC;
color:#77BA2E;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333;
border-bottom:3px solid #77BA2E;
}

h4 {
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
color:#77BA2E;
margin:0 0 0 10px;
padding:0;
}

p {
margin-left:20px;
font-size:0.8em;
}

ul {
list-style-type:square;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:30px;
margin-left:30px;
font-size:0.8em;
}

blockquote {
border:1px solid #ddd;
background-color:#eee;
font-size:0.9em;
font-style:italic;
padding:4px;
}

blockquote p {
margin:3px;
padding:0;
}

/* Layout */
div#container {
width:80%;
background-color:#fff;
margin:auto;
}

div#page {
width:75%;
float:left;
border-left:1px solid #999;
padding-left:30px;
}

/* Header */
div#header {
padding:1px 0 30px;
}

div#header h1 {
font-family:Arial, Helvetica, sans-serif;
color:#77BA2E;
font-size:1.6em;
font-weight:700;
margin:30px 0 0 20px;
padding:0;
}

div#header h2 {
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:1em;
font-weight:700;
border-bottom:0;
margin:0 0 0 20px;
padding:0;
}

/* Navigation menu */
div#menu {
height:20px;
border-bottom:20px solid #97D553;
}

div#menu ul {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
margin:0 0 0 10px;
padding:0;
}

div#menu ul li {
float:left;
display:inline;
margin:0;
padding:0 7px;
}

div#menu ul li a {
display:block;
float:left;
font-weight:700;
height:2px;
color:#999;
text-decoration:none;
border:none;
padding:1px 15px 0;
}

div#menu ul li a.actuel:hover {
text-decoration:none;
}

div#menu ul li a.actuel {
position:relative;
color:#fff;
margin-top:-5px;
padding-top:5px;
height:20px;
border:1px solid #77BA2E;
border-bottom:none;
background-color:#97D553;
}

/* Content */
div#content {
padding:14px 5px;
}

/* Sidebar */
div#sidebar {
width:20%;
float:left;
margin:0;
padding:0;
}

div#sidebar ul {
list-style-type:none;
margin:10px 0;
padding:0;
}

div#sidebar ul li {
margin:0;
padding:0;
}

div#sidebar ul li a {
display:block;
border-right:7px solid #fff;
padding:7px 10px;
font-size:0.85em;
}

div#sidebar ul li a:hover {
border-right:7px solid #97D553;
}

/* Footer */
div#footer {
clear:both;
text-align:center;
margin:0;
padding:0;
}

div#footer p {
width:95%;
border-top:1px solid #ccc;
font-size:0.8em;
text-align:center;
margin:5px 0 0;
padding:10px 0;
}

div#menu ul li a:hover,div#footer p a,.u {
text-decoration:underline;
}

.b {
font-weight:700;
}

input {
height:16px;
padding:4px 4px 2px;
margin:0;
background:url('../images/input_fond.png') repeat-x center;
border:1px solid gray;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
vertical-align:middle;
}
input:active, input:focus, input:hover {
border-color:black;
}
.input {
height:24px;
padding-top:2px;
}