body {  font: 12pt Georgia, "DejaVu Serif", Norasi, serif; }

a { color: #B93530; }

h1 { text-align:center; font-size: 40pt;  text-shadow: #ccc 0px 5px 5px; margin-top:30px; }

h2 { font-size: 18pt; margin-top: 0px; font-style:italic; }

.pbloc { 
background-color: #fff;
padding: 12px 20px 12px 20px;
border: 1px solid #aaa;
margin-left:20%;
margin-right:20%;
margin-bottom: 20px;
text-align: justify;

box-shadow:0px 5px 7px #aaa;
-moz-box-shadow:0px 5px 7px #aaa;
-webkit-box-shadow:0px 5px 7px #aaa;
-khtml-box-shadow:0px 5px 7px #aaa;

}


.pbloc_nobox { 
padding: 12px 20px 12px 20px;
margin-left:20%;
margin-right:20%;
margin-bottom: 20px;
text-align: justify;
}

.lang
{

z-index:40;
position: fixed;
top:0px;
right:0px;
font-size:8pt;
padding:2px;
}

.menu
{
font-size:8pt; 
background-color:white; 
position:fixed; 
margin:0px; 
padding: 2px 2px 2px 5px;
top:0px; 
left:0px; 
width:100%; 
border-bottom:1px solid #bbb;
box-shadow:0px 3px 3px #aaa;
-moz-box-shadow:0px 3px 3px #ccc;
-webkit-box-shadow:0px 3px 3px #aaa;
-khtml-box-shadow:0px 3px 3px #aaa;
}

.multicolumn3 {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

.multicolumn3 ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;    
}
.multicolumn3 li
{
    margin-bottom:20px;   
}


@media handheld {
html, body { font: 12px/15px serif; background: #fff; padding: 3px; color: #000; margin: 0;  margin:none;}
img { max-width: 100%; height: auto; }
ul { padding-left:15px; }
h1 { font-size: 22pt;   margin-top:70px;  line-height: 1.1; }
h2 { font-size: 13pt; margin-top: 0px; line-height: 1.2; }
.pbloc  { padding: 12px 7px 12px 7px;margin-left:3px;margin-right:3px;margin-bottom: 10px; width:90%;}
.pbloc_nobox { padding: 12px 7px 12px 7px;margin-left:3px;margin-right:3px;margin-bottom: 10px; width:90%;}
.menu { position:absolute; top:15px; }
.lang { position:absolute; right:3px; }
}