/* CSS pour LIEN OPTIONNEL par DA CODE au 28/avr./2006 20:41 */
/* 3 jan 2007 */
/* 11 fev 2007 */

html,body,#lien {background:url(option.jpg);background-color:#000;width:100%;height:100%;color:333333;font-size:100.01%;font-family:arial,sans;text-align:center;margin:auto}
body {background:url(lien-optionnel-fond2.gif);background-repeat:repeat-y;background-position:top right}

#lien {/*background:url(bg.gif);*/background-color:#000;width:500px;min-height: 100%;color:#fff;font-size:90%;float:left}

html>body #lien {height: auto;}

blockquote, form, code {width:400px;text-align:center;margin:auto;font-size:85%;line-height:140%}
blockquote {border-style:dashed;border-width:thin;border-color:maroon;padding:6px}
code {font-family:monospace, serif;text-align:left}
h1, h2, h3, h4, h5, h6, #ours {margin:0;padding:0;font-size:145%;color:#efefef;width:100%;letter-spacing:0.2em;text-transform:uppercase}

#ours, p.tetiere {font-family:arial, serif;text-transform:uppercase;font-size:65%;}
#ours {border-top:1px solid white;margin-top:35px;line-height:145%}
#ours a {text-decoration: none;margin-left:2px;margin-right:2px}

a:visited, a:hover, a:active, a:link {color:#fff;text-decoration:none;border-bottom:1px solid blue}
a:hover {border:none}

p {font-family:system;padding-left:0.5em;padding-right:0.8em;text-align:left;border-left:2px dashed orange;margin-left:5px}
p.tetiere, ol {border-left:4px solid orange;margin-left:15px}
ol {border-left:2px solid orange;margin-left:5px;list-style-type:none}
ul {list-style-type:square;}
li {line-height:170%; list-style-position: inside;font-weight:bolder;text-align:left;}
ul li a, ul li a:link, ul li a:visited {color:#ccffcc;font-weight:bolder;text-decoration:none;border:none}
ul li a:hover, ul li a:active {color:#fff;border-bottom:1px solid blue}
ul li {font-size:90%; font-weight:normal}
ol li ul li {border-left:none;margin:0;padding:0}
p a.tetiere {font-size:120%}
p strong, .lien {color:orange}
a:link, a:visited, a:hover, a:active {font-size:90%}
a:hover {text-decoration:none}
p.categories {font-family:georgia, arial;text-align:center;font-size:125%;text-transform:lowercase;color:#c0c0c0;border:0}
p.categories a, p.categories a:visited, p.categories a:active {margin:6px;color:#000;text-decoration:none;padding-left:0.2em;border:1px solid white}
p.categories a:hover {background-color:#fff;color:#000;border:1px solid white}
a.art {background-color:#9cff08}
a.science {background-color:#00cc00}
a.commerce {background-color:#33ffcc}
a.media {background-color:#ccff99}
a.loisir {background-color:#ccffcc}
a.autre {background-color:#ffff99}

p.categories2 {margin:1px}
a.art2 {font-size:85%;color:#000;border-bottom:1px solid #9cff08;text-decoration:none;}
/* a.art2 :hover {#9cff08;} */

p.sites {background-color:#000;padding:0.5em;border-style:dashed;border-color:#efefef;border-width:thin;line-height:150%;font-size:85%;width:85%;text-align:left;margin:auto;}
p.sites a {width:90%;text-decoration:none;background-image:url(url.gif);background-repeat:no-repeat;padding-left:50px;}
p.sites a.lien {padding:0;margin:0;background-image:none;text-decoration:underline}
p.sites code {font-size:105%;background-color:#fff;color:#000}

ul.bannis li {text-decoration:line-through;color:black;}