#container {
margin: 10px auto;
}

#write {
display: block;
background: #fff;
color: #545454;
padding:15px;
margin: auto;
height: 6em;
max-height: 6em;
width: 97%;
max-width: 97%;
font-family: 'HapaxBerbereRegular', Arial, sans-serif;
font-size: 200%;
line-height: 32px;
border: 1px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#rowBoard  {
max-width: 100%;
width: 100%;
padding: 0 0 0 10px;
}

#keyboard {
margin: 0;
padding: 0;
list-style: none;
font-size: 250%;
font-family: 'HapaxBerbereRegular', Arial, sans-serif;
}

#keyboard-info-tif{
margin: 0;
padding: 0;
list-style: none;
font-size: 80%;
font-family: 'HapaxBerbereRegular', Arial, sans-serif;
}

#keyboard-info-tif li {
display: block;
background: #EED5B7;
margin: 0 5px 5px 0;
width: 40px;
height: 20px;
line-height: 20px;
text-align: center;
border: 1px solid #E8EFE6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#keyboard , #keyboard-info, #keyboard-info-tuareg {
margin: 0;
padding: 0;
}

#keyboard li {
display: block;
margin: 0 5px 5px 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #ddd;
border: 1px solid #f9f9f9;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#keyboard-info li {
display: block;
background: #99CC99;
margin: 0 5px 5px 0;
width: 40px;
height: 20px;
line-height: 20px;
text-align: center;
border: 1px solid #E8EFE6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#keyboard-info-tuareg li {
display: block;
background: #99CCCC ;
margin: 0 5px 5px 0;
width: 40px;
height: 20px;
line-height: 20px;
text-align: center;
border: 1px solid #E8EFE6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}		

#keyboard li:hover {
position: relative;
top: 1px;
left: 1px;
border-color: #e5e5e5;
cursor: pointer;
}


div.head{
clear: left;
text-align: center;
margin: 0 0 15px;
color: #666666;
font: 12px/1.5 Tahoma,sans-serif;
text-shadow: 0 1px 0 #F1F5EF;
}

div.info{
text-align: left;
padding: 10px 10px 20px 10px;
color: #666666;
font: 12px/1.5 Tahoma,sans-serif;
text-shadow: 0 1px 0 #F1F5EF;
}

.colBoard {
position:relative;
float:left;
}

.board-actions-container {
width: 100%;
float: left;
font: 12px/1.5 Tahoma,sans-serif;
}

.board-actions {
margin: 0;
padding: 5px 0 5px 10px;
list-style: none;
position: relative;
z-index: 5;
}

.board-actions li {
margin: 0 0 8px 0;
padding: 3px 8px 3px 5px;
list-style: none;
display: block;
float: left;
vertical-align: middle;
zoom: 1;
background: #eeeeee;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(top, #ffffff 0%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
}

.board-actions li.board-fav {
border: 1px solid #DDDDDD;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-right: 5px;
cursor:pointer;
}
.head h1 {color:#999999;}

@media (max-width: 479px) {
 #rowBoard .hidden { display: none; }
 #write, #keyboard  { font-size: 200%; }
  .info { display: none; }
}

@media only screen and (max-width: 767px) {
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;} }
.fb_iframe_widget {overflow: hidden;}

/*
     FILE ARCHIVED ON 11:30:40 Feb 04, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:36:16 Sep 08, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.57
  exclusion.robots: 0.057
  exclusion.robots.policy: 0.048
  esindex: 0.009
  cdx.remote: 24.578
  LoadShardBlock: 214.001 (3)
  PetaboxLoader3.datanode: 216.576 (4)
  PetaboxLoader3.resolve: 89.67 (3)
  load_resource: 180.821
*/