/*
    Project: CrystalX
    URL: http://www.nuvio.cz
    
    Output device: screen, projection
    
    Author: Vit Dlouhy (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Last revision: 2006-12-05, 12:00 GMT+1

    Structure:
        display | position | float | overflow | width | height | border | margin | padding | background | align | font
*/

/********/
/* BODY */
/********/
body {
	clear:both;
	margin:0;
	padding:0;
	background:#F2F5FE url("../design/bg.gif") repeat-x;
	font-family: "verdana",sans-serif;
	font-size:11px;
	line-height:18px;
	color:#192666;
	text-align:center;
}

/********/
/* MAIN */
/********/
.main {
	background: url("../design/header_bis.jpg") center repeat-x;
}

/**********/
/* HEADER */
/**********/
.header {
	width:1044px;
	height:150px;
}

.logo {
	padding-top:35px;
	padding-left:35px;
}
.logo a {
	color:#FFF;
}
.logo a:hover {
	color:#B5C4E3;
	text-decoration:underline;
}
    
.search {
	width:155px;
	height:28px;
	background: url("../design/search_input.gif") center no-repeat;
	font:bold 90%/100% "verdana",sans-serif;
	color:#192666;
	vertical-align:middle;
}

.search-input {
	border:0;
	width:140px;
	margin:5px 8px;
	padding:3px 0;
	background:#FFF;
	font:bold 100%/100% "verdana",sans-serif;
	color:#192666;
}

/********/
/* MENU */
/********/
.menu_bg {
	background:#192666;
}

#tabs ul {
	font-size:11px;
	line-height:18px;
	margin:0 4px;
	padding:0;
	list-style:none;
}
#tabs ul li {
	margin:0 5px 0 0;
	padding:0;
	float:left;
}
#tabs ul li a {
	display:block;
	position:relative;
	padding:8px 15px;
	border:0;
	background: url("../design/tab_link.gif") 0 0 repeat-x;
	color:#B5C4E3;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {
	position:absolute;
	top:0;
	left:0;
	_left:-15px;
	width:8px;
	height:8px;
	background: url("../design/tab_link_l.gif") 0 0 no-repeat;
}
#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {
	position:absolute;
	top:0;
	right:-2px;
	_right:-1px;
	width:8px;
	height:8px;
	background: url("../design/tab_link_r.gif") 100% 0 no-repeat;
}

#tabs ul li a:hover {
	background: url("../design/tab_hover.gif") 0 0 repeat-x;
	color:#FFF;
}

#tabs ul li a:hover span.tab-l {
	background: url("../design/tab_hover_l.gif") 0 0 no-repeat;
}
#tabs ul li a:hover span.tab-r {
	background: url("../design/tab_hover_r.gif") 100% 0 no-repeat;
}

#tabs ul li#active a {
	background:#FFF;
	color:#FF9000;
}

#tabs ul li#active a span.tab-l {
	position:absolute;
	top:0;
	left:0;
	_left:-15px;
	width:8px;
	height:8px;
	background: url("../design/tab_active_l.gif") 0 0 no-repeat;
}
#tabs ul li#active a span.tab-r {
	position:absolute;
	top:0;
	right:0;
	width:8px;
	height:8px;
	background: url("../design/tab_active_r.gif") 100% 0 no-repeat;
}

.main_table_bg {
	background-color:#FFF;
}

.bg_left {
	width:5px;
	background: url("../design/bg_left.jpg") top right repeat-y;
}

.bg_right {
	width:5px;
	background: url("../design/bg_right.jpg") top left repeat-y;
}

#breadcrumbs {
	height:30px;
	vertical-align:middle;
	text-align:left;
	padding-left:20px;
	width:520px;
	color:#6182D1;
	font-size:11px;
	line-height:18px;
	background:none;
}
#breadcrumbs a, a:visited {
	color:#6182D1;
	background:none;
}
#breadcrumbs a:hover {
	color:#192666;
}

