body{
	background-color:#FFFFFF;
	margin:0;
	padding-top:20px;
	padding-bottom:0;
	text-align:center;
	padding-bottom:20px;	
}
.canol{
	text-align:center;
}
.hutch{
	letter-spacing:10px;
}
.magnum{
	word-spacing:30px;
}

table.no_style,table.no_style tr ,table.no_style td,table.no_style th{
	border: none;
	
}
.no_style input[type="text"],.no_style textarea,.no_style select,.no_style input[type="file"]{
	width:350px;
}


.snap{
	padding: 20px;
	border: 3px solid blue;
	margin: 20px;
	background-color: yellow;
	height:150px;
	background-image:url(../lluniau/bmmesure.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.gonzo{
	line-height:25px;
}
.piggy{
	text-decoration:blink;
}
.inset{
	float:left;
	margin: 10px 10px 10px 0;
}


.kermit{
	text-decoration:line-through;
}
.chef{
	text-decoration:overline;
}
.beaker{
	text-decoration:underline;
}
.animal{
	text-transform:capitalize;
}
.prof{
	text-transform:lowercase;
}
.zoot{
	text-transform:uppercase;
}




.dyf{
	font-style:italic;
}
.brd{
	border: 1px gray solid;
}
.hen{
	font-style:oblique;
}

.dyf span, .hen span{
	font-style:normal;
}


.arial{
	font-family:Arial, Helvetica, sans-serif;
}
.TNR{
	font-family:"Times New Roman", Times, serif;
}
.verdana{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.courier{
	font-family:"Courier New", Courier, mono;
}
p.css_3{
	font-size:15px;
}

p.css_3 span{
	font-size:22.5px;
	color:green;
}


.bobR{
	float:right;
	width:100px;
	margin-right:50px;
}

.mid{
	text-align:center;
}


h3 span a{
	float:right;
	font-size: 12px;
	border:solid 1px #990000;
	padding:2px;
	color:#FFFFFF;
	background-color:#CC0000;
	font-family:"Courier New", Courier, mono;
}

h3 span a:link,h3 span a:visited,h3 span a:hover,h3 span a:active{
	color:#FFFFFF;
	text-decoration:none;
}


a img{
	border:none;
}

table tr.yellow td.alL{
	text-align:left;
}
.kern2{
margin-left:-18px;
}
.warn,.impt,.rhybudd{
	color:red;font-weight:bold;
}

blockquote, blockquote p{
	font-family:"Times New Roman", Times, serif 11px;
	font-style:italic;
}
cite{
	color:#990000;
	font-weight:bold;
}

.caption{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	font-style:italic;
}

#ochr{
float:right;
width:300px;
border:red 1px solid;
}

p{
line-height:18px;
	
}
p,ul,li,input,label,legend{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6{
	color:#000000;
	font-family: Trebuchet,Geneva, Arial, Helvetica, sans-serif;
}
h1{
	font-size:24px;
	padding-top:0;
	margin-top:0;
}
h3{
	font-size:18px;
	padding-top:0;
	margin-top:0;
}

.ind_1{
	margin-left: 10px;
}
.ind_2{
	margin-left: 20px;
}
.ind_3{
	margin-left: 30px;
}
.ind_4{
	margin-left: 40px;
}
.ind_5{
	margin-left: 50px;
}
.ind_6{
	margin-left: 60px;
}

.bloc_cod{
	margin-left: 50px;
	margin-right:50px;
	border: solid 1px #666666;
	background-color:#CCCCCC;
	padding: 10px;
	
}
.bloc_cod p{
	font-family:"Courier New", Courier, mono;
	padding:0;
	margin-top:0;
	margin-bottom:0;
}
code{
	color:#990000;
}
code.my_code{
	color:#990000;
	border: none;	
    background-color: none;
    font-size: 12px;
    padding: 0;
    position:inherit;
    display: inline;}

a:link{
	color:#006666;
	text-decoration:underline;
}
a:visited{
	color:#006666;
	text-decoration:underline;
}
a:hover{
	color:#003366;
	text-decoration:underline;
}
a:active{
	color:#000000;
	text-decoration:underline;
}

#mapbar ul li a:link,#connav  ul li a:link{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#mapbar ul li a:visited,#connav  ul li a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#mapbar ul li a:hover,#connav ul li a:hover{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
#mapbar ul li a:active,#connav ul li a:active{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}


.sidebox{
	background-image:url(../n_includes/t_door.jpg);
	background-repeat:no-repeat;
	width: 200px;
	float: right;
	padding-top:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
}

.sidebox h4{
	text-align:center;
	color:#333333;
	margin-top:0;
	padding-top:6px;
}

.sidebox ul{
	background-image:url(../n_includes/b_door.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom: 15px;
	margin-bottom:0;
	margin-left:0;
	padding-left:15px;
	padding-top:0;
}


.sidebox ul li{
	list-style:none;
	padding:0;
	margin:0;
}

.sidebox ul li span{
	color:#333333;
	text-decoration:none;
	padding-left:20px;
	background-image:url(../n_includes/bullet2.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;

}
.sidebox ul li a:link{
	color:white;
	text-decoration:none;
	padding-left:20px;
	background-image:url(../n_includes/bullet.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

.clear{
	clear:both;
}
.floatL{
	float:left;
}
.floatR{
	float:right;
}


.sidebox ul li a:visited{
	color:white;
	text-decoration:none;
	padding-left:20px;
	background-image:url(../n_includes/bullet.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.sidebox ul li a:hover{
	color:#333333;
	text-decoration:none;
	padding-left:20px;
	background-image:url(../n_includes/bullet2.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.sidebox ul li a:active{
	color:white;
	text-decoration:none;
	padding-left:20px;
	background-image:url(../n_includes/bullet.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}
table.L-me{
	margin-left:3px;
	margin-right:0;
	
}

table.L-me tr, table.L-me tr td{
	border:none;
}

table.L-me tr td{
	padding-bottom:5px;
}

#wrapper{
	background-color:white;
	width:730px;
	margin: 0 auto;
	text-align:left;
	border:1px solid #999999;
	padding:bottom:0;
	margin-bottom:0;
}

#top{
	height:75px;
	background-image:url(../lluniau/banner.jpg);
	background-repeat:no-repeat;
}

#top h1,#top h2, #footer p{
	display:none;
}



#main_body{
	padding-left:30px;
	padding-right:30px;
	background-image:url(../lluniau/BG.jpg);
	background-repeat:repeat-y; 
	padding-bottom: 10px;
}

div#baner{
	height: 100px;
	background-repeat:no-repeat;
}
div#baner h1, div#baner h2{
	display:none;
}

#footer{
	border-top:1px solid #999999;
	text-align:center;
	margin-top:5px;
	background-color:#CCCCCC;
	padding:0;
	margin-bottom:0;
	background-image:url(../n_includes/binary.gif);
	background-repeat:repeat-x;
	height: 15px;
}
#footer p{
	padding:0;
	margin:0;
}

#mapnav{
	text-align:center;
}

.hide{
	visibility:hidden;height:0;max-height:0;display:none;
}
.show{
}

acronym,abbr{
	
	color:#006666;
	border-bottom:dotted 1px #006666;
}


table.main {
	font-size:14px;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	
	
}

tr.yellow td{
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background-color:#CCCCCC;
	font-weight:bold;
	text-align:center;
}

tr.yellow th {
	border: 1px solid #CCCCCC;
	background-color:#CCCCCC;
	font-weight:bold;
	text-align:left;
}


td {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
}

td.pecyn{
	font-weight:bold;
}

.agos p{
	padding:0;margin:0;
}

.file{
	color:#006633;
	font-family:"Courier New", Courier, mono;
}

.ymyl{
	border:#333333 solid 1px;
	margin-right:10px;
	margin-bottom:10px;
}

.framed{
border: 1px dotted #999999;
padding:20px;
margin-left:40px;
margin-right:40px;
}
.framedochr{
border: 1px dotted #999999;
padding:20px;
margin-left:40px;
margin-right:40px;
height:100px;
}
.pwysig{
font-weight:bold;
color:#FF0000;
text-decoration:underline;
}


/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#connav2,#mapbar2 {margin-left:2px;position:relative; width:730px; height:25px; z-index:100;}
/*#mapbar2{ background:#666666;border:solid 1px #999999;width:723px;}*/
#connav2,#mapbar2{height:27px;background-image:url(../lluniau/bgnav.jpg); width: 725px;


}
/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul,#pmenu2, #pmenu2 ul {padding:0; margin:0; list-style-type: none;}
/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited,#pmenu2 a, #pmenu2 a:visited {display:block;width:120px; font-size:11px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #999999; border-width:1px 0 1px 1px;}
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited,#pmenu2 li ul li a, #pmenu2 li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited,#pmenu2 li a.enclose, #pmenu2 li a.enclose:visited {border-width:1px;}
 
/* Set up the list items */
#pmenu li,#pmenu2 li {float:left; background:#666666;}
 
/* For Non-IE browsers and IE7 */
#pmenu li:hover,#pmenu2 li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a,#pmenu2 li:hover > a {background:#dfd7ca; color:#c00;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul,#pmenu2 li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul,#pmenu2 li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul,#pmenu2 > li:hover > ul {left:-30px; top:16px;}
 
/* get rid of the table */
#pmenu table,#pmenu2 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
 
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover,* html #pmenu2 li a:hover {position:relative; background:#dfd7ca; color:#c00;}
 
/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus,#pmenu2 li a:active, #pmenu li a:focus {background:#dfd7ca; color:#c00;}
 
/* Set up the pointers for the sub level indication */
#pmenu li.fly,#pmenu2 li.fly {background:#666666 url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
#pmenu li.drop,#pmenu2 li.drop {background:#666666 url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center;}
 
 
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
 
/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul,* html #pmenu2 li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}
 
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul,#pmenu2 li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul,#pmenu2 li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul,#pmenu2 li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul,#pmenu2 li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}
 
/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul,#pmenu2 li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}
 
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul,#pmenu2 li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul,#pmenu2 li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul,#pmenu2 li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul,#pmenu2 li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

.css_eg h2{
	text-align:center;
	font-size:20px;
}

.css_eg img{
	float:left;
	border: dashed 2px black;
	margin-right:5px;margin-bottom:5px;margin-top:5px;
}

.css_eg p{
	color:#0000CC;
	font-weight:bold;
}

.css_eg2 p{
	color:blue;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:right;
}

div.css_eg1 p{
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
}

.css_eg2 div p{
	color:red;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:right;
}
.framed a:link{
text-decoration:none;
color:blue;
}
.framed a:visited{
text-decoration:line-through;
color:blue;
}
.framed a:hover{
text-decoration:none;
color:green;
}
.framed a:active{
text-decoration:none;
color:orange;
}
color{
	color:#FFFF66
}


form#css input:focus{
background-color:yellow;
color:red;
}

form#css p:first-child{
background-color:yellow;
color:red;
}

form#css p:lang(it){
color:green;
font-weight:bold;
border:green 2px dotted;
}
span.pseudo{
	width: 200px;
	font-weight:bold;
	color:#990000;
	display:block;
}

#css_2 input[type="text"]{
	background-color:blue;
	color:yellow;
}

.css_lliw{
	color:yellow;
	background-color:blue;
}
.css_lliw2{
	color:#6B8E23;
	background-color:#FAEBD7;
}