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; margin-bottom: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; }
}

* { margin: 0; padding: 0; }

/* .header h1 { text-shadow: 2px 2px 2px #000; }
.header h1 a { text-decoration: none; color: #eee; }
.header { padding: 1% 3%; color: #eee; margin: 0 0%; border-bottom: 1px solid #aaa; background: #6A6A6A; }
.header p a { color: #bbb; }
.header p a:hover { color:#FFFFC9; text-decoration:none;} */
.blog {
	margin-left:20%;
	margin-right:20%;
	margin-bottom: 20px;
}
.article .title h2 { margin: 0; color:#000; text-shadow: 1px 1px 1px #fff; }
.article .title h2 a { color:#000; text-decoration:none; }
.article .title h2 a:hover { color:#B93530; }
.article { 
	margin: 0 10px 2% 0%; 
	padding: 1% 20px; 
	background: #fff; 
	border: 1px solid #aaa; 
	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;
}
.article h4 { font-weight: normal; font-size: x-small; color: #000; }
.article .title { margin-bottom: 1em; }
.vignette { width: 264px; float: left; }
.footer { text-align:center; font-size: x-small; color:#aaa; clear: both; }
.footer a { color:#ccc; }
.footer a:hover { color:#FFFFC9; }
.content ul { margin: 1em 2em; }
.content label { margin-top: 5px; }
form { margin-top: 15px; }