/********/
/* PAGE */
/********/
.bleu_left {
	height:30px;
	background: url("../design/fond_bleu_left.gif") top right no-repeat;
}
.bleu_right {
	height:30px;
	background: url("../design/fond_bleu_right.gif") top left no-repeat;
}
.bleu_middle {
	vertical-align:middle;
	height:30px;
	background: url("../design/fond_bleu_middle.gif") top left repeat-x;
}
#bleu_middle {
	vertical-align:middle;
	height:30px;
	background: url("../design/fond_bleu_middle.gif") top left repeat-x;
}
#bleu_middle a {
	color:#FFF;
	font-weight:bolder;
	text-decoration:none;
}
#bleu_middle a:hover {
	color:#FF9800;
	text-decoration:none;
}
.bleu_left_small {
	height:20px;
	background: url("../design/fond_bleu_left_small.gif") top right no-repeat;
}
.bleu_right_small {
	height:20px;
	background: url("../design/fond_bleu_right_small.gif") top left no-repeat;
}
.bleu_middle_small {
	vertical-align:middle;
	height:20px;
	background: url("../design/fond_bleu_middle_small.gif") top left repeat-x;
}
#inside_article h2 {
	text-align:left;
	margin:0 -20px;
	padding:10px;
	background:#DEE5FD url("../design/content_title_bg.gif") 0 0 repeat-y;
	color:#192666;
}
#inside_article h2 span {
	background: url("../design/ico_list.gif") 0 50% no-repeat;
	padding-left:25px;
	font-size:18px;
	line-height:18px;
}
.btn-more {
	margin:0 0 15px 0;
	padding:0;
	border:0;
	position:relative;
}
.btn-more a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:67px;
	height:21px;
	margin:0;
	padding:0 0 0 28px;
	background: url("../design/btn_more.gif") 0 0 no-repeat;
	color:#FFF;
	text-decoration:none;
}
.btn-more a:visited {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:67px;
	height:21px;
	margin:0;
	padding:0 0 0 28px;
	background: url("../design/btn_more.gif") 0 0 no-repeat;
	color:#FFF;
	text-decoration:none;
}
.btn-more a:hover {
	background: url("../design/btn_more.gif") -95px 0 no-repeat;
}

#btn-more {
	margin:0 0 15px 0;
	padding:0;
	border:0;
}
#btn-more a {
	display:block;
	top:0;
	right:0;
	width:67px;
	height:21px;
	margin:0;
	padding:0 0 0 28px;
	background: url("../design/btn_more.gif") 0 0 no-repeat;
	color:#FFF;
	text-decoration:none;
}
#btn-more a:visited {
	display:block;
	top:0;
	right:0;
	width:67px;
	height:21px;
	margin:0;
	padding:0 0 0 28px;
	background: url("../design/btn_more.gif") 0 0 no-repeat;
	color:#FFF;
	text-decoration:none;
}
#btn-more a:hover {
	background: url("../design/btn_more.gif") -95px 0 no-repeat;
}

