Tfe

Old stuff/old_sites/www/style.css

body,div,p,li,ul,form,input,dl,dt,dd { margin:0px; padding:0px; }
body,textarea,input { 
    margin:0px;
    text-align:center; 
    font-family:Verdana, Ariel, Helvetica, sans-serif;
    font-size:9px;
}
img {border:none; }    
form { margin-bottom:-5px; }
a {
    text-decoration:none; 
    color:#339;
}


dt { text-decoration:underline; font-weight:bold; padding:1px 10px; }
dd { position:relative; bottom:14px; margin:0px 5px 0px 140px; }




a:hover { text-decoration:underline; }    
p { margin:5px 0 0 0; padding:0px; text-indent:15px; }
h4 { text-decoration:underline; }
textarea,input { text-align:left; }
div.menu
{
    position:absolute;
    top:35px;
    left:450px;
}
div.menu li:after { content:" | "; }
div.menu li
{
    text-align:center;
    float:left;
    list-style:none;
    padding:0px 5px 0px 0px;
}
div.page {
    position:relative;
    text-align:left;
    width:798px;
    height:598px;
    margin:0px auto;
    padding:0px;
    background:#fbfaf5;
}
h3 {
    border-bottom:1px solid #fbfaf5; 
    margin:1px -4px;
    background-color:#dadad0;
    font-size:14px;
    color:#082c42;
    padding:9px 10px 0 10px;
    height:25px;
}
div.header
{
    height:208px;
    padding:50px 0px 0px 190px;
    background:#fbfaf5 url("images/body.png") top left no-repeat;
}
div.recherche a { color:#0b2c42; }
div.recherche h3 { 
    border:none;
    height:13px;
    background-color:#d9d9cf;
    padding:0px;
    margin:6px 0 0 0;
    float:left; 
    font-size:10px;
    color:#0b2c42;
}
div.recherche li { 
    background-image:url("images/go.gif");
    background-position:center right; 
    background-repeat: no-repeat;
    float:left;
    list-style:none;
    height:23px;
    margin:25px 0px 0 0px;
    padding:0px 30px 0px 10px;
    text-indent:0px; 
    border-right:1px solid #ed5d00;
}
div.recherche
{
    padding:0px;
    height:50px;
    background-image:url("images/recherche.png");
    background-position: top left;
    background-repeat: repeat-x;
}

div.recherche input
{
    padding:0px 2px;
    border:1px solid black;
}
div.recherche input.button
{
    background:none;
    font-weight:bold;
    border:none;
}
div.auth ul { margin:20px 0 0 20px;list-style:none; }
div.auth li { padding:5px 0; }
div.auth
{
    margin:0px;
    padding:0px;
    clear:both;
    float:left;
    width:218px;
    height:127px;
}
div.auth p
{
    padding-right:30px;
    background-image:url("images/go.gif");
    background-position:center right; 
    background-repeat: no-repeat;
}
div.auth h3, div.technews h3
{
    color:#920305;
    height:15px;
    margin:3px 3px 0 0;
    padding:5px 5px 5px 25px;
    font-size:16px;
    background-color:#d9d9cf;
    border-bottom:1px solid #e25d00;
}
div.technews h3 { 
    margin:0px 0px 0px 0px; 
    border-bottom:none;
    color:#082c42; 
    background:#dadad0 url("images/technews.png") center right no-repeat;
}
div.technews
{
    color:white;
    margin:3px 0px 0 0;
    background-color:#dadad0;
    float:left;
    width:388px;
    height:127px;
}
div.technews div
{
    overflow:auto;
    padding:0px;
    margin:0px;
    border:1px solid #e25d00;
    background:darkblue url("images/technewsdiv.png") top left repeat-x;
    height:126px;
}
div.technews h5
{ 
font-size:11px;
margin:5px;
}
div.technews p { padding:2px 5px; }    
div.auth,div.auth a { color:#333; font-weight:bold; }
div.auth dl { margin:10px 10px 0 10px; font-weight:bold;  }
div.auth dt { position:relative; margin:0px;}
div.auth dd { position:relative; top : -14px; left:65px;  margin:0px;}
div.auth input { border:1px solid black; padding:1px;}
.hidden { display:none; }
.droite { 
    text-align:right; 
    padding-right:15px;  
    background-image:url("images/go.gif") bottom right no-repeat; 
}
div.contenu { background-color:#fbfaf5; }
div.gauche
{
float:left;
width:402px;
}
div.gauche div {
    padding:0px 5px 30px 5px;
    background-color:#f3f2ed; 
}
div.news h5, div.article h5, div.race h5
{
    border-bottom:1px dotted #ccc;
    font-size:11px;
    margin:5px 2px 0px 2px;
}
div.news p, div.article p, div.race p { margin:0px 5px; padding:0px 5px; }
div.news img
{
    float:right;
    border:1px solid #ccc;
    height:80px;
    padding:1px;
}
div.news div
{
    overflow:auto;
    height:245px;
}
div.droite
{
    background-color:#f3f2ed;
    text-align:left;
    background-color:#bbb;
    margin:0px;
    margin-left:408px;
    padding:0px;
    width:383px;
}
div.droite h3 { 
    margin:0px;
}
div.meteo div
{
    height:129px;
    background:darkred url("images/meteodiv.png") top left repeat-x;
}
div.meteo h3
{
    margin:1px 0px;
    background:#dadad0 url("images/meteo.png") center right no-repeat;
}
div.race { height: 374px;  background-color:#f3f2ed; }
div.race h3
{
    background:#f3f2ed url("images/race.png") center right no-repeat;
}
div.article h3 { 
    height:17px;
    background-color:#f3f2ed; 
    border-bottom:1px solid #fbfaf5;
    margin:3px 0px;
    padding:4px 3px 0px 3px;
}

div.article div{ 
margin:0 0 0 100px ; padding:3px;}
div.article p { padding:1px 10px; }
div.article
{
    height:253px;
    overflow:auto;
    clear:both;
    margin:1px 0px; padding:0px;
}
div.article img 
{ 
    float:left;
    border:1px solid #ccc;
    width:100px;
    padding:1px;
}
div.menu_bottom
{
    position:relative;
    top:-30px;
    margin:0px;
    background-color:#f3f2ed;
    height:30px;
    clear:both;
}
div.menu_bottom a { color:black; }
div.menu_bottom li 
{
    text-align:center;
    font-weight:bold;
    padding:3px 3px 0px 3px;
    font-size:13px;
    width:104px;
    height:20px;
    background-color:#dadac9;
        border:1px solid #999;
    margin:2px 10px;
    list-style:none;
    float:left;
}
div.full input,textarea
{
    padding:1px 2px;
    border:1px solid black;
}
div.full
{
    margin:0px 0px 60px 0px;
    padding:5px;
    clear:both;
}
div.full ul { margin:20px 0 0 0; }
div.full li
{
list-style:square inside;
padding:5px 0 5px 20px;
}
div.full h4 { padding:0px 10px; }
div.full table { margin:10px; width:500px; border-left:none; border-top:1px solid black; border-right:1px solid black ; border-bottom:1px solid black;}
div.full th { background-color:#bbb; text-align:center; }
div.full td { border-left:1px solid black;   border-right:none;  border-top:none;  border-bottom:1px solid black; padding:2px;}
.center { text-align:center; }





.date { color:blue; }
.nick { color:#999; }
dt.foruma { 
text-decoration:none;
border:1px solid #999; 
font-size:13px;
margin:1px 0px;
background-color:#eee; 
padding:0px 3%;}
dt.forumb { 
    text-decoration:none;
    border:1px solid #999;   
    font-size:13px;
    margin:1px 0px;
    background-color:#e5e5e5; 
    padding:0px 3%; 
}

dd.nick { 
    margin:0px;
    float:left; 
    position:relative; 
    top:0px; 
    left:0px; 
}
dd.dernier {  
    position:relative;
    top:-15px; left:0px; 
    text-align:right; 
}

dd.reponses {
    position:relative;
    top:0px; left:0px; 
    text-align:left; 
}
div.foruma dd,div.forumb dd{ text-align:right; }
div.foruma { 
    margin:3px 5px 0px 5px;
    border:1px solid #999;
    list-style:none; 
    background-color:#eee; 
    padding:1px 5px;
}
div.foruma div {   
    background-color:#fff;
    border-left:1px solid #999; 
    border-right:1px solid #999; 
    border-top:1px solid #999; 
}
div.forumb { 
    margin:3px 5px 0px 5px;
    border:1px solid #999;
    list-style:none; 
    background-color:#f5f5f5; 
    padding:1px 5px; 
}
div.forumb div {   
    background-color:#fff;
    border-left:1px solid #999; 
    border-right:1px solid #999; 
    border-top:1px solid #999; 
}
div.foruma p,div.foruma dl,
div.forumb p,div.forumb dl { margin:0px; }
div.forum div { margin:10px 0px; }
.new { color:#933; font-weight:bold; }
.element div.cadre p { margin:0px; padding:0px 10px; }
div.cadre { border:1px solid #000; background-color:#eee; }
div.cadre p.part:first-letter { margin:0px; padding-left:0px; }