.account { margin-top:20px; }
.account > .col-xs-12 { margin-bottom:40px; }
.account h2 { display:block; line-height:30px; font-size:24px; letter-spacing:-1px; margin:0px 0px 10px 0px; border-bottom:2px solid #bfaf88; }
.account .actions { list-style:none; margin:0px; padding:0px; }
.account .actions li { display:block; margin:0px; padding:0px; }
.account .actions li a { display:block; height:45px; overflow:hidden; position:relative; }
.account .actions li a span { display:inline-block; padding:10px; vertical-align:middle; background-color:#444; color:#ccc; }
.account .actions li a span i { width:25px; height:25px; font-size:25px; transition:transform 0.1s ease-in-out; }
.account .actions li a.available span {  background-color:#0a0; }
.account .actions li a.unavailable span {  background-color:#c00; }
.account .actions li a h3 { display:inline-block; height:45px; line-height:45px; vertical-align:middle; font-size:18px; letter-spacing:-1px; margin:0px 0px 0px 15px; color:#ccc; }
.account .actions li.flash a span { background-color:#a00; color:#fff; }
.account .actions li.flash a h3 { color:#a00; }
.account .actions li a:hover { background-color:#444; /*box-shadow:0px 0px 5px #666;*/ }
.account .actions li a:hover span { background-color:#bfaf88; }
.account .actions li a:hover span i { transform:scale(1.2); }
.account .actions li a:hover h3 { color:#fff; }
.account .actions li a:hover h3:after { content:'\f054'; font:normal normal normal 20px/1 FontAwesome; color:#777; position:absolute; right:0px; width:45px; line-height:45px; text-align:center; }
.account .actions.disabled li a { cursor:not-allowed; }
.account .alert-diffusion { color:#a00; font-weight:bold; }
.account .alert-diffusion .fa { color:#c00; font-size:20px; vertical-align:middle; }
.account .subscription p b { display:inline-block; padding:0px 8px; border-radius:8px; white-space:nowrap; }
.account .infos .col-xs-4 { color:#666; font-size:10pt; font-weight:bold; letter-spacing:-1px; white-space:nowrap; }
.account .infos .col-xs-8 { color:#ccc; font-size:11pt; }
.account .infos .row:hover { background-color:#444; }
.account .offers .r0 { background-color:#333; }
.account .offers .r1 { background-color:#222; }
.account .offers .row { margin-bottom:10px; font-size:10pt; line-height:17px; position:relative; }
.account .offers .row a { display:block; padding-top:3px; padding-bottom:3px; color:#ccc; }
.account .offers .row a.anchor { width:1px; height:1px; overflow:hidden; margin:0px; padding:0px; position:absolute; margin-top:-200px; background-color:transparent; }
.account .offers .row .col1 a { color:#fff; }
.account .offers .row:hover { background-color:#ccc; box-shadow:0px 0px 5px #666; }
.account .offers .row:hover .col1 { background-color:#bfaf88; }
.account .offers .row:hover a { color:#bfaf88; }
.account .offers .row:hover .col1 a { color:#fff; }

.account .offers-e .row .col3 { text-align:center; }
.account .offers-e .row .col4 { text-align:center; }
.account .offers-e .row .col5 { text-align:center; }
.account .offers-e .row .col6 { text-align:right; }

.account .offers-e .row .col6 a { display:inline-block; width:30px; height:30px; line-height:20px; margin:5px; padding:5px; text-align:center; background-color:#bfaf88; box-shadow:0px 0px 5px #666; }
.account .offers-e .row .col6 a .fa { color:#fff; }
.account .offers-e .row .col6 a:hover { background-color:#9c8c66; }

.account .offers-e .row a b { display:inline-block; line-height:20px; padding:0px 6px; border-radius:10px; margin-bottom:3px; box-shadow:0px 1px 2px #666; }
.account .offers-e .row a.pourvue      b { background-color:#666; color:#fff; }
.account .offers-e .row a.non-diffusee b { background-color:#c00; color:#fff; }
.account .offers-e .row a.diffusee     b { background-color:#0a0; color:#fff; }
.account .offers-e .row a.refusee      b { background-color:#c00; color:#fff; }
.account .offers-e .row a.encours      b { background-color:#aaa; color:#fff; line-height:16px; }

.account .actions li a,
.account .actions li a span,
.account .infos .row:hover,
.account .offers .row,
.account .offers .row:hover .col1 { transition:background 0.1s ease-in-out; }

.row .aide { color:#aaa; }

@media all and (max-width:768px)
{
  .account .offers .row .col1 a { font-weight:bold; }
  .account .offers .row .col3 a { color:#888; }
  .account .offers-e .row a.encours b { font-size:9pt; }
}

@media all and (min-width:769px)
{
  .account .offers .row a { height:40px; }
}

.row span .non-diffusee { color:#c00; font-weight:bold; }

.row.delete p { margin:30px 0px; }
.row.delete .btn-yes-no { margin:40px 0px; text-align:right; }
.row.delete .btn-yes-no a { min-width:15%; max-width:40%; margin-left:20px; }

form.offre { margin-top:40px; }