/* CSS pour la partie sécurisée du front-office */
/* Commun ---------------------------------------- */
.site-main .secure-notification { margin:1em 0; padding:5px 15px 5px 80px; min-height:40px; background:url('../img/secure/picto_notification.png') top 10px left 20px no-repeat; border:1px solid #d40023; font-size:13px; font-weight:700; line-height:1.5em; }
.site-main .secure-notification p, .site-main .secure-notification ul, .site-main .secure-notification ol { margin:0.5em 0; }
.site-main .entry-content .secure-area { position:relative; margin:1em 0; padding:0; }
.site-main .entry-content .secure-area:after { content:""; display:block; clear:both; }
.site-main .entry-content .secure-area.white-area { padding:10px 20px; background-color:#fff; }
.site-main .entry-content .secure-area.grey-area { padding:20px; background-color:#faf9f7; }
.site-main .entry-content .secure-area > h3 { font-size:22px; font-weight:500; }
.site-main .entry-content .secure-area > p, .site-main .entry-content .secure-area > ul, .site-main .entry-content .secure-area > ol { margin-top:0; margin-bottom:0.5em; }
.site-main .entry-content .secure-area > form { margin:0.5em 0; }
.site-main .entry-content .secure-area > .mobile-grid-100:not(.revue-grid) { padding-left:0; }
.site-main .entry-content .secure-area .txt-small { margin-bottom:0; }
.site-main .entry-content .secure-area:not(.revuegrid-area) a:not(.button):not(.action), .site-main .entry-content .secure-area:not(.revuegrid-area) a:not(.button):not(.action):hover { text-decoration:underline; }
.site-main .entry-content .secure-area a.go-back:before { content:"\f104 \f104"; display:inline-block; padding-right:5px; font-family:GeneratePress; font-size:12px; } 
.site-main .entry-content .secure-area a.go-to:after { content:"\f105 \f105"; display:inline-block; padding-left:5px; font-family:GeneratePress; font-size:12px; }
.site-main > .account, .site-main > .shopping { position:relative; }
.site-main .account .entry-header .button-logout { position:absolute; top:15px; right:-216px; width:145px; }
.site-main .shopping .entry-header .button-logout { position:absolute; top:15px; right:20px; width:145px; }
/* Formulaires ----------------------------------- */
.site-main .secure-form .secure-area > h3 { font-size:18px; font-weight:600; }
.site-main .secure-form .form-item input, .site-main .secure-form .form-item textarea, .site-main .secure-form .form-item select { padding:3px 5px; font-size:15px; line-height:28px; box-sizing:border-box; }
.site-main .secure-form .form-item select { padding:2px 5px; }
.site-main .secure-form .form-item .require { font-weight:600; color:#c2272d; }
.site-main .secure-form .form-item, .site-main .secure-form .form-submit { position:relative; display:block; margin:1em 0; width:100%; }
.site-main .secure-form .form-item label { display:block; }
.site-main .secure-form .form-item input, .site-main .secure-form .form-item textarea, .site-main .secure-form .secure-area .form-item select { display:block; width:100%; }
.site-main .secure-form .form-item .select_style { display:block; }
.site-main .secure-form .form-checkbox input, .site-main .secure-form .form-radio input { display:block; float:left; margin:0.25em 0.75em 0 0; width:auto; }
.site-main .secure-form .form-checkbox label, .site-main .secure-form .form-radio label { display:block; margin:0 0 0 2em; font-size:14px; }
.site-main .secure-form .form-checkbox:after, .site-main .secure-form .form-radio:after { content:""; display:block; clear:both; }
.site-main .secure-form .form-alert, .site-main .secure-form .form-info { display:block; margin:0.25em 0; font-size:13px; font-style:italic; }
.site-main .secure-form .form-alert { color:#ed5752; }
.site-main .secure-form .form-submit { margin:2em 0; }                                                                      
.site-main .secure-form .form-riddle input { display:inline-block; width:130px; vertical-align:top; }
.site-main .secure-form .form-riddle label { display:inline-block; padding:10px 10px 10px 0; width:auto; vertical-align:top; }
.site-main .secure-form .form-riddle label span { color:#ed1e95; }
.site-main .secure-form .form-payment { display:inline-block; margin:1em 0 0 0; padding:60px 7% 0 7%; width:19%; min-width:175px; background-position:top center; background-repeat:no-repeat; text-align:center; vertical-align:top; }
.site-main .secure-form .form-radio.form-payment input { float:none; margin:1em auto; }
.site-main .secure-form .form-radio.form-payment label { margin:0.5em; font-size:15px; line-height:1.3em; }
.site-main .secure-form .form-radio.form-payment label ~ p { font-style:italic; font-size:13px; line-height:1.3em; }
.site-main .secure-form .form-payment.carte { background-image:url('../img/secure/picto_carte.png'); }
.site-main .secure-form .form-payment.cheque { background-image:url('../img/secure/picto_cheque.png'); }
.site-main .secure-form .form-payment.virement { background-image:url('../img/secure/picto_virement.png'); }
.site-main .secure-form .form-payment.prelevauto { width:86%; background-image:url('../img/secure/picto_prelevauto.png'); }
.site-main .secure-form .form-payment.gratuit { width:auto; padding:0; background-image:none; text-align:left; }
.site-main .secure-form .form-payment.gratuit label { margin:0.5em 0; }
.site-main .secure-form .item-half { width:48%; vertical-align:top; }
.site-main .secure-form .item-left, .site-main .secure-form .item-right { display:inline-block; width:48%; vertical-align:top; }
.site-main .secure-form .item-left { margin-right:2%; }
.site-main .secure-form .item-right { margin-left:2%; }  
.site-main .form-inline .form-item, .site-main .form-inline .form-submit { display:inline-block; margin:0 0 5px 0; width:auto; vertical-align:bottom; }
.site-main .form-inline .form-item { margin-right:15px; }
.site-main .form-inline .form-item input { width:240px; }
.site-main .form-inline .form-submit input.button-small { padding:5px; width:130px; font-size:13px; line-height:24px; }
.site-main #secretkeyform .form-item label, .site-main #secretkeyform .form-item input { display:inline-block; }
.site-main #secretkeyform .form-item label { margin-right:10px; font-size:13px; }
/* Sidebar --------------------------------------- */
.inside-right-sidebar .widget:first-child { margin-top:48px; }
.inside-right-sidebar .block-help .contact-address span { display:block; line-height:normal; }
#menu-account { font-family:'Raleway', sans-serif; }
#menu-account .item-parent { padding-bottom:10px; }
#menu-account .item-parent > a { display:block; margin:0; padding:10px 5px 10px 55px; background-color:#c2272d; background-position:center left 10px; background-repeat:no-repeat; font-size:17px; color:#fff; }
#menu-account .item-parent > a:hover { background-color:#d40023; color:#fff; }
#menu-account .sub-menu { margin:0.75em 0.25em; padding-left:1em; } 
#menu-account .sub-menu li { list-style:disc; }
#menu-account .sub-menu .item-child > a { font-weight:500; color:#000; }
#menu-account .sub-menu .item-child > a:hover { color:#d40023; }
#menu-account  #account-members > a { background-image:url('../img/secure/picto_members_menu.png'); }
#menu-account  #account-subscriptions > a { background-image:url('../img/secure/picto_subscriptions_menu.png'); }
#menu-account  #account-orders > a { background-image:url('../img/secure/picto_orders_menu.png'); }
/* Besoin d'aide ? ------------------------------- */
.block-help { margin:0; padding:5px; background:#e6e6e6; }
.block-help .help-header { margin:2em 0 1.5em 0; padding:5px 0 0 80px; height:60px; background:url('../img/secure/picto_help.png') top left 10px no-repeat; }
.block-help .help-header .help-title { font-size:28px; font-weight:500; color:#c2272d; }
.block-help .help-contacts { padding-bottom:3em; }
.block-help .help-contacts > div { margin-bottom:2em; padding:1px 0 0 25px; background-position:top left; background-repeat:no-repeat; font-size:12px; height:20px; }
.block-help .help-contacts .contact-label { padding-left:10px; font-size:13px; }
.block-help .help-contacts .contact-email { background-image:url('../img/secure/icon_help_email.png'); font-weight:700; }
.block-help .help-contacts .contact-phone { background-image:url('../img/secure/icon_help_phone.png'); font-weight:700; }
.block-help .help-contacts .contact-address { background-image:url('../img/secure/icon_help_address.png'); font-weight:700; }
.site-main .entry-content .block-help { padding-left:15px; padding-right:15px; }
.site-main .entry-content .block-help .help-header { margin:1em 0; }
.site-main .entry-content .block-help .help-header .help-title { width:auto; padding-top:25px; font-size:30px; }
.site-main .entry-content .block-help .help-contacts { padding-bottom:0; }
.site-main .entry-content .block-help .help-contacts > div { display:inline-block; margin-right:1.5em; font-size:13px; }
/* Mon compte ------------------------------------ */
.site-main .account-welcome { padding-bottom:20px; border-bottom:1px solid #c7b199; font-weight:600; }
.site-main .account-title { margin:1em 0 0 0; padding:5px 5px 5px 65px; background-position:center left 10px; background-repeat:no-repeat; color:#d40023; }
.site-main .account-title.title-members { background-image:url('../img/secure/picto_members_title.png'); }
.site-main .account-title.title-subscriptions { background-image:url('../img/secure/picto_subscriptions_title.png'); }
.site-main .account-title.title-orders { background-image:url('../img/secure/picto_orders_title.png'); }
.site-main .account-edition > a { display:block; width:35px; height:35px; overflow:hidden; background:#ffc702 url('../img/secure/icon_edition.png') center center no-repeat; text-indent:-9999px; }
.site-main .account-edition > a:hover { background-color:#fff; }
.site-main .secure-area .account-seemore > a.button-small { padding:2px 4px; width:90px; font-size:13px; }
.site-main .account-items { margin:1em 0; width:100%; border:none; }
.site-main .account-items th, .site-main .account-items td { border:none; font-size:14px; }
.site-main .account-items th { background:none; }
.site-main .account-items td { background:#faf9f7; border-top:8px solid #fff; }
.site-main .account-items td a { color:#000; text-decoration:underline; }
.site-main .account-items td a:hover { color:#d40023; text-decoration:underline; }
.site-main .account-items .download-yes, .site-main .account-items .download-no { display:inline-block; margin:-5px; padding:0; width:20px; height:20px; overflow:hidden; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }
.site-main .account-items .download-yes { background-image:url('../img/secure/icon_download_yes.png'); } 
.site-main .account-items .download-no { background-image:url('../img/secure/icon_download_no.png'); }
.site-main .secure-area .account-items { margin-left:-20px; margin-right:-20px; -moz-width:calc(100% + 40px); -webkit-width:calc(100% + 40px); width:calc(100% + 40px); }
.site-main .secure-area .account-items + .account-seemore { text-align:right; }
.site-main .secure-area .content-notice + .account-seemore { display:none; }
.site-main .secure-area .account-edition { position:absolute; top:15px; right:15px; }
.site-main .secure-area .account-data { margin:1em 0; font-size:14px; }
.site-main .secure-area .account-data .data-value { display:inline-block; }
.site-main .secure-area .account-data .data-label  { display:inline-block; font-weight:700; }
.site-main .secure-area .account-data .data-label:after { content:":"; display:inline-block; margin:0 2px 0 5px; }
.site-main .secure-area > h3 + .account-data { margin-top:2em; }
.site-main .account-pagination { text-align:right; }
.site-main .account-pagination > span { display:inline-block; margin:5px; }
.site-main .account-pagination .page-label, .site-main .account-pagination .page-separ { font-size:13px; }
.site-main .account-pagination .page-separ { display:none; }                                               
.site-main .account-pagination .page-current, .site-main .account-pagination .page-number { font-weight:700; }
/* Abonnement numérique -------------------------- */
.site-main .entry-content .revuegrid-area { margin-left:-20px; margin-right:-20px; }
.site-main .account-title.title-subscriptions + .revuegrid-area { margin-top:2em; }
.revuegrid-area > h3 { padding-left:40px; }
.revuegrid-area .revue-grid { padding-left:20px; padding-right:20px; }
.revuegrid-area .paging-navigation { clear:both; }
.revuesingle-area:after { content:""; display:block; clear:both; }
.revuesingle-area > h3 { margin-bottom:1.25em; padding-left:20px; font-size:22px; font-weight:500; }
.site-main .inside-article .revuesingle-area .entry-header .entry-above { margin-top:0; margin-bottom:0.25em; font-size:18px; }
.site-main .inside-article .revuesingle-area .entry-header .entry-title { padding-top:20px; padding-bottom:20px; border-top:1px solid #c7b199; border-bottom:1px solid #c7b199; font-size:28px; line-height:1.2em; }
.site-main .inside-article .revuesingle-area .entry-summary { margin:1em 0; font-size:14px; }
.revuesingle-area .entry-business .business-button { margin:1em 0; }
body:not(.single) .site-main .inside-article .revuesingle-area .entry-business { position:relative; top:auto; right:auto; margin:0.5em 0; width:100%; -webkit-height:auto; -moz-height:auto; height:auto; border:none; border-top:1px solid #c7b299; text-align:center; }
.site-main .inside-article .revuesingle-area .business-button .button-download, .site-main .inside-article .revuesingle-area .business-button .button-paper { width:auto; background-position:center right 0; font-size:12px; }
.revuesingle-area, .revuesummary-area { margin-top:2em; }
.site-main .entry-content .revuesummary-area h3.title-divider { font-size:20px; font-weight:500; }
.site-main .revuesummary-area .inside-article { background:#faf9f7; }
.post-image-above-header:not(.single) .site-main .revuesummary-area .hentry.has-post-thumbnail:not(.generate-columns) .inside-article header.entry-header, 
.post-image-above-header:not(.single) .site-main .revuesummary-area .hentry.has-post-thumbnail:not(.generate-columns) .inside-article footer.entry-meta, 
.post-image-above-header:not(.single) .site-main .revuesummary-area .hentry.has-post-thumbnail:not(.generate-columns) .inside-article .entry-summary { margin-left:0; }
.site-main .entry-content .secure-area:not(.revuegrid-area) .revuesummary-area a:not(.button), .site-main .entry-content .secure-area:not(.revuegrid-area) .revuesummary-area a:not(.button):hover { text-decoration:none; }
/* Responsive design ----------------------------- */
@media only screen and (min-width:1200px) {
  .site-main .account .entry-header .button-logout { right:-330px; width:150px; }                        
  .site-main .secure-form .form-riddle input { width:150px; }
  .site-main .form-inline .form-item input { width:290px; }
  .site-main .form-inline .form-submit input.button-small { width:180px; }
  .block-help { padding-left:15px; padding-right:15px; }
  .block-help .help-header .help-title { width:110px; }
  .block-help .help-contacts > div { padding-left:30px; }
  .site-main .entry-content .block-help .help-contacts > div { margin-right:2em; padding-left:25px; font-size:14px; }
  .site-main .entry-content .block-help .help-contacts div.contact-label { padding-left:10px; }
}
@media only screen and (max-width:1024px) {
  .mobile-grid-100 #discountform { margin-top:-6px; }
}
@media only screen and (max-width:896px) {
  .site-main .secure-form .item-half, .site-main .secure-form .item-left, .site-main .secure-form .item-right { display:block; margin-left:0; margin-right:0; width:100%; }
  .site-main .secure-form .form-payment { padding-left:3%; padding-right:3%; }
  .site-main #orderform #flcheckcgu label { font-size:14px; }
  .block-help .help-header .help-title { font-size:26px; }
  .site-main .account-items th, .site-main .account-items td { font-size:13px; }
}
@media only screen and (max-width: 768px) {
  .site-main .entry-content .secure-area.white-area { padding-left:0; padding-right:0; }
  .inside-right-sidebar .widget:first-child { margin-top:0; }
  .block-help { padding-left:15px; padding-right:15px; }
  .block-help .help-header .help-title { width:110px; }
  .block-help .help-contacts > div { padding-left:45px; background-position:top left 15px; }
  .site-main .secure-area .account-seemore > a.button-small { font-size:12px; }
  .site-main .secure-area .account-items, .site-main .shopping-items { margin-left:0; margin-right:0; -moz-width:100%; -webkit-width:100%; width:100%; }
  .site-main .secure-area .account-items + .account-seemore, .site-main .account-pagination { text-align:center; }
  .site-main .entry-content .revuegrid-area { margin-left:0; margin-right:0; }
  .revuegrid-area > h3, .revuesingle-area > h3, .revuesummary-area > h3 { padding-left:0; }
  .site-main .inside-article .revuesingle-area .business-button .button-download, .site-main .inside-article .revuesingle-area .business-button .button-paper { padding-right:10px; background-image:none; }
  .site-main .inside-article .revuesingle-area .business-button .button-paper { padding-left:5px; padding-right:5px; }
  .site-main .entry-content .revuesummary-area h3.title-divider { font-size:17px; }
}
@media only screen and (max-width: 540px) {
  .site-main .entry-content .secure-area > .mobile-grid-100 > p.txt-left, 
  .site-main .entry-content .secure-area > .mobile-grid-100 > p.txt-right { text-align:center; }
  .site-main .entry-content .secure-area .secure-form .form-item:nth-of-type(2) { margin-right:0; }
  .site-main .secure-form .form-item .select_style { width:100%; }
  .site-main .secure-form:not(.form-inline) .form-submit { text-align:center; }
  .site-main .secure-form .form-payment { width:94%; }
  .site-main #secretkeyform .form-item { margin-bottom:15px; }
  .site-main .account-items th { font-size:11px; }
  .site-main .account-items td { font-size:12px; }
  .site-main .account-items.items-order .item-last { display:none; }
}
/*EOF*/