/*
Css Colored par deeph
*/

body {
	background-image: url("./images/fond_colored.PNG");
	color: black;
	font-family: verdana, sans-serif;
	font-size: 12px;
	margin: 15px 0 15px 0;
	text-align: center;
	width: 1000px;
}

p {
	background-color: white;
}

img {
	vertical-align : top;
}

form {
	font-size: 75%;
}

input, textarea {
	border: 1px solid #369;
}

a {
	color: #4847ff;
	text-decoration: underline;
}

a:hover {
	color: #005dff;
	background-color: #99ffff;
}

hr {
	color: #1a1a80;
	background-color: #1a1a80;
	height: 1px;
	border: 1px;
}

fieldset {
	border: 1px solid #1a1a80;
}

.container {
	width : 90%;
	margin : 0 auto;
	text-align: left;
}

.search_box {
	background-color: #a7c5ff;
	float: right;
	margin-top: 90px;
	margin-right: 2em;
	padding: 1px;
	font-size: 0.8em;
	height: 2em;
	border: 1px dashed #369;
}

.search_1 {
	background: url("./images/q_colored.PNG") left no-repeat;
	padding-left: 18px;
	margin-left: 2px;
	border: none;
	size: 12px;
}

.search_box2 {
	float: right;
	margin-right: 20px;
	padding: 1px;
	clear: right;
	text-align: left;
	width: 140px;
	font-size: 10px;
}

.logo {
    width : 100%;
    height: 150px;
    float: top;
    margin : 0 auto;
    background: url("./images/head_colored.PNG") top left;
    padding: 0;
    color: black;
	border: 1px solid #1a1a80;
}

.colone_menu {
	width : 170px;
	float : right;
}

.menu {
	width : 170px;
	margin-top: 21px;
	border: 1px solid #333399;
	background: url("./images/fondmenu_colored.PNG");
}

.menu_pub {
	width : 170px;
	margin-top: 41px;
	border: 1px solid #333399;
	background-color: white;;
}

.css_select {
	margin: 4px;
	font-size: 12px;
	text-align: center;
}

.sousmenu {
	background: url("./images/menutitle_colored.PNG") top left no-repeat;
}

.menutitle {
	font-size: 16px;
	color: #010167;
	text-align: center;
}

.menu ul {
	margin-top: 4px;
}

.menu li {
	margin-left: -15px;
}

.main {
	margin-right: 222px ;
	margin-top: 21px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 14px;
	padding-bottom: 14px;
	border: 1px solid #1a1a80;
	background: url("./images/fondmenu_colored.PNG");
    min-width: 200px;
}

.main hr {
	width: 40%;
}

.main p {
	background-color: #fafaff;
}

br.clear { 
	clear: both; 
}

.prog_z80 {
	margin-top: 20px;
	padding: 2px;
	min-height: 96px;
	overflow: hidden;
	display: block;
}

.prog_68k {
	margin-top: 20px;
	padding: 2px;
	min-height: 96px;
	overflow: hidden;
	display: block;
}

.prog_head {

}

.prog_title {
	font-size: 16px;
	background-color: #fafaff;
	border: 1px solid #6fd3f4;
	padding: 1px;
}

.prog_title h2 {
	font-size: 16px;
}

.prog_title h1 {
	font-size: 16px;
}

.prog_head h2 {
	font-size: 16px;
	padding-top: 0px;
	display:inline;
}


.prog_body {
	background-color: #e4ffff;
	margin: 5px;
	margin-top: 10px;
	border: 1px solid #1a1a80;
}

.prog_screen {
	margin: 10px;
	vertical-align: top;
	border: 1px solid #1a1a80;
	padding: 1px;
	background-color: white;
}

.prog_content {
	font-size: 12px;
	padding-left: 7px;
}

.prog_body img {
	vertical-align: top;
}

.prog_auteur {
	font-size: 14px;
	text-decoration: underline;
}

.prog_footer {
	background-color: #e4ffff;
	padding: 2px;
	margin: 5px;
	overflow: hidden;
	display: block;
	border: 1px solid #1a1a80;
}

.prog_footer form {
	font-size: 100%;
}

.prog_div_title {
	margin-left: 4px;
}

.prog_dlicone {
	font-size: 24px;
	width: 24px;
	height: 24px;
	float: left;
	border: 1px solid #6fd3f4;
	padding: 2px;
	background-color: #fafaff;
}

.prog_dlicone a {
	background: url("./images/dl_colored.PNG") no-repeat left center;
	padding-left: 24px;
	padding-top: 5px;
}

.prog_dlicone a:hover {
	background: url("./images/dl_colored2.PNG") no-repeat left center;
	padding-left: 24px;
	padding-top: 5px;
}

.prog_z80 fieldset {
	padding-bottom: 0em;
	margin-bottom: 0em;
}

.prog_68k fieldset {
	padding-bottom: 0em;
	margin-bottom: 0em;
}

.progs_tag {
	font-weight: bold;
}

.ti_select {
	margin-top: 3px;
	margin-bottom: 12px;
	text-align: center;
	font-size: 1.2em;
}

.tihightlight {
	font-size: 18px;
	color: #0000ff;
}

.prog_page_selector {
	font-size: 1em;
	text-align: center;
	margin-bottom: 20px;
}

.prog_and_page_selector {
	margin-bottom: 24px;
	width: inherit;
}

.prog_sort_selector {
	float: left;
	font-size: 1em;
	text-align: left;
}

.prog_page_selector_head {
	float: right;
	text-align: right;
	font-size: 1em;
}

.page_highlight {
	font-size: 18px;
	color: #0000ff;
}

.sort_highlight {
	font-size: 18px;
	color: #0000ff;
}

.note_display {
	color: #333380;
}

.input_note {
	font-size: 12px;
	width: 23px;
	height: 15px;
	border: none;
	border-bottom: 1px dashed blue;
	margin-bottom: 0px;
	background-color: #e4ffff;
}

.article_head {
	padding-top: 7px;
	margin-bottom: 7px;
}

.article_body {
	margin: 5px;
	padding: 4px;
	border: 1px solid #1a1a80;
}

.article_title {
	font-size: 16px;
	color: blue;
}

.article_auteur {
	font-size: 14px;
}

.artlist_auteur {
	font-size: 14px;
}

.artlist_title {
	font-size: 16px;
}

.footer {
	clear: both;
	font-size: 10px;
	text-align: center;
	margin-top: 40px;
	background-color: white;
}

.footer_pub {
	clear: both;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 740px;
}

.special_pub {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.news {
	margin-top: 14px;
	padding: 4px;
	font-size: 12px;
	border: 1px solid #1a1a80;
	background-color: #e4ffff;
}

.news_title {
	font-weight: bold;
	font-size: 14px;
}

.news_body {
	padding: 3px;
	margin: 5px;
	border: 1px solid #1a1a80;
}

.news_body p {
	background-color: #e4ffff;
}

.news_footer {
	padding: 3px;
	font-size: 10px;
}

.link_al_news {
	width: 100%;
	text-align: left;
	font-size: 1.2em;
}