/* DIVERS */
form, h1, h2 { margin: 0 }
h1 a, h2 a { text-decoration: none }
ul, ol, dl, hr, .indent { overflow: hidden }
textarea { display: block; overflow-y: hidden; resize:none; width: 100% }
select, input[type="submit"] { cursor: pointer }
input, textarea { outline: none; box-shadow: none }
img { border: 0; image-rendering: -webkit-optimize-contrast; image-rendering: optimizeQuality; max-width: 100%; height: auto }
img, textarea, input, select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
:focus { outline: none } ::-moz-focus-inner { border: 0 }
input, select, textarea, .gal_button { font-family: inherit; font-size: inherit; font-weight: inherit }
.form { margin: 0 auto }
.form-100, .form-100 .form-r { width: 100% }
.form-l { text-align: right; white-space: nowrap }
#wait { position: fixed; top: 0; left:0; z-index: 100; cursor: wait; width: 100%; height: 100% }
#menulink { display: none }
.css-select { position: relative; overflow: hidden }
.css-select select { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; width:100% }
.css-readonly { position: relative }
.css-readonly div { position: absolute; width: 100%; height: 100% }
.noindex { display: none }
.ajaxload { margin: 16px auto 0; width: 16px; height: 11px; background-image: url('common/ajaxload.gif'); display: none }
.avert, div.erreur, .conf { text-align: center } 
.avert { margin-bottom: 1em }
div.erreur { margin-bottom: 1.4em }
.conf { margin:1.5em 0 }
.clear { clear: both; height: 1px; overflow: hidden }

#footer-toplink { display: none }
#corp { word-wrap: break-word }
#corp-clear { clear: both; height: 1px; overflow: hidden }

/* NO-COPY */
.nocopy { cursor: default; -webkit-user-select: none }
.nocopy img { -webkit-touch-callout: none }

/* ACCUEIL */
#ac_ph_fs + #ac_txt, #ac_ph_fs + #ac_profil { margin-top: 1.2em }
.indent { margin-left: 4em }
/* GALERIES */
#ac_gal li, #ac_gal_mt li { background-image: none }
#ac_gal a, #ac_gal_mt a { outline: none }
#ph_navigation, #InfoArrowkeys { text-align: center; margin-top: 12px }
.gal_tumb_div { float: left }
.gal_tumb_last_row, .gal_tumb_last_row ~ .gal_tumb_div { margin-bottom: 0!important }
.gal_tumb_div img { max-width: 100%; max-height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }

#galeries img { display: block } /* sup marge sous la photo */
#ph_accueil tr:last-child td { padding-bottom: 0!important }
#ph_accueil h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#ph_accueil .img-o { margin: 0 auto; width: 200px }
#last_top_link { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6 }
.desc { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 }
#last_top_link:hover, #ph_accueil td:hover .desc { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1 }
#last_top_link { margin-top: 0.8em; float:right }
.gal_button { float: right; text-decoration: none }
.pic_info_conteneur, .pic_info_conteneur_first { margin: 20px auto 0; position: relative; max-width: 100% }
.pic_info_conteneur_first { margin-top:0 }
.pic_info_over { visibility:hidden; /*n1*/ filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; position: absolute; left: 1px; bottom: 1px; z-index:1; max-width: 100% }
.pic_info_bg { position:absolute; width:100%; height:100%; filter: alpha(opacity=83); -moz-opacity: 0.83; opacity: 0.83; }
.pic_info { position:relative; padding: 5px 10px 10px }
.pic_info_titre { text-align: center; font-weight: bold }
.pic_info_desc { text-align: center }
.pic_info .marge { margin-top: 1em }

/* COMMENTS */
#com { border-spacing: 0; border-collapse: collapse }
#com td { vertical-align: top }
#com .cel-1 { width: 152px }
#com .cel-1 p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#com img { border-radius: 4px; margin-top:4px }

/* NEWS */
.news_link { margin-top: 0.4em }

/* BREAK-WORD */
#ph_accueil, #com { width: 100%; table-layout: fixed }

/* TXT */
.f-left { float: left; margin: 0 8px 8px 0 }
.f-right { float: right; margin: 0 0 8px 8px }
.center { text-align: center }
.right { text-align: right }

/* Image preload responsive */
.img-pl { max-width: 100%; overflow: hidden } /* hidden: pb scrollbar */ 
.img-pl div { position: relative } 
.img-pl img { position: absolute; top: 0; width: 100% }
.img-pl img:first-child { z-index: 1 }
.img-pl img:last-child { height: 100% }

