Tfe

Old stuff/old_sites/epik/css/new.css

body {
 	font-size:11px;
	font-family:bitstream vera sans ,tahoma,arial;
}

img { border:none; }
input {
	font-size:11px;
	font-family:bitstream vera sans,tahoma,arial;
}

.entete h1 { 
	background:#fff url("/test-new/images/syzygy/logo.png") no-repeat top left;
	width:273px;
	height:129px;
	font-size:12px;
	padding:24px 0px 0px 125px;
        margin:0px;
}

.entete h2 { 
	position:absolute;
	top:20px;
	left:350px;
	width:468px;
	height:60px;
	font-size:0px;
}

.menutitle:before { color:#777 ; content:":: "; }
.menutitle:after { color:#777 ; content:" ::"; }

.menutitle  {
	border:1px solid #CCC;
	font-variant:small-caps;
	position:absolute;
	top:105px;
	left:755px;
	width:193px;
	text-align:center;
	font-weight:bold;
	font-size:100%;
	background:#eaf8ba url("/test-new/images/syzygy/space.png") top left repeat;
	color:#222;
	padding:1px;
}

.menu {	
        border:1px dashed #CCC;
	float:right;
	top:135px;
	width:175px;
	padding:0px 10px 0px 10px;
}

.menu p:before { content:"- "; }
.menu p:after { content:" -"; }

.menu p {
	border:1px solid #777;
	text-align:center;
	font-weight:bold;
	background:#eaf8ba url("/test-new/images/syzygy/space.png") top left repeat;
	color:#222;
	padding:1px;
	margin:7px 0px 7px 0px;
}

.menu ul {
	padding:0px;
	margin:0px;
}

.menu ul li:before { color:#fff; content:":: " }

.menu ul li {
	background:transparent url("/test-new/images/syzygy/wit.png");
	font-variant:small-caps;
	font-weight:bold;
	border:1px solid #000;
	padding:0px 20px 0px 20px;
	margin:0px 0px 5px 0px;
	list-style:none;
}


.menu ul li:hover {
	background:transparent url("/test-new/images/syzygy/wit_hover.png");
}

.menu ul li a:link {
	color:#333;
	text-decoration:none;
}

.menu ul li a:hover {
	color:#ccc;
	text-decoration:none;
}

.menu ul li a:visited {
	color:#333;
	text-decoration:none;
}


.menu li ul li { background-image:none; background-color:white; }.
.menu li ul li:hover { background-image:none; background-color:white; }

.login {
        margin:20px 0 0 0;
        width:175px;
}

.login p a:link { color:#476a96; text-decoration:none; }
.login p a:visited { color:#476a96; text-decoration:none; }
.login p a:hover { color:#92b0d5; text-decoration:underline; }

.login p:before { content:"- "; }
.login p:after { content:" -"; }

.login p {
        border:1px solid #777;
	text-align:center;
	font-weight:bold;
	background:#eaf8ba url("/test-new/images/syzygy/space.png") top left repeat;
	color:#222;
	padding:1px;
}

.login ul {
	padding:0;
	margin:0;
}

.login input {
	border:1px solid #000;
	background:#92b0d5;
	margin-bottom:5px;
	padding-left:5px;
	width:110px;
}

.login .button {
	border:1px solid #777;
	border-left:6px solid #476a96;
	background:#92b0d5 url("/test-new/images/syzygy/password.png") no-repeat 93%;
	font-weight:bold;
	font-variant:small-caps;
	width:110px;
}

.login .button:hover {
	background:#476a96 url("/test-new/images/syzygy/password_hover.png") no-repeat 93%;
	color:#92b0d5;
}


.contenu { 
       padding:0px 10px; 
       margin:0px 200px 5px 5px;
}


.newstitle:before { color:#777 ; content:":: "; }
.newstitle:after { color:#777 ; content:" ::"; }

.news {
	background:#fff url("/test-new/images/syzygy/pcback.png") center no-repeat;
        margin-right:240px;
	border:1px solid #CCC;
	padding:0px 10px 0px 10px;
}

.news:hover {
	background:#fff url("/test-new/images/syzygy/pcback_hover.png") center no-repeat;
}

.newstitle {
	border:1px solid #CCC;
	font-variant:small-caps;
	position:absolute;
	top:105px;
	width:518px;
	text-align:center;
	font-weight:bold;
	font-size:100%;
	background:#eaf8ba url("/test-new/images/syzygy/space.png") top left repeat;
	color:#222;
	padding:1px;
}

.article a:link { color:#476a96; text-decoration:none; }
.article a:visited { color:#476a96; text-decoration:none; }
.article a:hover { color:#92b0d5; text-decoration:underline; }


.article h2 {
	border:1px solid #777;
	text-align:center;
	font-weight:bold;
	font-size:100%;
	background:#eaf8ba url("/test-new/images/syzygy/space.png") top left repeat;
	height:11px;
	color:#222;
	padding:1px;
}


.article li { margin:0px; padding:0px 2px; }
.article h2:before { content:"- "; }
.article h2:after { content:" -"; }

.element input[type=text] { 
border-top:none; 
border-left:none; 
border-right:none;
border-bottom:1px dashed #000;
}








 
.element { 
	margin-bottom:40px;
}
.element div { padding:0px 3%; }

.element pre { margin:10px auto; border:1px solid #000; background-color:#eaf8ba; color:black; padding:2px 5px; font-family:terminal sans-serif; }

.element h3 {
	position:relative;
	background:transparent url("/test-new/images/syzygy/pc.png") no-repeat top left;
	height:20px;
	font-size:10px;
	border-bottom:1px dashed #CCC;
	padding-top:3px;
	padding-left:20px;
}
.com h3 {
	position:relative;
	background:transparent url("/test-new/images/syzygy/com.png") no-repeat top left;
	height:20px;
	font-size:10px;
	border-bottom:1px dashed #CCC;
	padding-top:3px;
	padding-left:20px;
}




.element h3:before { color:#777; content: " :: "; }
.element p  { text-align:justify; }


.footer {
        clear:all;
	background:#fff url("/test-new/images/syzygy/femme.png") no-repeat bottom left;
	font-size:10px;
	height:100px;
	padding-left:70px;
	margin:20px 0px 0px 0px;
}
.footer p {
       margin:0px 0px 1px 0px;
}

.footer img { border:1px solid #CCC }
.footer img:hover { border:1px solid #476a96 }

.footer a:link { color:#476a96; text-decoration:none; }
.footer a:visited { color:#476a96; text-decoration:none; }
.footer a:hover { color:#92b0d5; text-decoration:underline; }


p.part:first-letter { padding-left:13px; }
.underline { 
         text-decoration:underline; 
         font-weight:bold;
           } 
sup { font-weight:bold; color:red; }  /* ajout tfe */

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

.date { color:#bbb; }
.nick { color:#476a96; }
.button { background-color:#92b0d5 ; }



dt.foruma { 
    text-decoration:none;
    border:1px solid #c0cc81;   
    font-size:13px;
    margin:1px 0px;
    background-color:#fbfdef; 
    padding:0px 3%;}
dt.forumb { 
    text-decoration:none;
    border:1px solid #c0cc81;   
    font-size:13px;
    margin:1px 0px;
    background-color:#eef0e3; 
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 #c0cc81;
 list-style:none; 
 background-color:#fbfdef; 
  padding:1px 5px;}
div.foruma div {   
 background-color:#fff;
 border-left:1px solid #e0e3dd; 
 border-right:1px solid #e0e3dd; 
 border-top:1px solid #e0e3dd; 
}

  div.forumb { 
  margin:3px 5px 0px 5px;
  border:1px solid #c0cc81;
  list-style:none; 
 #    background-color:#eef0e3; 
 background-color:#e0e3dd; 
  padding:1px 5px; }
div.forumb div {   
 background-color:#fff;
 border-left:1px solid #fbfdef; 
 border-right:1px solid #fbfdef; 
 border-top:1px solid #fbfdef; 
}

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:#eef0e3; }
div.cadre p.part:first-letter { margin:0px; padding-left:0px; }