/********************************/
#content {
	width:700px;
	padding:0 0 0 22px;
}
.contact {
	font-size:11px;
	line-height:18px;
}
.article {
	width:700px;
	padding:20px;
	background: url("../design/content_article_bg.jpg") 0 0 no-repeat;
}
#content .article {
	font-size:11px;
	line-height:18px;
	width:660px;
	padding:20px;
	background: url("../design/content_article_bg.jpg") 0 0 no-repeat;
}
#content .article h2 {
	font-size:18px;
	line-height:18px;
	text-align:left;
	margin:0 -20px;
	padding:10px;
	background:#DEE5FD url("../design/content_title_bg.gif") 0 0 repeat-y;
	color:#192666;
}
#content .article h2 span {
	background: url("../design/ico_list.gif") 0 50% no-repeat;
	padding-left:25px;
}
#content .article p {
	text-align:justify;
}
#content .info {
	margin:10px 0;
	padding-bottom:8px;
	border-bottom:1px solid #DEE5FD;
	color:#6685CC;
}
#content .info a {
	color:#6685CC;
}
#content .info a:hover {
	color:#FF9000;
}
#content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {
	padding-left:15px;
}
#content .info span.date {
	background: url("../design/ico_date.gif") 0 50% no-repeat;
}
#content .info span.cat {
	background: url("../design/ico_cat.gif") 0 50% no-repeat;
	margin-left:8px;
}
#content .info span.user {
	background: url("../design/ico_user.gif") 0 50% no-repeat;
	margin-left:8px;
}
#content .info span.comments {
	background: url("../design/ico_comments.gif") 0 50% no-repeat;
	margin-left:8px;
}
#content .btn-more {
	margin:0 0 15px 0;
	padding:0;
	border:0;
	position:relative;
}
#content .btn-more a, #contect .btn-more a:visited {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:67px;
	height:21px;
	margin:0;
	padding:0 0 0 28px;
	background: url("../design/btn_more.gif") 0 0 no-repeat;
	color:#FFF;
	text-decoration:none;
}
#content .btn-more a:hover {
	background: url("../design/btn_more.gif") -95px 0 no-repeat;
}

/***********/
/* COLONNE */
/***********/
#col-in {
	background: url("../design/col_top.gif") top left no-repeat;
}
#footer-col {
	padding:20px 10px;
	background: url("../design/footer_col.jpg") 0 0 no-repeat;
}
#col {
	font-size:11px;
	line-height:18px;
	width:300px;
	margin:0;
	padding:0;
	background:#CEDBF9 url("../design/col_bg.gif") 0 0 repeat-y;
}
#col h3 {
	font-size:16px;
	line-height:18px;
	padding:13px 15px 14px 15px;
	text-align:left;
	background:#A0B9F3 url("../design/col_title_bg.gif") 0 0 repeat-y;
	color:#192666;
}
#col #contact {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}
#col #contact-left {
	text-align:left;
	vertical-align:bottom;
	padding-bottom:10px;
}
#col #contact-label {
	text-align:right;
	padding-right:5px;
}
#col ul#category {
	margin:15px 0;
	padding:0;
	list-style:none;
}
#col ul#category #tete {
	font-size:14px;
	text-align:left;
	padding-left:50px;
	font-weight:bolder;
	border-bottom:1px solid #E0E8FA;
}
#col ul#category li {
	text-align:left;
	padding-left:70px;
	border-bottom:1px solid #E0E8FA;
}
#col ul#category li a {
	display:block;
	padding:3px 0 3px 22px;
	background: url("../design/ico_archive.gif") 5px 6px no-repeat;
	text-decoration:none;
}
#col ul#category li a:hover, a:visited {
	background-color:#D3DFF8;
	color:#192666;
}
#col ul#category li#category-active a {
	background:#E0E8FA url("../design/ico_archive2.gif") 5px 50% no-repeat;
	font-weight:bold;
}
#col ul#archive {
	margin:15px 0;
	padding:0;
	list-style:none;
}
#col ul#archive li {
	margin:0;
	padding:0;
	border-bottom:1px solid #E0E8FA;
}
#col ul#archive li a {
	display:block;
	padding:3px 0 3px 22px;
	background: url("../design/ico_archive.gif") 5px 50% no-repeat;
	text-decoration:none;
}
#col ul#archive li a:hover {
	background-color:#D3DFF8;
	color:#192666;
}
#col ul#archive li#archive-active a {
	background:#E0E8FA url("../design/ico_archive2.gif") 5px 6px no-repeat;
	font-weight:bold;
}
#col ul#links {
	margin:15px 0;
	padding:0;
	list-style:none;
}
#col ul#links li {
	margin:0;
	padding:0;
	border-bottom:1px solid #E0E8FA;
}
#col ul#links li a {
	display:block;
	padding:3px 0 3px 22px;
	background: url("../design/ico_links.gif") 5px 6px no-repeat;
	text-decoration:none;
}
#col ul#links li a:hover {
	background-color:#D3DFF8;
	color:#192666;
}
#col-mail a {
	color:#FF9800;
}
#col-mail a:hover {
	color:#192666;
}

