html {height:100%;margin:0;padding:0;}
body {height:100%;margin:0;padding:0;background-color:#dadada;}

#tout {width:990px;padding:0;margin:0;background:url(image/bord.jpg) repeat-y;}
#tout h1 {text-align:center;color:#ccc;font-size:8px;margin:0;padding:0;}

#contenu {width:950px;padding:0;margin:0;background-color:#fff;}

#coin {width:76px;height:66px;margin:10px 0 0 20px;padding:0;background:url(image/coin.gif) no-repeat;position:absolute;top:0;}

#entete {width:950px;height:96px;margin:0 0 5px 0;padding:0;background:url(image/entete.gif) repeat-x;}
#entete H1 {color:#fff;font-size:62px;margin:0;padding:5px 0 0 100px;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;text-align:left;}
#entete a {color:#777777;text-decoration:none;}

#entete-2 {width:950px;height:25px;margin:5px 0 5px 0;padding:0;background:url(image/entete-2.gif) repeat-x;}
#entete-2 H2 {color:#666666;font-size:16px;margin:0;padding:2px 0 2px 40px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;}

#content {float:right;width:730px;min-height:800px;margin:0;padding:0;font-family:sans-serif;}
#content a{margin:0;padding:0;font-size:14px;}
#content a:link {text-decoration:underline;}
#content a:visited {text-decoration:underline;}
#content a:hover {color:red; text-decoration:none;}
#content a:active {color:red; text-decoration:none;}
#content p{color:#333333;text-align:justify;margin:0 40px 10px 40px;padding:0;font-size:14px;}
#content p span{color:#666666;text-align:justify;margin:0 40px 10px 40px;padding:0;font-size:11px;}
#content table{width:450px;border:1px solid black;margin:0;padding:0;} 
#content tr {border:0;margin:0;padding:0;valing:middle;background-color:#f1f1f1;} 
#content td {font-size:11px;color:black;border:0;margin:0;padding:0;text-align:left;height:16px;}

#content a.lexique {margin:0;padding:0;font-size:14px;color:#7DA3DF;}
#content a.lexique :link {text-decoration:underline;}
#content a.lexique :visited {text-decoration:underline;}
#content a.lexique :hover {color:red; text-decoration:none;}
#content a.lexique :active {color:red; text-decoration:none;}

#contenu table.amort {border:2px solid black;margin:5px;padding:5px;} 
#contenu tr.amort {border:1px solid black;;margin:0;padding:0;} 
#contenu td.amort {font-size:10px;color:black;border:0;margin:0;padding:1px 0 0 10px;text-align:left;height:12px;}

#content H1 {color:black;font-size:20px;margin:20px 5px 5px 20px;padding:0;text-align:left;}
#content H2 {color:black;font-size:18px;margin:20px 5px 5px 20px;padding:0;text-align:left;}
#content H3 {color:black;font-size:16px;margin:20px 5px 5px 20px;padding:0;text-align:left;}
#content H4 {color:black;font-size:14px;margin:20px 5px 5px 20px;padding:0;text-align:left;}

#contenu p.liens {color:black;font-size:14px;margin:20px 0 5px 20px;padding:0;}
#contenu p.liens a:link {color:#0000CC;font-size:14px;text-decoration:underline;}
#contenu p.liens a:visited {font-size:14px; text-decoration:underline;}
#contenu p.liens a:active {color:red;text-decoration:none;}
#contenu p.liens a:hover {color:red;text-decoration:none;}

#lien {float:right;width:200px;height:640px;margin:10px 0 0 0;padding:5px 0 5px 0;}

#boite {margin:20px;padding:0;}
#boite p{color:#333333;text-align:justify;margin:0 10px 5px 10px;padding:0;font-size:11px;line-height:100%;font-weight:normal;}

#menu {float:right;width:200px;height:640px;font-size:12px;font-family:verdana,arial,sans-serif;margin:10px;text-align:center;}
#menu img {margin:0;padding:0;border:0;}
#menu ul {list-style:none;margin:0;padding:0;}
#menu li a {height:28px;text-decoration:none;margin:0;} 
#menu li a:link, #menu li a:visited {color:#FCFCFC;display:block;background:url(image/menu.gif);padding:0px 10px 4px 10px;}
#menu li a:hover {color:#FFF;background: url(image/menu.gif) 0 -32px;padding:0px 10px 4px 10px;}
#menu li a:link.calcul, #menu li a:visited.calcul {color:#FCFCFC;display:block;background:url(image/menuc.gif);padding:0px 10px 4px 10px;}
#menu li a:hover.calcul {color:#FFF;background: url(image/menuc.gif) 0 -32px;padding:0px 10px 4px 10px;}
#menu li span{height:28px;margin:0;color:#FFF;display:block;background:url(image/menu.gif) 0 -32px;padding:0px 10px 4px 10px;}

#pied {clear:both;width:950px;height:25px;text-align:center;font:11px bold;margin:0;padding:0;background:url(image/entete-2.gif) repeat-x;}
#pied p {color:#6F486F;text-decoration:none;margin:0;padding:5px 0 0 0;}
#pied a:link {color:#6F486F;text-decoration:none;margin:0;padding:0;}
#pied a:visited {color:#6F486F; text-decoration:none;}
#pied a:hover {color:black; text-decoration:none;}
#pied a:active {color:black; text-decoration:none;}

form {
 border:1px solid black;
 background-color:#FAFAFA;
 padding:10px;
 margin:10px;
 width:450px;
 }
 
 input {
 border:1px solid black;
 background-color:#FFF;
 }
 
 input[type=submit], input[type=reset] {
 background-color:#A6BEDE;
 border:2px outset #A6BEDE;
 font-weight:bold;
 cursor:pointer;
 }
input[type=submit]:hover, input[type=reset]:hover {
 border:2px outset white;
 background-color:white;
 }
input[type=submit]:active, input[type=reset]:active {
 border:2px inset #A6BEDE;
 background-color:#A6BEDE;
 color:black;
 }