html, body {font-family:trebuchet MS; color:#000000; font-size:12px; background-color:#ffcc00; margin: 10px 0 10px 0;}

#index {margin:auto; width:676px; text-align:justify; padding:12px; background:#ffffff; border-left:#f1b000 2px solid; border-right:#f1b000 2px solid;}
#index .entrer {font-family:impact; font-size:45px; color:#0000ff; font-weight:bold; text-decoration:underline;}
#index a {font-family:trebuchet MS; font-size:12px; text-decoration:underline; font-weight:normal; color:#0000ff;}
#index a:hover {text-decoration:none; color:#0000ff;}
#index a:visited {color:#0000ff;}

#header {margin:auto; width:683px; padding:5px 5px 5px 12px; font-size:13px; color:#ffffff; background-color:#808080; border-left:#f1b000 2px solid; border-right:#f1b000 2px solid; border-top:#f1b000 2px solid;}
#header a {text-decoration:underline; color:#ffffff; font-weight:bold; font-size:13px;}

#conteneur {margin:auto; width:700px; padding:0px; background:#ffffff; border-left:#f1b000 2px solid; border-right:#f1b000 2px solid;}

#contenu {width:500px; text-align:justify; background:#ffffff; float:left; padding:10px 10px 20px 10px; font-size:12px; border-right:#c0c0c0 1px dashed;}
#contenu a {font-family:trebuchet MS; font-size:15px; text-decoration:underline; font-weight:bold; color:#0000ff;}
#contenu a:hover {text-decoration:none; color:#0000ff;}
#contenu a:visited {color:#0000ff;}

#liste {margin:auto; text-align:justify; font-size:12px;}
#liste a {font-family:trebuchet MS; font-size:15px; text-decoration:underline; font-weight:bold; color:#0000ff; display:block;}
#liste a:hover {text-decoration:none; color:#0000ff;}
#liste a:visited {color:#0000ff;}
#liste img {border:#c0c0c0 1px solid; width:250px; height:150px; margin-bottom:40px;}

#autres {margin:auto; text-align:left; font-size:12px;}
#autres a {font-family:trebuchet MS; font-size:12px; font-weight:normal; text-decoration:underline; color:#0000ff;}
#autres a:hover {text-decoration:none; color:#0000ff;}
#autres a:visited {color:#0000ff;}
#autres span {font-weight:bold; color:#ff0000; display:block;}

#annuaire {margin:auto; text-align:left; font-size:12px; padding-bottom:10px;}
#annuaire a {font-family:trebuchet MS; font-size:13px; text-decoration:underline; font-weight:normal; color:#0000ff;}
#annuaire a:hover {text-decoration:none; color:#0000ff;}
#annuaire a:visited {color:#0000ff;}
#annuaire span {font-weight:bold; color:#ff0000;}

#menu {margin:auto; float:left; width:158px; background: url('logo.jpg') top center no-repeat; margin-top:5px; padding:170px 10px 20px 10px;}

#lien {margin:auto; padding:0px;}
#lien ul {margin:auto; padding:0px;}
#lien li {list-style-type:none; background-color:#ffffff; padding-left:2px; line-height:26px;}
#lien a {font-family:Trebuchet MS; background:url(puce.jpg) no-repeat; padding-left:20px; text-decoration:underline; color:#6699ff; font-size:14px;}
#lien a:hover {text-decoration:none; color:#6699ff;}
#lien a:visited {color:#6699ff;}

#titre {margin:auto; width:150px; font-family:Trebuchet MS; font-weight:bold; font-size:17px; color:#ffffff; text-align:center; background-color:#c0c0c0; margin:0 0 5px 0; padding:3px; border:#808080 1px solid;}

#selection {margin:auto; width:150px; font-family:Trebuchet MS; font-weight:bold; font-size:17px; color:#ffffff; text-align:center; background-color:#c0c0c0; margin:10px 0 5px 0; padding:3px; border:#808080 1px solid;}

#footer {clear:both;}

#bottom {margin:auto; width:683px; padding:5px 5px 5px 12px; font-size:13px; color:#ffffff; background-color:#808080; border-left:#f1b000 2px solid; border-right:#f1b000 2px solid; border-bottom:#f1b000 2px solid;}
#bottom a {text-decoration:none; color:#ffffff; font-size:13px;}