boldhtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,tt,var,b,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,counter,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,section,figcounter,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcounter,section,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none} blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html{
  width:100%;
  height:100%;
}

body {
  font-family: 'TheinhardtRegular', sans-serif;
  background-color: #ffffff;
  color: rgba(0,0,0,0.85);
  font-size: 100%;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 1.35em;
  letter-spacing: .1px;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

#pageheader #logo, #linkcount{
display:none;
}

a,
a:hover,
a:visited {
  color: inherit;
  text-decoration: none;
}

.linktitle a,
.paging a,
#pageheader li {
  opacity: 1;
  -webkit-transition: opacity .2s ease-in-out;
     -moz-transition: opacity .2s ease-in-out;
      -ms-transition: opacity .2s ease-in-out;
       -o-transition: opacity .2s ease-in-out;
          transition: opacity .2s ease-in-out;
}

/* .linktitle a:hover,
.paging a:hover,
#pageheader li:hover {
  color: inherit;
  opacity: 0.6;
  cursor: pointer;
  -webkit-transition: opacity .2s ease-in-out;
     -moz-transition: opacity .2s ease-in-out;
      -ms-transition: opacity .2s ease-in-out;
       -o-transition: opacity .2s ease-in-out;
          transition: opacity .2s ease-in-out;
} */

.linktag a:hover {

  opacity: 1;

          background: #181818;
           color: white;

}

#linklist ul {
  float: left;
  width: 100%;
  padding: 40px 20px 0 20px;
}

#pageheader{
  width: auto;
background: transparent;
margin: 20px 0 0 20px;
width: calc(100% - 20px);
float: left;
min-height: 60px;
}

#menu {
  overflow: hidden;
  float: left;
  width: 100%;
  margin: auto;
}

#menu li {
  -webkit-transition: opacity .2s ease-in-out;
     -moz-transition: opacity .2s ease-in-out;
      -ms-transition: opacity .2s ease-in-out;
       -o-transition: opacity .2s ease-in-out;
          transition: opacity .2s ease-in-out;
}

#headerform {
  margin: 20px 0 0 0;
  float: left;
  width: 100%;
  overflow: hidden;
  /* display: none; */
}

#headerform .searchform, #headerform .tagfilter{
  width:50%;
  float:left;
}

#headerform #searchform_value,#headerform .awesomplete{
  width:60%;
  float: left;
  font-size: 0.15;
}

#headerform #tagfilter_value{
  width: 100%;
}

.bigbutton{
  width: 26%;
  margin:0 2%;
  cursor: pointer;
  font-size: 1em;
  line-height: 1.3em;
}

.paging{
  overflow: hidden;
  /* line-height: 1.3em; */
  /* font-size: 1.18em; */
  /* text-transform:uppercase; */
  /* letter-spacing: 1px; */
  font-size: .9em;
word-spacing: 1em;
}

.paging:first-child {
  display: none;
}

.paging form{
  display:none;
}

.paging > * {
  display: inline;
  margin:0 0.15;
}

.linkcontainer {
  overflow: hidden;
}

span.linktag {
  display: block;
  float: left;
}

.linktag a {
  border: 1px solid #181818;
  padding: 10px;
  margin: 0 10px 0 0;
  float: left;
  background: white;
  color: rgba(0,0,0,0.85);
}

.linkdescription {
  float: left;
  overflow: hidden;
}

.linktitle {
  width: 100%;
  float: left;
}

.linktitle a {
  /* display: inline; */
  color: inherit;
  font-size: 40px;
  line-height: 1.3em;
  font-family: 'TheinhardtRegular', sans-serif;
  float: left;
  margin-bottom: 10px;
}

a {

  -webkit-transition: opacity .2s ease-in-out;
     -moz-transition: opacity .2s ease-in-out;
      -ms-transition: opacity .2s ease-in-out;
       -o-transition: opacity .2s ease-in-out;
          transition: opacity .2s ease-in-out;
          opacity: 1;
          cursor: pointer;

}
a:hover
{
color: inherit;
opacity: 0.6;
cursor: pointer;
-webkit-transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
}

.linksperpage input{
  padding:0;
}

.linkeditbuttons{
  clear:both;
  overflow:hidden;
}