/**********/
/* FOOTER */
/**********/
#top {
	position:absolute;
	top:55px;
	left:550px;
}
#top p {
	position:relative;
	width:30px;
	height:25px;
	margin:0;
	overflow:hidden;
}
#top p span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:30px;
	height:25px;
	background: url("../design/ico_top.gif") 0 0 no-repeat;
	cursor:pointer;
}
#top a:hover span {
	background: url("../design/ico_top.gif") -30px 0 no-repeat;
}

.footer-left {
	width:17px;
	height:16px;
	background: url("../design/footer_left.jpg") bottom left no-repeat;
}
.footer-right {
	width:17px;
	height:16px;
	background: url("../design/footer_right.jpg") bottom right no-repeat;
}
.footer-middle {
	height:16px;
	background: url("../design/footer_middle.jpg") bottom repeat-x    ;
}
#footer {
	font-size:11px;
	line-height:18px;
	color:#6685CC;
	background:none;
}
#footer a, a:visited {
	color:#6685CC;
	background:none;
}
#footer a:hover {
	color:#192666;
}

/***********/
/* GENERAL */
/***********/
img {
	border:0;
	margin:0;
	padding:0;
}

.box{
	margin:0px 0px 10px 0px;
	padding:10px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
}

/**************/
/* NAVIGATION */
/**************/
.PageNavLink {
	font-family: Verdana; 
	font-size: 10px;
	font-weight:bold;
	color: #336699;
	background-color:#FFFFFF;
	border:1px solid #336699;
	width:20px;
	height:18px;
	text-align:center;
}

.PageNavLinkbold {
	font-size: 10px;
	font-weight:bolder;
	color: #336699;
	background-color:#FFFFFF;
	border:1px solid #336699;
	width:20px;
	height:18px;
	text-align:center;
}

.PageNavLinkon {
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	background-color:#336699;
	cursor:pointer;
	width:22px;
	height:18px;
	text-align:center;
}

.PageNavLinkactive {
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	background-color:#336699;
	cursor:default;
	width:20px;
	height:18px;
	text-align:center;
}

.PageNavLinkoff {
	font-size: 10px;
	font-weight:lighter;
	border:1px solid #336699;
	color: #336699;
	background-color:#FFFFFF;
	cursor:default;
	width:20px;
	height:18px;
	text-align:center;
}

/*
h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
*/

/**************************/
/*         FESWEB        */
#titre_a{color:#FFFFFF;font-family:Verdana,Geneva,sans-serif;font-size:16px;font-weight:bolder;padding-bottom:0px;text-align:justify;margin:0;}

#top_txt{color:#000;font-family:Verdana,Geneva,sans-serif;font-size:10px;font-weight:none;padding-bottom:0px;text-align:justify;margin:0;position:absolute;margin:1700px 0 0 0;}
#top_txt_sites{color:#000;font-family:Verdana,Geneva,sans-serif;font-size:10px;font-weight:none;padding-bottom:0px;text-align:justify;margin:0;position:absolute;margin:1387px 0 0 0;}
#top_txt_referencement{color:#000;font-family:Verdana,Geneva,sans-serif;font-size:10px;font-weight:none;padding-bottom:0px;text-align:justify;margin:0;position:absolute;margin:795px 0 0 0;}
#top_txt_pj{color:#000;font-family:Verdana,Geneva,sans-serif;font-size:10px;font-weight:none;padding-bottom:0px;text-align:justify;margin:0;position:absolute;margin:990px 0 0 0;}
#top_txt_whois{color:#000;font-family:Verdana,Geneva,sans-serif;font-size:10px;font-weight:none;padding-bottom:0px;text-align:justify;margin:0;position:absolute;margin:800px 0 0 0;}




/**************************/