tt, pre, code { font-size: 1.25em; }
img { border:0px; }
#skip { display:none; }

html {
	background: white url(../imgs/logocisitecoul.png) repeat;
}

body {
	font: 0.75em Verdana, Arial, sans-serif;
	color: black;
	margin: 0em 2em;
}


a {
	text-decoration: underline;
	color:blue;
	background-color: transparent;
}

input {	border: 1px solid #666; }
input[type="submit"] { background-color: white; color: #777; }
input[type="password"], input[type="text"], textarea { background: #ededed; border-width: 1px; }

#main h1 a span { display: none; }

#main h1 a {
	display:block;
	height:85px;
	background:url("../imgs/banner.png") no-repeat center;
}

h2 {
	text-align: center;
	letter-spacing: 0.07em;
	margin-bottom: 1em;
	font-size: 1.7em;
	color: white;
	background-color: #770174;
	-moz-border-radius: 6px;
}

h3 {
	letter-spacing: 0.07em;
	margin-bottom: 0em;
	font-size: 1.2em;
	border-bottom: 1px dashed gray;
}


table  {margin: auto }
table tr { text-align: center; vertical-align: top; }
table h3 { border-bottom: 0; }

div.editbutton { float: right }

/******
* BOX *
******/
#box {
	float:left;
	clear:left;
	width: 170px;
}

/*******
* MENU *
********/
#menu h3 { color: #770174; border-bottom: solid 2px #770174; margin-bottom:0em; }

#menu ul { margin: 0; padding: 0; list-style-type: square; }
#menu li{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align: center;
	border-bottom:1px solid #d0d0d0;
}
#menu li a{
	padding:2px;
	display:block;
	color:#a0a0a0;
	font-weight:bold;
	text-decoration:none;
}
#menu li a:hover{
	text-decoration:none;
	background-color:#efefe7;
}

#menu .logo { text-align: center; margin-bottom: 1em; }

/**********
* TOPMENU *
**********/
#topmenu {
	padding:0;
	margin-bottom: 2em;
	margin-top: 3em;
	text-align: center;
/*
	border-top: 1px solid black;
	border-bottom: 1px solid black;
*/
}
#topmenu li {
	display:inline;
	list-style-type:none;
	border-right:1px solid black;
	padding:0 0.50em 0 0.50em;
}

#topmenu > li { border:0; padding: 0; }
#topmenu > li:after {content: "  ::  " }

#topmenu .last { border-right:0; }
#topmenu .last:after {content: "" }

#topmenu a {
	color: black;
	text-decoration: none;
}


/*******
* MAIN *
********/
#main {
    margin-left : 210px; 
}

#content { margin: 1em 0; }
#content ul.box { margin-bottom: 3em; }
#content ul.box li { margin: 1.5em 0em; }

.homebloc {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	text-align:left;
	border: 1px solid #770174;
	-moz-border-radius: 6px;
}

.homebloc h2 {
	text-align: left;
	margin: 5px;
	padding: 7px;
	font-size:1.1em;
	line-height:0.90em;
	color: white;
}
.homebloc h2 a { color:white; text-decoration: none; }

.info { color:red; }

/*******
* NEWS *
*******/
#news { margin: 0 4px 4px 4px; padding: 3px; }
#news div p.datetime { text-align: right; }

div.preview {
    border: 1px black solid;
    padding-left: 1em;
}

div.news {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 5px;
}

div.news:hover {
	border-style: dashed;
	border-color: purple;
	border-top-width: 0;
	border-right-width: 0;
}

div.newsText {
	padding-top: 7px;
}

div.newsBottom {
	margin-top: 10px;
	padding: 10px 2px 10px 2px;
	text-align: right;
	border-top: 1px dotted black;
}

/*********
* FOOTER *
*********/
#footer { clear: both; text-align: center; margin-top: 3em; margin-left: 190px}
#powered ul { padding: 0;}
#powered ul li {
	display:inline;
	list-style-type:none;
	padding:0 0.50em 0 0.50em;
}

/*********
 * BOARD *
 *********/
div#boardmenu { margin: 1em 5em 3em; }
div#boardmenu ul li:after { content: " ]" }
div#boardmenu ul li:before { content: "[ " }
div#boardmenu ul li { list-style-type: none; float: left; margin-left: 1em; }

div#board form p { margin-left: 20%; margin-right: 20%;}
div#board form p input { width: 100% }

div#board ul { padding-left: 1em; padding-right: 1em}
div#board li, div#highlight li { list-style-type: none; }

div#board .horloge { color: red; padding-right:0.2em; }
div#board .login { color: green; padding-right:0.2em; }
div#board .plonk a { color: gray; }

div#board a { letter-spacing: 0.07em; }
div#board a { border: 0; }
div#board a:hover, div#boardmenu a:hover { text-decoration: none; }


div#board span.horloge_ref { color:blue; }
div#board .highlight { background-color:#e2d5d4; }
div#highlight .plonk { display: none; }

div#highlight {
    position: fixed;
    display: block;
    top: 5px;
    left: 10px;
    right: 10px;
    padding: 0;
    background: #e0e0e0;
    border: 1px solid black;
    text-align: left !important;
}