.linkeditbuttons input{
background:none;
float:left;
}

.linkeditbuttons br{
display: none;
}

.buttoneditform input{
border:0;
margin-right:0.15;
text-align:left;
text-transform: uppercase;
padding-left: 0;
font-size:12px;
}

.linkurl{
/* font-family: 'propcouriersansregular'; */
font-size: 1.0.15;
line-height: 1.3em;
/* letter-spacing: 1px; */
/*opacity: 0.5;*/
padding: 0px 0px 10px 0px;
display: inline-block;
}

#linklist li {
  padding: 20px 0 20px 0;
  clear:both;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  width: calc(100% - 20px);
  float: left;
}

.paging {
  padding: 5px;
  /* font-family: 'propcouriersansregular'; */
  color: rgba(0,0,0,0.85);
  text-align: center;
  clear: both;
  float: left;
  width: 100%;
  margin: 20px 0 20px 0;
}

.linkdescription {
  margin: 0 0 20px 0;
  width: 100%;
  float: left;
}

input{
border:1px solid rgba(0, 0, 0, 0.4);
background:white;
padding:5px;
/*color: rgba(0, 0, 0, 0.4);*/
/*! border-radius: 3px; */
}

/*input[type="text"]{
padding:6px 5px;
}*/

#footer{
  /* font-family: 'propcouriersansregular'; */
  text-align: left;
  padding: 40px 0 40px 20px;
  overflow: hidden;
  float: left;
  width: 100%;
  line-height: 1.3em;
  font-size: .9em;
}

#footer b {
  font-weight: normal;
}

#searchcriteria{
padding: 60px 20px 0 20px;
float: left;
}
/* i {
  font-style: normal;
} */

.count{
/* font-family: 'propcouriersansregular'; */
width: 40px;
float: left;
/*opacity: 0.5;*/
}

.linkdate{
font-size: 13px;
word-spacing: -3px;
color: rgba(0, 0, 0, 0.4);
display: none;
}

.linktaglist{
/*! padding-top: 10px; */
/*! background: red; */
overflow: auto;
height: calc(100% + 5px);
float: left;
width: 100%;
}

#cloudtag  {
  float: left;
  width: 100%;
  padding: 60px 20px 0 20px;
  text-transform: capitalize;
}


/** Edit link form **/

#editlinkform br, #editlinkform i{
display:none;
}

#paging_privatelinks { float:left; }
#paging_linksperpage { float:right; padding-right:5px; }
#paging_current { display:inline; color:#fff; padding:0 20px 0 20px; }

.thumbnail a{
border:none;
}

