html, body{margin:0;padding:0;font-size:12px;font-family:Verdana, Helvetica, Arial, sans-serif;}
p{margin-bottom:15px;}
img.illustreg{display:block;float:left;clear:none;margin-right:10px;margin-bottom:10px;border:0px;}
img.illustred{display:block;float:right;clear:none;margin-left:10px;margin-bottom:10px;border:0px;}
p.date{color:rgb(124,147,153);font-size:8pt;font-weight:bold;border:1px solid #ccc;border-top:none;padding:0px 4px 4px 40px;background-color:#e0e0e0;margin-top:0px;margin-bottom:0px;}
h1{font-size:34px;}
h4{font-size:14pt;font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;clear:none;margin-top:40px;margin-bottom:0px;}
a{color:#344658;}
a:visited{color:#6C86A0;}
#top{text-align:center;display:block;color:#fff;padding:10px;}
#top h1 a{font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;font-size:36px;margin:0;padding:0;text-decoration:none;}
#contenu h3 a{text-decoration:none;color:black;}
#contenu h3 a:link{text-decoration:none;color:black;}
#contenu h3 a:hover{text-decoration:underline;color:black;}
#contenu h3 a:visited{text-decoration:none;color:black;}
#page{margin-left:auto;margin-right:auto;background:#fff;padding:20px;}
#main{display:block;}
#sidebar{position:absolute;color:black;display:block;top:45px;padding:15px;border:1px solid #ddd;background:#ebebeb;left:5px;}
#publicite{position:absolute;margin-top:20px;right:2px; border:1px solid black;}
#flattr{position:absolute;margin-top:20px;right:20px; }
#post{margin:0 100px 0 100px;}
.chapo{background:#fefebd;font-weight:bold;padding:5px;border:1px solid #ffde00;display:none;}
h1{letter-spacing:-1px;font-weight:30px;}
h3{clear:both;font-size:16pt;font-weight:normal;border:0px;padding:4px 14px 4px 14px;background-color:#e0e0e0;margin-bottom:0px;margin-top:40px;border:1px solid #ccc;border-bottom:none;-moz-border-radius-topleft:16px;-webkit-border-top-left-radius:16px;-khtml-border-radius-topleft:16px;border-top-left-radius:16px;-moz-border-radius-topright:16px;-webkit-border-top-right-radius:16px;-khtml-border-radius-topright:16px;border-top-right-radius:16px;}
#post h3 a:link{text-decoration:none;color:black;}
#post h3 a:hover{text-decoration:underline;color:black;}
#post h3 a:visited{text-decoration:none;color:black;}
.news{}
.news h3{font-size:16pt;clear:right;}
.bodyarticle{background:white url(rha_gradient_horizontal.png) repeat-y top left;padding-left:12px;padding-right:12px;padding-bottom:2px;padding-top:2px;border-left:1px solid #efefef;overflow:auto;}
.bodyarticleend{height:20px;width:100%;background:white url(rha_gradient_shadow20.png) repeat-x top left;}
.bodyarticleheaderend{height:10px;width:100%;background:white url(rha_gradient_shadow10.png) repeat-x top left;}
.comment{background:#eee;border:1px dashed #ccc;padding:10px;margin-bottom:10px;}
.comment h3{margin-top:0;}
#postcom{padding:20px;background:#f5f5f5;border-top:1px solid #ddd;}
#postcom p{margin:0;}
#postcom label{display:block;margin-top:5px;}
#postcom input, #postcom textarea{display:block;border:1px solid #999;padding:2px;font-size:14px;margin-top:4px;}
#postcom #submit{margin-top:10px;margin-bottom:10px;background:#2798ff;border:1px solid #4c6d8e;color:#fff;}
#calendrier{display:block;border:1px solid #ccc;font-size:7pt;}
#calendrier caption{text-align:center;background:#eee;color:#666;padding:4px;}
#calendrier caption a{color:#0066CC;font-weight:bold;text-decoration:none;}
#calendrier td{font-size:8pt;color:#555;text-align:center;background:#f5f5f5;}
#calendrier td a{display:block;text-decoration:none;color:#111;background:#ddd;font-weight:bold;}
#calendrier td a:hover{background:#ccc;color:#fff;}
#calendrier td.active a{color:#fff;background:#0066CC;}
#footer{text-align:center;color:#999;font-size:8pt;float:none;background-color:#eee;padding-top:5px;padding-bottom:5px;clear:both;}
#depuis1999{position:absolute;display:block;margin-top:0px;padding:15px;border:none;top:80px;left:180px;}

 @keyframes flashing-yellow {
   0%   { background-color: #ff0; box-shadow:0px 2px 8px 0px rgba(0,0, 255, 1); }
   20% { background-color: #fff; box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);}
   100% { background-color: #fff; box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);}
 }
 
.shaarli_link
{
padding:1px 7px 3px 7px;
font-size:10pt;
font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
font-weight:bold;
text-align:center;
position:absolute;
top:0px;
right:50px;
border:1px solid #aaa;
border-top:none;
-webkit-border-radius:0px 0px 9px 9px; 
-moz-border-radius:0px 0px 9px 9px; 
-o-border-radius:0px 0px 9px 9px; 
-ms-border-radius:0px 0px 9px 9px; 
border-radius:0px 0px 9px 9px;

-webkit-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-moz-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-o-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
-ms-box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);
box-shadow:0px 2px 8px 0px rgba(51, 51, 51, 0.5);

 animation:    flashing-yellow 4s infinite;
 
}




@media screen{
#urlsource{display:none;}
#sidebar_bottom {display:none;}
div#contenu{text-align:justify;}
div#extraitmessage{margin-left:50px;margin-right:50px;height:150px;overflow:scroll;border:1px solid black;font-size:9pt;font-family:monospace;background:#efefef;}
.flattrbox { float:right; margin-top:12px; }
}
@media print{
html, body{font-family:"DejaVu Serif","Vera Serif", Georgia, Constantia,"Times New Roman", Times, serif;}
#sidebar{display: none !important;}
#sidebar_bottom {display:none;}
#seeall{display:none !important;}
div#sebsauvage_net_navigation{display:none;}
div#publicite{display:none;}
#urlsource{display:inline !important;}
#footer{border:2px solid black;font-size:7pt;font-family:sans-serif;clear:both;}
h3{clear:both;font-weight:bold;border:2px solid black;border-bottom:none;}
div#contenu{text-align:justify;}
div#extraitmessage{margin-left:50px;margin-right:50px;border:1px solid black;font-size:9pt;font-family:monospace;}
p.date{border:2px solid black;border-top:none;}
.noprint{display:none !important;}
#depuis1999{left:5px !important;top:100px !important;}
.flattrbox {display:none !important;}
.shaarli_link  {display:none !important;}
}
blockquote.smallquote{background-color:#dfdfdf;font-size:8pt;font-style:italic;padding:5px;border-top:2px solid #b0b0b0;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
blockquote.quote{background-color:#e0e0e0;font-style:italic;padding:5px;border-left:1px solid #bbb;box-shadow:-3px 1px 7px #888;-moz-box-shadow:-3px 1px 7px #888;-webkit-box-shadow:-3px 1px 7px #888;-khtml-box-shadow:-3px 1px 7px #888;}
div#ie6warning{background:red;color:yellow;font-weight:bold;padding:5px;border:3px solid yellow;display:block;clear:both;}


/* Mobile CSS inspired from http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/ */
@media handheld {
html, body { font: 12px/15px sans-serif; background: #fff; padding: 3px; color: #000; margin: 0; }
img { max-width: 100%;height: auto; }
.center { width: 100% !important; text-align: center; }
a:link, a:visited { text-decoration: underline; color: #0000CC; }
a:hover, a:active { text-decoration: underline; color: #660066; }
.bodyarticle { padding-left:3px; padding-right:5px; text-align:justify; }
#page{margin-left:auto;margin-right:auto;background:#fff;padding:0px;}
h3 { line-height: 1.2; font-size: 16px; }
p.date{ padding-left:15px; }
#depuis1999{ display:none; }
#sidebar{display:none; width:100%;}
#calendrier{font-size:12pt;}
#calendrier td{font-size:14pt;}

ul { padding-left:15px; }
blockquote.smallquote{margin-left:10px; margin-right:2px; }
blockquote.quote{margin-left:10px; margin-right:2px; }
.flattrbox  { float:none;}
#urlsource{display:none;}
.shaarli_link { float:none;}
}