body { background: #fff; margin: 0; padding: 0; font-family: 'Open Sans', Tahoma, Verdana, Arial, Helvetica; font-weight: 400; font-size: 14px; color: #069 }
td { font-size: 14px } /*debug mode => quirks mode*/
h1, h2, h3 { font-family: 'Roboto Condensed', sans-serif; font-weight: 400 }
h1 { margin: 2em 0; font-size: 1.2em; color: #fff; padding: 0.14em 0.8em; border-radius: 2px; background: #17a; background: -moz-linear-gradient(top,  #006699 0%, #3ea4d7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006699), color-stop(100%,#3ea4d7)); background: -webkit-linear-gradient(top,  #006699 0%,#3ea4d7 100%); background: -o-linear-gradient(top,  #006699 0%,#3ea4d7 100%); background: -ms-linear-gradient(top,  #006699 0%,#3ea4d7 100%); background: linear-gradient(to bottom,  #006699 0%,#3ea4d7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006699', endColorstr='#3ea4d7',GradientType=0 ) } /* http://www.colorzilla.com/gradient-editor/#006699+0,3ea4d7+100;Custom */
.pg-accueil h1 { font-size: 1em; font-family: 'Open Sans', sans-serif }
h2 { font-size: 1.3em; margin: 2em 0 0.8em; color: #848 }
h3 { font-size: 1.15em; margin: 2em 0 0.8em; color: #848 }
hr { margin: 1em 0; height: 1px; border: 0; border-top: 1px dashed #a7a }
p { margin: 1em 0 }
p, li, td { line-height: 1.6em }
ul, ol { margin: 1em 0 1em 3em; padding: 0 }
ul { list-style-type: square }
li { margin: 0.6em 0; padding: 0 }
strong, b { font-weight: 700; filter: alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95 } /* b : compat old lang strg */
a:link, a:visited { color: #058 }
a:active, a:hover { color: #f30 }
img { border: 0 }
h1:first-child, h2:first-child, div:first-child, p:first-child, ul:first-child { margin-top: 0 }
div:last-child, p:last-child, ul:last-child  { margin-bottom: 0 }
td { vertical-align: top }
tbody:first-child > tr:first-child > td:first-child { border-top-left-radius: 3px } /* tbody : edit pg */
tbody:first-child > tr:first-child > td:last-child { border-top-right-radius: 3px }
tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 3px }
tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 3px }
img, textarea, input, select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
textarea { width: 100%; line-height: inherit }
input, select, textarea, button, #PrevFileList, #fileQueue { background: #fff; color: #069; border: 1px solid #ccd; padding-left: 0.3em; border-radius: 3px; font-family: inherit; font-size: inherit; font-weight: inherit }
input[type="submit"], input[type="button"], input[type="file"], button { padding-right: 0.3em }
input[type="radio"], input[type="checkbox"] { background: none; border: none; padding-left: 0 }
select, input[type="submit"], input[type="button"], input[type="file"], button, label { cursor: pointer }
optgroup { font: inherit; background: #ddd; color: #555; font-size: 1.1em }
optgroup option { font: inherit; background: #f5faff; color: #069; font-size: 0.9em }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #666; background: #fff!important }
input[disabled="disabled"], input[disabled], select[disabled] { color: #aaa; cursor: default!important }
input[readonly="readonly"] { cursor: default!important }
.numbers2 { width: 3em!important }
.numbers3 { width: 3.5em!important }
/* reset form */
input, textarea { outline: none; box-shadow: none }
input:-webkit-autofill { -webkit-box-shadow:0 0 0 99px #fff inset; -webkit-text-fill-color: #069 }

.cadre { border-radius: 3px }
.italic { font-style: italic }
.uline { text-decoration: underline }
.small { font-size: 0.9em }
.default { cursor: default }
.center { text-align: center }
.right { text-align: right }
.noindex { display: none }
.no-wrap { white-space: nowrap }
.transp { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0) }

.lightbox, .errorbox { margin: 1.5em 0;  background: #E2E2F3; padding: 1em; border-radius: 6px }
.form .lightbox { background: #fff }
.lightbox2 { background: #eee }
.errorbox { background: #F1E6DA; color: #f30 }
.lightbox ul, .errorbox ul { list-style-type: disc }
.erreurinfo::before { content: "» "; font-size: 1.6em }
.erreur, .erreurinfo { color: #f30 }
.errorbox a:link, .errorbox a:visited, .erreurinfo a:link, .erreurinfo a:visited { color: #f30 }
.errorbox a:active, .errorbox a:hover, .erreurinfo a:active, .erreurinfo a:hover { color: #025 }
.tumb_cube div { overflow: hidden; width: 97px; height: 97px; position: relative }
.pagination { word-spacing: 0.2em }
.pagination .on { color: #f00 }
.altern-1 { padding: 4px; background: #dee3e7 }
.altern-2 { padding: 4px; background: #efefef }
.more::before { content: "»"; display: inline-block; font-size: 1.6em; color: #a7a; margin-right: 0.2em; text-decoration:underline }
.more::before { text-decoration:none } /* bug ie11 */
.pxfont { font-weight: 600; font-size: 0.7em; color: #888 } /*Hammersmith One*/
.ir { margin: 0 auto; width: 59px; border: solid #777 1px; background: #f2f2f2 url(../images/ir.gif) no-repeat }
.ir img { display: block }
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0 }

/* Formulaire */
table.form { width: 100% }
table.form strong, table.form2 strong { font-weight: 400; color: #848; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1 }
.form-t, .table-t { padding: 0.3em 0.3em 0.1em 0.5em; background: #D7DEE3; font-weight: 600; border-bottom: solid #C7D0D7 3px }
.form-1 { white-space: nowrap; padding: 5px 4px 5px 15px; background: #efefef; width: 3%; text-align: right }
.form-2 { padding: 4px; background: #dee3e7 }
.form-img { text-align: center; vertical-align: middle; background: #efefef }
.form-check { text-align: center; vertical-align: middle; cursor: pointer; width: 8px; background: #dee3e7 }
.form-sep { border-bottom: solid #fff 2px }
.form2-1 { padding: 4px; background: #efefef }
.form-wrap-lb { white-space: normal }
.selects-list { border-collapse: collapse }
.selects-list td { padding: 0 0 3px }
.selects-delete { width: 40px; text-align: center }
.selects-list img { vertical-align: middle; width: 16px; height: 16px }
.f-info-box { position: absolute; right: 12px; top: 31px; background: #fff; border-radius: 3px; overflow:hidden; border-bottom: solid #69c 1px; border-left: solid #69c 1px; border-right: solid #69c 1px }
.f-info-box-t { background: #69c; color: #fff; padding: 4px 6px }
.f-info-box td { padding: 4px }

/* List Label / Action */
.lb-ac, .ul-ac { list-style-type: none; margin-left: 0 }
.lb-ac > li { margin: 12px 0; border-radius: 3px; overflow: hidden; }
.ul-lb { line-height:2.6em; float:left; background: #dee3e7; padding:0 10px; box-sizing: border-box }
.ul-lb-container { max-width: 100%; display: inline-block; line-height: 1em; position: relative }
.ul-lb-wrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } /* width: 100%; display: inline-block;  box-sizing: border-box;  */
.ul-lb-info { position: absolute; right: 0; top: 0 }
.ul-ac { margin-top: 0; background: #efefef }
.ul-ac li { line-height:2.6em; margin: 0; display: inline-block; padding:0 9px }
.ul-ac li:last-child { padding-right: 0 }

/* Header */
#ImgWait { position: absolute; z-index: 100; cursor: wait }
#site { margin: 0 auto; width: 780px; max-width:100%; position: relative }
#header { position: relative; background: #17a; height: 40px }
#logo { float: left }
#logo img { display: block }
#lang_switch { float: right; padding: 1px 6px 2px; background: #fff; font-size: 11px; border-bottom-left-radius: 3px }
#lang_switch a { text-decoration: none }
#menu { margin: 0; list-style-type: none; background: #eee; border: solid #316293 1px; border-bottom: 0; overflow: auto }
#menu li { line-height: 1em; margin: 0; float: left }
#menu a { display: block; padding: 5px 10px; text-decoration: none; color: #069; border: solid #316293 1px; margin-top: -1px; margin-left: -1px; font-weight: 600 }
#menu a:hover { background: #9BC5F0 }
#sub-menu { border-top: solid #316293 1px; margin: -1px 0 25px; list-style-type: none; background: #E2E2F3; padding: 4px 11px 2px; color: #c9c; overflow: auto; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px }
#sub-menu li { line-height: 1em; margin: 0 8px 0 0; float: left; background: url('sub-menu-puce.gif') 0 50% no-repeat; padding: 0 0 3px 14px }
#sub-menu li:first-child { padding: 0; background: none }
#sub-menu a:link, #sub-menu a:visited { text-decoration: none; color: #a7a; font-size: 0.89em; font-weight: 600 }
#sub-menu a:hover, #sub-menu a:active { color: #f30 }

/* Footer */
#footer { text-align: center; padding-top: 0.4em; margin: 2em 3px 0.8em; border-top: 2px solid #dee3e7 }
#footer li { display: inline; margin: 0 6px; font-size: 0.85em; white-space: nowrap }

/* Corp */
#corp_slim { width: 680px; margin: 0 auto; max-width:100% }
#side-right { width: 587px; float: right }
#side-left { width: 172px; float: left }
#side-left ul { margin-left: 0; list-style-type: none  }
#separation { background: url(separation.gif) repeat-y; width: 100% }

/* Accueil */
#spotlight { height: 215px; border-radius: 3px; background: #dee3e7; overflow: hidden; position: relative }
#spotlight .spl { position: absolute; top: 18px }
#spotlight a { margin-left: 18px; text-decoration: none; display: block; background: #fff; padding-top: 4px; border-radius: 5px }
#spotlight strong { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #848; margin-left: 6px }
#spotlight p { margin: -2px 0 2px 6px }
#spotlight img { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: block }

#h-login { font-size: 0.9em }
#h-login p { margin: 0 0 3px }
#h-login p:last-child { margin-top: 1em }
#h-login input { background: #f5faff }
#h-newbooks { font-size: 0.9em }
#h-temoignages .italic { font-size: 0.9em }
#h-temoignages strong { font-family: 'Roboto Condensed', sans-serif; font-weight: 400 }
#h-directory { overflow: auto }
#h-directory ul { list-style-type: none; float: left; margin:0 1em 0; border-left: 1px solid #eee }
#h-directory li { padding-left: 1em }
#h-articles { list-style-type: none }
#h-articles li { padding-left: 22px; background-position: 0 0.3em; background-repeat: no-repeat }

/* News */
#news { width: 100% }
#news td { padding: 0.5em }
#news .date { width: 60px }

/* Temoignages */
#temoignages { width: 100% }
#temoignages td { padding: 1em }
#temoignages strong { font-family: 'Roboto Condensed', sans-serif; font-weight: 400 }
#temoignages div { border-radius: 3px }

/* Enregistrement */
.regasterisk { color: #f03; font-weight: 600 }
.passwd_champ { float: left; margin-right: 4px }
#passwd_lv { display:inline-block; font-size: 0.9em; cursor: default }
#passwd_lv_bar_gb { background: #ccc; width: 150px; height: 5px; overflow: hidden }
#passwd_lv_bar_gb div { height: 5px }
.checkbox-erreur { background: red; padding: 2px; float: left; margin-right: 5px; border-radius: 3px }
.checkbox-erreur input { display: block }

/* Recherche */
#annu-result { margin: 0; list-style-type: none; overflow: hidden; width:100%; width: calc(100% + 1px) }
#annu-result li {  margin: 0 0 1px; display: block; float: left; width: 25%; height: 238px }
@media screen and (max-width: 670px) { #annu-result li { width: 33.33% } }
@media screen and (max-width: 510px) { #annu-result li { width: 50% } }

#annu-result a { margin-right: 1px; background: #dee3e7; display: block; height: 100%; position:relative; overflow: hidden }
#annu-result .bot { position: absolute; bottom: 10px; text-align: center; width: 100% }
#annu-result strong { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 1em; white-space: nowrap }

.isvisited, .fvisited { text-decoration: none }
.isvisited span, .fvisited span { color: #848 }
a.isvisited:visited strong, a.fvisited strong { color: #888 }
a.isvisited:hover strong, a.fvisited:hover strong { color: #f30 }
.cat { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 0.85em; color: #369; margin: 0.1em 0 }
.ComboCheckBoxes td { padding-right: 15px }
.ComboCheckBoxes div { text-transform: uppercase; font-size: 9px; color: #888; margin: 6px 0 }
#browse-cat { list-style-type: none }

/* Spotlight */
#spotlight-search { border-collapse: collapse; margin-left: 3px }
#spotlight-search tr:first-child td:first-child div { border-top-left-radius: 3px }
#spotlight-search tr:first-child td:last-child div { border-top-right-radius: 3px }
#spotlight-search tr:last-child td:first-child div { border-bottom-left-radius: 3px }
#spotlight-search tr:last-child td:last-child div { border-bottom-right-radius: 3px }
#spotlight-search td { padding: 0 }
#no-portfolio-spotlight td { text-align: center; vertical-align: middle; padding: 4px; background: #dee3e7 }

/* Login */
#login { width: 335px; max-width:100%; margin: 0 auto; background: #eee; padding: 1em; border-radius: 3px }
#login p { text-align: center }
#login div { background: #fff url(../images/login.gif) no-repeat 30px 1em; padding: 1em 1em 1em 140px; border-radius: 3px; font-size:0.9em }
@media screen and (max-width: 319px) { #login div { background: #fff; padding-left: 1em } }
#login div p { text-align: left } 
#login input { background: #f5faff }

/* Admin */
.disabled, a.disabled { color: #888 }
label.disabled { cursor: default }
.disabled-pic { -moz-opacity: 0.40; opacity: 0.40; filter: alpha(opacity=40) }
.edit { background: url(../images/icons/edit.gif) 0 }
.up { background: url(../images/icons/up.gif) 0 }
.down { background: url(../images/icons/down.gif) 0 }
.config { background: url(../images/icons/wrench.gif) 0 }
.reorder { background: url(../images/icons/reorder.gif) 0 }
.add { background: url(../images/icons/add.gif) 0 }
.valider { background: url(../images/icons/valide.gif) 0 0.2em }
.stats { background: url(../images/icons/stats.gif) 0 }
.pic { background: url(../images/icons/pic.gif) 0 }
.pics { background: url(../images/icons/pics.gif) 0 }
.zoom { background: url(../images/icons/zoom.gif) 0 }
.del { background: url(../images/icons/delete.gif) 0 }
.tumbs { background: url(../images/icons/tumbs.gif) 0 }
.parent-dir { background: url(../images/icons/parent-dir.gif) 0 }
.user { background: url(../images/icons/user.gif) 0 }
.email { background: url(../images/icons/email.gif) 0 }
.pdata { background: url(../images/icons/pdata.gif) 0 }
.pass { background: url(../images/icons/pass.gif) 0 }
.news { background: url(../images/icons/news.gif) 0 }
.tab-action { background: url(../images/icons/tab-action.gif) 0 }
.report { background: url(../images/icons/report.gif) 0 }
.month { background: url(../images/icons/month.gif) 0 }
.day { background: url(../images/icons/day.gif) 0 }
.help { background: url(../images/icons/info.gif) 0 0.2em }
.print { background: url(../images/icons/print.gif) 0 }
.ajax { background: url(../images/icons/ajax.gif) 0 }
.ajaxoff { background: url(../images/icons/ajaxoff.gif) 0 }
.http { background: url(../images/icons/http.gif) 0 }
.link { background: url(../images/icons/link.gif) 0 }
.check { background: url(../images/icons/tick.gif) 0 0.2em }
.html { background: url(../images/icons/html.gif) 0 }
.ed-img { background: url(../images/icons/ed-img.gif) 0 }
.moreb { background: url(../images/icons/moreb.gif) 0 }
.back { background: url(../images/icons/left.png) 0 }
.time { background: url(../images/icons/time.gif) 0 0.2em }
.facebook { background: url(../images/icons/social/facebook.png) 0 }
.phone { background: url(../images/icons/phone2.gif) 0 }
.tablet { background: url(../images/icons/tablet.gif) 0 }
.edit, .up, .down, .config, .reorder, .add, .valider, .stats, .pic, .pics, .zoom, .del, .tumbs, .parent-dir, .user, .email, .pdata, .pass, .news, .tab-action, .report, .month, .day, .help, .print, .ajax, .ajaxoff, .http, .link, .check, .html, .ed-img, .moreb, .back, .time, .facebook, .phone, .tablet { background-repeat: no-repeat; padding-left: 1.6em!important }
span.help  { display:inline-block }
.icon { display: block; width: 16px; margin: auto; text-indent: -9999px; text-decoration: none; padding-left: 0!important }
.shortcut { padding-left: 4px!important }
.shortcut span { background: url('../images/icons/shortcut.gif') 0 no-repeat; padding-left: 1.6em }
.txtref { font-size: 0.9em; color: #222!important; background-color: #ddd; white-space: nowrap; border-radius: 3px; border: 1px solid #fff; padding: 0 0.2em; background-position: 1px; display: inline-block }
 /* bugfix ie11 */
 body[UA*='rv:11.0'] .txtref { border-radius: 0 }

/* Admin Header */
#admin_body { width: 560px }
#header_admin { margin-bottom: 1.6em; overflow: hidden; white-space: nowrap }
#header_admin a { margin-right: 0.6em }
#logout-link { position: absolute; right: 5px; top: 20px; color: #eee }
#menu_user { list-style-type: none; margin: 0; width: 200px; float: right; border-radius: 3px; background: #ebeadb }
#menu_user li { margin: 0 }
#menu_user a { display: block; padding: 0.2em 0.4em; text-decoration: none; border: 1px solid #ebeadb; border-radius: 3px }
#menu_user a:hover, #menu_user a:active { background: #E2E2F3; border: 1px solid #999; color: #058 }
#menu_book { margin: 0; overflow: auto; font-size: 0.9em; text-transform: uppercase; font-weight: 600 }
#menu_book li { float: left; margin: 0 0.6em 0 0; border: solid #bbb 1px; border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden }
#menu_book a { border-bottom: solid #bbb 1px; display: block; padding: 0 0.6em; text-decoration: none; background: #ECE9D8; border-top: solid #FAF9F4 3px }
#menu_book a:hover, #menu_book a:active, #menu_book a.on { color: #058; background: #fff; border-top: solid #ECE9D8 3px }
#menu_book a.on { border-bottom: solid #fff 1px }
#menu_book_ligne { margin: -1px 0 2em 0; height: 1px; background: #bbb }
#sous_menu_book { list-style-type: none; margin: 0 0 1.7em 0; padding: 0.4em 0 0; color: #c9c; background: #efefef; overflow: auto; border-radius: 3px }
#sous_menu_book li { float: left; margin: 0 1em 0.4em; }
#sous_menu_book a:link, #sous_menu_book a:visited { text-decoration: none }

/* Popup select js */
.pp-select { margin: 6px; background-color: #DEE3E7 }
.pp-select ul { list-style-type: none; margin:0; }
.pp-select li { margin: 0; display:inline-block; text-align: center; padding: 6px;  }

/* Photos */
#InputFileList { float: left }
.inputfile { position: relative; height: 24px; overflow: hidden }
.inputfile input { position: absolute; right: 0; top: 0; font-size: 60px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); text-align: right }
#PrevFile { width: 100%; margin-top: 1em }
#PrevFileNbr { background: #ccd; padding: 0.3em 0.6em; color: #333; border-top-left-radius: 3px; border-top-right-radius: 3px  }
#PrevFileList { height: 193px; overflow-y: scroll }
#PrevFileList div { padding-top: 3px }
#UploadHelp { float: right; width: 250px }
#sortpic { max-width:520px; background: url('../images/admin/pg-line.gif?v=3') repeat; margin: 0 auto; overflow: auto }
#sortpic div { width: 130px; height: 130px; float: left; text-align: center }
#sortpic img { cursor: move }
.ui-sortable-helper img { zoom: 110%; -moz-transform: scale(1.1) }

/* Commentaires */
#comment { table-layout: fixed; width: 100%; border-spacing: 0; word-wrap: break-word }
.com-about { border-top-left-radius: 3px; border-bottom-left-radius: 3px; width: 120px; vertical-align: top; text-align: center; padding: 4px; background: #dee3e7 }
.com-data { border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 4px; background: #efefef }
.com-sep { height: 12px }
.com-auth p { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0.2em 0 }

/* Statistiques */
#stats_left { float: left; width: 150px }
#stats_right { float: right; width: 615px }
#stats_left ul { list-style-type: none; margin: 0 }
.deploystat { overflow: auto }
.stats_tab { width: 100% }
.stats_td_1, .stats_td_2 { padding: 2px 6px; background: #efefef; white-space: nowrap; overflow: hidden; text-overflow: '' }
.stats_td_2 { background: #dee3e7 }
.stats_tabm { margin: 2em auto 0 }
.stats_tabm td { padding: 0.1em 1em; background: #fff }
.stats_barre { background: #1177AA; height: 8px; margin-top:7px!important; min-width: 1px }
.positif { color: Green }
.negatif { color: Red }
.neutre { color: Black }
#calandrier { width: 100% }
#calandrier td { background: #dee3e7; font-size: 0.9em; text-align: center }
#calandrier .select { background: #fcc }
#calandrier .vide { background: #efefef }
#calandrier .jour { background: #ffc }

/* Langue */
.fr .inputfile { background: #fff url('lg/fr/select-photo.gif?2') 0 0; width: 167px }
.en .inputfile { background: #fff url('lg/en/select-photo.gif?2') 0 0; width: 106px }
.fr .new { background: url('lg/fr/new.gif?2') 100% 5px no-repeat; padding-right: 32px }
.en .new { background: url('lg/en/new.gif?2') 100% 5px no-repeat; padding-right: 18px }

/* Transitions */
a, input, textarea {
-webkit-transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
-moz-transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
-o-transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
}

/* ####################################################################################### */

/* RESPONSIVE */
.floatr-left { float: right; margin-top: 0 }
.disptab { display: none }

/* RESPONSIVE DESIGN TABLETTE */
@media screen and (max-width: 799px) {
img { max-width: 100%; height: auto } /* width:auto; =>bug ie8 ?*/
.tumb_cube img, .bkprev img { max-width: none }
#corp, #corp_slim { padding: 0 3px }
/* colonne home */
#side-right, #side-left { width: 100%; float: none }
#separation { background: none }
#side-left { margin-top: 2em }
#side-left ul { overflow: auto }
#side-left li { float: left; margin: 0.4em 1em 0.4em 0 }
/* colonne admin */
#admin_body, #menu_user { width: 100% }
#menu_user { float: none; margin: -15px 0 1.6em; font-size:0.95em; overflow:auto }
#menu_user li { display: inline-block }
/* colonne stats */
#stats_right, #stats_left { width: 100%; float: none }
#stats_right { margin-top: 2em }
#menu-stat { overflow: auto }
#menu-stat li { float: left; margin-right: 0.7em }
.stats_tab hr, #liste_mois { display:none }
.hidetab { display: none }
.disptab { display: block }
/* pg */
#h-newbooks, #h-temoignages .italic, #h-temoignages .small { font-size: 1em }

/* tinymce responsive */
table.mceLayout, textarea.tinyMCE { width: 100%!important }
.mceToolbar td { display:table-row; float: left }
}

/* RESPONSIVE DESIGN MOBILE */
@media screen and (max-width: 767px) {
#menu { border-left: 0; border-right: 0; margin-bottom: 20px }
#menu a { padding: 4px 6px; font-size: 0.9em }
.admin-area #menu, #sub-menu { display: none }
.admin-area #header { margin-bottom: 4px }
#menu_book { font-size: 0.82em; margin: -15px 0 1.7em }
#menu_book li { border-radius: 3px; margin-right: 0.3em; margin-bottom: 0.3em }
#menu_book li:last-child { margin-right: 0 }
#menu_book a { padding: 2px 0.4em }
#menu_book a.on { border-bottom: solid #bbb 1px }
#menu_book_ligne { display: none }
#sous_menu_book { font-size: 0.95em }
#sous_menu_book li { margin: 0 0.6em 0.4em 0 }
#sous_menu_book li:last-child { padding-right: 0 }
#corp_slim, #login, .form-1, .form-2 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
textarea, input, select, .selects-list { width: 100% }
input[type="radio"], input[type="checkbox"], .input-sm { width: auto }
input[type="submit"], input[type="button"], input[type="file"], button { width: auto; background: #efefef }
.form { border-collapse: collapse }
.form-t, .form-1, .form-2, .form-img { display: block }
.form-t { font-size: 1.1em; margin:1em 0 }
.form-t:first-child { margin-top: 0 }
.form-t select, h1 select { max-width: 120px }
.form-1 { background: #dee3e7; width:100%; text-align: left; padding-left:8px; }
.form-2 { background: #fff; padding:6px 0 18px }
.form-img { background: #fff; text-align: left; display:inline-block; margin-top:8px }
.form-check { vertical-align: top; border-right: solid #fff 4px; padding-top:5px }
.form-sep { border-bottom:none } .form-check.form-sep { border-top: solid #fff 12px }
.form-no-lb { display: none }
.form .lightbox { background: #E2E2F3 }
.floatr-left { float: none }
#photo-ac-group { font-size: 0.9em }
#photo-ac-group select { width: 128px }
}