/* --- Picture wall CSS --- */
.picwall_container { color:#ffffff; background-color:#222; clear:both; }
.picwall_pictureframe { background-color:#222; z-index:5; position:relative; display:table-cell; vertical-align:middle;width:90px; height:90px; overflow:hidden; text-align:center;  float:left; }
.picwall_pictureframe img { max-width: 100%;height: auto; } /* Adapt the width of the image */
.picwall_pictureframe a {text-decoration:none;color:#222;} /*vraiment moche le bleu par défaut qui apparaissait au chargement. Aïe mes yeux*/

/* CSS to show title when hovering an image - no javascript required. */
.picwall_pictureframe span.info {display: none;}
.picwall_pictureframe:hover span.info {
    display:block;
    position:absolute;
    top:0; left:0; width:90px;
    font-weight:bold;
    font-size:8pt;
    color:#fff;
    text-align: left;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.4);
}

/* Minimal customisation for jQuery widgets */
.ui-autocomplete { background-color:#fff; padding-left:5px;}
.ui-state-hover { background-color: tomato; color:#fff; }


a.qrcode{
display:none;
}
div.qrcode {
display:none;

}

div.daily {
    border-bottom: 2px solid #222;
    position: relative;
	background-color:rgba(196, 198, 199, 0.4);
}

#daily_col1 { float:left;position:relative; width:33%; padding-left:1%; }
#daily_col2 { float:left;position:relative; width:33%; }
#daily_col3 { float:left;position:relative; width:33%;}

div.dailyAbout
{
    float:left;
    border: 1px solid firebrick;
    font-size: 8pt;
    position:absolute;
    left:10px;
    top: 16px;
    padding: 5px 5px 5px 5px;
    text-align:center;
	width: 160px;
	margin-left:10px /*manquant*/
}
div.dailyAbout  a { color: #222 ; }
div.dailyTitle{
     color:#222 ;
	 font-weight: normal;
     font-size: 38pt; /*c'est mieux plus petit et avec un weight normal*/
     text-align:center;
     padding:10px 20px 0px 20px;
}
div.dailyDate
 {
     color:#222;
	 font-size: 12pt;
     font-weight:bold;
     text-align:center;
     padding:0px 20px 30px 20px;
}
div.daily div.dailyDate span {
display:none} /*superflu*/

/* Individual entries in "Daily": */
div.dailyEntry
{
    margin: 5px 10px 2px 5px;
    font-size: 10pt;
    border-top: 1px solid #555;
}
div.dailyEntry  a { text-decoration:none; color: #222 ; }
div.dailyEntry:hover{
background-color:rgba(0, 0, 0, 0.04);
}
div.dailyEntryTags { font-size:7.75pt;  }
div.dailyEntryTitle { font-size:16pt;}
div.dailyTitle img.nomobile {display:none;}   /* Cache les images du titre*/
div.daily div img {display:none;}   /* Cache l'image du bas*/
div.dailyEntry div a img  {display:inline !important;} /*impossible de cacher ces trucs sans masquer les thumbnails grr*/
div.dailyEntryThumbnail
{
    width:100%;
    text-align:center;
    padding:4px 0px 2px 0px;
}
div.dailyEntryDescription
{
    margin-top: 10px;
    margin-bottom: 30px;
    text-align:justify;
    overflow:auto;
    color:#000 ;
}

/* Common css screwdriver */
.clear{
	clear:both;
}

/* For lazy images loading in picture wall.
   using http://www.appelsiini.net/projects/lazyload
 */
.lazyimage { display:none; }

@media print {
html {border:none;background:#fff!important;color:#000!important;}
body {font-size:12pt;width:auto!important;margin:auto!important;}
p {orphans:3; /*pas de ligne seule en bas */widows:3;/*pas de ligne seule en haut*/}
a {color:#000!important;text-decoration:none!important;}
#pageheader, .paging, #linklist li form, #footer {display:none;}
#linklist li { padding:2 0 10 0; border-top: 2px solid #000; clear:both; }
#linklist li.private { background-color: none; border-left:0; }
.linkdate { line-height:2; }
.linkurl { color:#000; }
.linkdescription {
  font-size:10pt;
}
.linktag { border: 1px solid firebrick; font-style:italic;  font-size:8pt;}

}


@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px)
{
/* A few fixes for mobile devices (far from perfect). */
.nomobile  { display:none; }
#logo { display:none; }
#pageheader a
{
	padding:5px;
	margin:3px;
}
.searchform,.tagfilter  { display:block !important; margin:0px !important; padding:0px !important; width:100% !important; }
.searchform input,.tagfilter input  { margin:0px !important; padding:0px !important; display:inline !important; }
.tagfilter input.bigbutton,.searchform input.bigbutton,.addform input.bigbutton{  width:30%; font-size:smaller;}
#searchform_value { width:70% !important; }
#tagfilter_value { width:70% !important; }
div.qrcode { position:relative; float:left; top:-10px; left:0px; }
#paging_privatelinks { float;none; }
#paging_linksperpage { float:none; margin-bottom:10px; font-size:smaller;}
.thumbnail { float:none; height:auto; margin: 0px; text-align:center;}

div.dailyAbout {  float:none; position:relative; width:100%; clear:both; padding:0px; top:0px; left:0px; }
#daily_col1,#daily_col2,#daily_col3 { float:none; width:100%; padding:0px;}
div.dailyTitle  { font-size: 18pt; margin-top:5px; padding:0px;}
div.dailyDate  {  font-size: 11pt;padding:0px; display:block; }
div.dailyEntryTitle { font-size:16pt; font-weight:bold;}
div.dailyEntryDescription { font-size:10pt; }

}

#configuration_table {
  border-collapse: collapse;
border-spacing: 0;
float: left;
width: 100%;
max-width: 1000px;
}

#configuration_table tr {
  margin-top: 20px;
}