/* Image carrée preload responsive */
.img-o { max-width: 100%; overflow: hidden; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.img-o div { padding-top: 100% }
.img-o img { position: absolute; top: 0 }
.img-o.l img { left: -1000%; right: -1000%; margin: 0 auto; height: 100%; max-width: none }
.img-o.p img { width: 100% }
.img-o img:first-child { z-index: 1 }

/* Iframe et embed responsive */
.iframe { max-width: 100%; overflow: auto }
.iframe div { position: relative }
.iframe iframe, .iframe embed  { position: absolute; top: 0; width: 100%; height: 100% }
.iframe.video.f- { width: 100%!important }

/* Provisoir */
.pwdhack { position: relative }
.pwdhack input { width: 100%; letter-spacing: 0.12em }
.pwdhack input:last-child { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 }

/* LIGHTBOX */
#lb { position: absolute; top: 0; left: -100%; width: 100%; z-index: 9; transition: left 0.3s; text-align: left }
#lb-icon-close { position: fixed; top: 3px; z-index: 2; right: 2px; height: 40px; width: 40px; cursor: pointer; text-align: right }
#lb-icon-pause, #lb-icon-play { position: fixed; top: 0; z-index: 2; left: -3px; height: 40px; width: 40px; cursor: pointer }
#lb-icon-fullscreen { position: fixed; bottom: -6px; z-index: 2; right: 0; cursor: pointer; padding-top: 20px }
#lb-share { position: fixed; bottom: 2px; z-index: 2; right: 30px }
#lb-icon-updown { position: absolute; bottom: -6px ; left: 50%; transform: translateX(-50%) }
#lb-top { height: 100vh; display: table; table-layout: fixed; width: 100% }
#lb-top > div { display: table-cell; vertical-align: middle; text-align: center }
#lb-barre { position: fixed; bottom: 0; width: 100%; background: inherit }
#lb-bottom { min-height: 100vh; width: 800px; margin: 0 auto; max-width: 100%; padding: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
#lb-auteur { text-align: right }
#lb-picture { margin: 0 auto; text-align: left }
#lb-picture img { border-radius: 0 }
#lb-picture-desc { margin: 1em 0 }
#lb-barre { height: 24px; line-height: 24px; z-index: 1 }
#lb-bottom { padding-bottom: 24px }
#lb-top { margin-top: -12px }
#lb-top a { display: none }
#lb h1 { font-size: 16px; font-weight: normal; display: inline-block; background: none; border: none; margin: 0!important; padding: 0 0 0 3px; text-transform: none; width: calc(50% - 20px) }
#lb-bottom-preview { margin: 0 auto; max-width: 1248px }
#lb-preview { position: fixed; top: 24px; float: left }
@media screen and (max-width: 1268px) { #lb-preview {display:none} } /* com pg2 */

/* Icon */
@font-face {
  font-family: "icon";
  src:url("https://www.book.fr/fonts/Icon-2/icon.eot");
  src:url("https://www.book.fr/fonts/Icon-2/icon.eot?#iefix") format("embedded-opentype"),
  url("https://www.book.fr/fonts/Icon-2/icon.woff") format("woff"),
  url("https://www.book.fr/fonts/Icon-2/icon.ttf") format("truetype"),
  url("https://www.book.fr/fonts/Icon-2/icon.svg#icon") format("svg");
  font-weight: normal; font-style: normal
}

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icon"; font-style: normal; display: inline-block }
[class^="icon-"], [class*=" icon-"] { cursor: pointer }

.icon-play:before { content: "\61"; font-size: 26px }
.icon-pause:before { content: "\62"; font-size: 26px }
.icon-resize-full:before { content: "\63"; font-size: 28px }
.icon-cancel:before { content: "\64"; font-size: 20px }
.icon-down-open:before { content: "\65"; font-size: 26px }
.icon-up-open:before { content: "\66"; font-size: 26px }
.icon-facebook:before { content: "\67"; font-size: 18px; vertical-align: middle; color: #fff!important }
.icon-twitter:before { content: "\68"; font-size: 18px; vertical-align: middle; color: #fff!important }
.icon-bars:before { content: "\69"; font-size: 26px }
.icon-arrow-up:before { content: "\6a"; font-size: 20px }


/* PARTAGE */
.img_bar_bottom { position: relative; height: 20px; margin-top: 6px }
.img_auteur { position: absolute; right: 0; line-height: 20px; cursor: default; z-index: 2 }
.share_buttons_img { position: absolute; z-index: 1 }
.share_buttons div { display: inline-block; height: 16px; margin-left: 6px; border-radius: 2px; filter: alpha(opacity=55); -moz-opacity: 0.55; opacity: 0.55; padding:2px; font: 12px Arial,sans-serif; color: #fff }
.share_buttons div:first-child { margin-left: 0 }
.share_buttons div:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1 }
.icon-facebook { background: #4267B2; padding-right: 3px!important }
.icon-twitter { background: #1B95E0 }