/* Thème CSS pour http:/informatique.epiknet.org
   Par Syzygy (desintegr@free.fr)
   Dernière modification : lun mai 31 22:40:20 CEST 2004 */


body {
	background:#fff url("../images/back.png");
	margin:0px 10px 50px 0px;
	padding:0;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	background-attachment: fixed;
	background-repeat: no-repeat; 
	background-position: right;
	color:#000;
}
div.entete h2 { width:1px; height:1px; overflow:auto;}

p {
	margin-left:10px;
	margin-right:10px;
	text-align:justify;
}

.contenu {
	margin:64px 50px 0px 190px;
}

.article {
	margin-bottom:40px;
}

.article h2 {
	margin-top:0px;	
	font-size:13px;
}

.article h2 a:link {
	color:#fff;
	text-decoration:none;
}

.article h2 a:hover {
	color:#fff;
	text-decoration:none;
}

.article h2 a:visited {
	color:#fff;
	text-decoration:none;
}

h1 {
	background:transparent url("../images/logo.png") no-repeat;
	position:absolute;
	top:0;
	margin:0;
	width:100%;
	height:64px;
	color:#92B0D5;
	font-size:0px;
}

h2 {
	background:#476A96;
	padding:5px 0px 5px 10px;
	color:#fff;
	font-size:13px;	
}

.element {
	border:1px solid #bbbbbb;
	margin-bottom:10px;
}

.element h2 {
	background:#92B0D5;
	padding-left:10px;
	color:#fff;
	font-size:11px;
}

.element:hover {
	background:transparent url("../images/bleu.png");
	border:1px solid #92B0D5;
}

.element h3 {
	color:#000;
	font-size:10px;
	margin-left:10px;
}
.element h4 { margin:0 0 0 30px; }

.element h2:before { content:".:: "; }
.element h2:after { content:" ::."; }

.element h3:before { content:".: "; }
.element h3:after { content:" :."; }

.menu {
	background: url("../images/menu.png") repeat-x;
	position:absolute;
	top:64px;
	left:0;
	width:180px;
	height:480px;
	padding-top:10px;
	border:1px solid #bbbbbb;
}

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

.menu li {
	list-style:none; 
}

.menu li a:link {
	border-left:6px solid #bbbbbb;
	color:#476A96;
	text-decoration:none;
	padding-left:4px;
}

.menu li a:visited {
	border-left:6px solid #bbbbbb;
	color:#476A96;
	text-decoration:none;
	padding-left:4px;
}

.menu li a:hover {
	border-left:6px solid #92B0D5;
	color:#92B0D5;
}

.menu p:hover {
	background:#92B0D5;
	color:#fff;
}
.menu p {
	padding:6px 0 6px 6px;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#476A96;
}

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

.droite {	
	color:#000;
	float:right;
	font-size:10px;
	margin-right:20px;
	margin-top:15px;
}

.com {
	margin-top:10px;
}

div.com {
	border:1px solid #bbbbbb;
	margin-bottom:10px;
}

div.com:hover {
	background: transparent url("../images/bleu.png");
}

div.com div {
	padding:0px 0px 10px 10px;
}

.com h2 {
	background:transparent;
	color:#000;
	font-size:11px;
}

.com h2 a:link {
	color:#476A96;
	text-decoration:none;
}

.com h2 a:visited {
	color:#476A96;
	text-decoration:none;
}

.com h2 a:hover {
	color:#92B0D5;
	text-decoration:underline;
}

a:link {
	color:#476A96;
	text-decoration:none;
}

a:visited {
	color:#476A96;
	text-decoration:none;
}

a:hover {
	color:#92B0D5;
	text-decoration:underline;
}


.footer p{
	color:#bbbbbb;
	margin:0;
	width:100%;
	text-align:center;
	
}
.footer p a:link {
	color:#476A96;
	text-decoration:none;
}

.footer p a:hover {
	color:#92B0D5;
	text-decoration:underline;
}

input {
	width:125px;
	border:1px solid #fff;
	padding:0px 2px 0px 2px;
	margin:2px 0px 2px 0px;
	background:#bbbbbb;
	color:#fff;
	font-size:11px;
}

input:hover {
	background:#92B0D5;
}

textarea {
	border:1px solid #fff;
	margin:2px 0px 2px 0px;
	padding:0px 2px 0px 2px;

	background:#bbbbbb;
	color:#fff;
	font-size:11px;
}

textarea:hover {

	background:#92B0D5;

}

.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; }


div.chatbox { 
   margin:0px; padding:0px;
  font-size:10px; 
  float:right; 
   width:190px;  
}
div.chatbox h2 { margin:0px; }
div.chatbox div.contenu p {
    text-align:left; 
    margin:0px; 
    padding:2px 0px;  
}
div.chatbox div.contenu { 
    margin:0 5px 0 5px;
    padding:0;
    width:180px; 
    height:300px; 
    overflow:auto; 
}
div.news { margin-right:200px; }


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