.alt {
    display: none;
}

span.important {
    color: #a51d12;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
}

a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

div {
    position: relative;
}

body {
    background: #730100;
    color: #3a3731;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

.hidden {
    visibility: hidden;
}

#main {
    position: relative;
    background: url(../img/design/main_bg.jpg) no-repeat 0 -95px;
    margin: 0 auto;
    height: 910px;
    width: 1200px;
}

#devinis {
    float: left;
    height: 756px;
    margin: 43px 0 0 123px;
    width: 955px;
}

#sidebar {
    float: left;
    height: 670px;
    width: 201px;
}

#logo {
    float: left;
    height: 200px;
    margin: 8px 0 0 16px;
    width: 183px;
}

#logo_address {
    position: absolute;
    right: 10px;
    top: 23px;
    height: 40px;
    z-index: 70;
}

#logo_address a {
    opacity: 0.7;
    float: right;
}

#logo_address a span {
    float: right;
    margin: 5px;
    font-size: 8pt;
    font-weight: bold;
    display: none;
    color: #444;
}

#logo_address a img {
    float: right
}

#logo_address a:hover {
    opacity: 1;
}

#logo_address a:hover span {
    display: inline-block;
    opacity: 0.7
}

#primarynav {
    float: left;
    height: 210px;
    margin: 5px 0 0 12px;
    width: 176px;
}

#usermenu {
    position: absolute;
    z-index: 80;
    float: left;
    width: 710px;
    padding: 2px 5px 0 0;
    text-align: right;
}

#usermenu a {
    font-weight: bolder;
    font-size: 8pt;
    opacity: 0.6;
}

#usermenu a:hover {
    font-weight: bold;
    font-size: 8pt;
    opacity: 1;
}

#langmenu {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 81;
}

#langmenu img {
    margin: 0;
}

#topcontent {
    float: left;
    height: 170px;
    width: 754px;
}

#topcontent p a, #topcontent p a:hover {
    font-weight: normal;
}

#submenu {
    background: url(../img/design/bg-submenu.gif) top left no-repeat;
    height: 77px;
    margin: 130px 0 0 160px;
    width: 582px;
}

#leftcontent p {
    width: 296px;
    height: 416px;
    overflow: hidden;
    margin: 0;
    position: relative;
    background: url(../img/design/bg-long-page.gif) top left no-repeat;
}

#rightcontent {
    float: left;
    height: 430px;
    width: 450px;
}

#rightcontent.scrollable {
    width: 445px;
    overflow-y: auto;
}

#sheetbox #leftcontent {
    display: table-cell;
    float: none;
}

#sheetbox #rightcontent {
    display: table-cell;
    min-width: 460px;
    float: none;
    position: relative;
    vertical-align: top;
}

#leftcontent {
    background: url(../img/design/bg-long-page.gif) top left no-repeat;
    float: left;
    height: 430px;
    width: 304px;
}

#leftcontent img {
    margin: 8px 0 0 8px;
}

#rightcontent h2 {
}

#rightcontent p {
    line-height: 15px;
    margin: 10px 25px 0 15px;
    padding: 0;
    text-align: justify;
}

#info {
    position: relative;
    background: url(../img/design/information-devinis-illustribus.jpg) top center no-repeat;
    float: left;
    height: 130px;
    margin: 1px 0 0 2px;
    width: 193px;
    padding: 35px 0 0 13px;
}

#info .items {
    overflow: hidden;
    height: 116px;
    margin: 3px 0 0 15px;
}

#info .items dl {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 160px;
    height: 110px;
    padding-bottom: 10px;
    font-size: 9pt;
}

#info dt, #info dd {
    margin: 0;
    padding: 0;
}

#info dt {
    font-style: italic;
    font-weight: bold;
    text-align: right;
    margin-right: 5px;
}

#info .titre {
    font-weight: bold;
}

div.itemfile {
    display: inline-table;
    margin-right: 10px;
}

#catalogue {
    background: url(../img/design/catalogue-devinis.png) top left no-repeat;
    float: left;
    height: 45px;
    margin: 5px 0 0 12px;
    width: 189px;
}

#catalogue a {
    display: block;
    width: 135px;
    height: 35px;
}

#facebook a {
    background: url(../img/design/facebook.png) top left no-repeat;
    float: left;
    height: 37px;
    margin: 0 0 0 8px;
    width: 180px;
    display: block;
}

#qfacebook a {
    width: 150px;
    height: 35px;
}

#cataloguefull {
    position: absolute;
    width: 1px;
    height: 3px;
    overflow: hidden;
}

#catalogue-vins {
    /*background:url(../img/design/catalogue-devinis-illustribus.png) top left no-repeat;
    margin:5px 0 0 12px;
    height:50px;*/
    display: none;
    float: left;
    width: 189px;
}

#catalogue-vins a {
    display: block;
    width: 135px;
    height: 35px;
}

a#btncart {
    display: inline-block;
    background: url(../img/design/panier.png) top left no-repeat;
    color: #000;
    padding: 0 0 0 49px;
    height: 50px;
    font-size: 10pt !important;
    line-height: 28px;
}

#paychoose {
    font-weight: bold;
    text-align: center;
    padding: 30px;
}

#paychoices {
    display: inline-table;
}

#paychoices li {
    list-style: none;
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding: 30px;
    min-width: 250px;
}

#fiche_vin table {
    width: auto;
    border-spacing: 0;
}

#fichevin_img {
    /*background:url(/img/design/bg-sheet.gif) top left no-repeat;*/
    vertical-align: top;
    /*height:341px;width:163px;*/
    margin: 0;
    padding: 0;
}

#fichevin_img img {
    border: 1px solid #a51d12;
}

#fichevin_data {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 15px;
    width: 400px;
}

#fichevin_data h1 {
    font-size: 14pt;
    font-style: italic;
}

#fichevin_data p {
    font-size: 11pt;
    font-style: italic;
}

#fichevin_data .bt {
    font-size: 12pt;
    font-weight: bold;
}

#fichevin_data .bt input {
    position: relative;
    left: 90px;
    top: -22px;
    float: left;
    font-size: 12pt;
}

#fichevin_data .desc {
    clear: both;
    position: relative;
}

#fiche_vin .aide {
    vertical-align: bottom;
    min-height: 60px;
    font-size: 8pt;
    padding: 10px 5px 5px 15px;
}

#picsheet img {
    height: 325px;
    margin: 8px 0 0 8px;
    padding: 0;
    width: 147px;
}

#content {
    float: left;
    height: 670px;
    width: 754px;
}

#news {
    background: url(../img/design/actualites-devinis-illustribus.jpg) top left no-repeat;
    height: 287px;
    margin-top: 20px;
    padding: 50px 20px 0 16px;
    width: 285px;
}

#news .items {
    overflow: hidden;
    height: 218px;
    padding: 0;
}

#news dl {
    margin: 0;
    padding: 0;
}

#news dt {
    font-weight: bold;
}

#news dt.date {
    font-weight: bold;
    font-size: 8pt;
    text-align: right;
    margin-bottom: 5px;
}

#news dd {
    margin: 0 8px 5px 5px;
    text-align: justify;
}

#footer {
    position: absolute;
    width: 954px;
    min-height: 67px;
    max-height: 85px;
    bottom: 0;
    overflow: hidden;
    background: #f6f2e8;
}

#renseignement {
    float: left;
    background: url(../img/design/telephone-devinis.gif) 13px 2px no-repeat;
    padding: 5px 0 5px 60px;
    max-width: 700px;
    font-size: 8pt;
}

#renseignement a {
    font-weight: normal;
}

#renseignement p {
    clear: both;
    margin: 0;
    padding: 0;
}

#maison-france {
    position: absolute;
    bottom: 5px;
    right: 103px;
    /*bottom:5px;right:9px;*/
    height: 60px;
    width: 85px;
}

#office-tourisme {
    position: absolute;
    bottom: 2px;
    right: 2px;
    height: 65px;
    width: 96px;
}

p#details {
    margin: 0;
    padding: 0;
}

#footer .detail {
    position: absolute;
    bottom: 5px;
    right: 195px;
    font-size: 7pt;
    color: #444;
    font-weight: normal;
}

dl#devinislinks {
    margin: 10px;
}

dl#devinislinks dt {
    margin: 5px 0 0 0;
    padding: 0;
}

dl#devinislinks dd {
    margin: 0;
    padding: 0;
}

dl#devinislinks dt a {
    color: #a51d12;
    text-decoration: none;
}

dl#devinislinks dt a:hover {
    color: #a51d12;
    text-decoration: underline;
}

dl#livredor {
    margin: 5px 0 0 13px;
}

dl#livredor dt {
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 0;
}

dl#livredor dd {
    margin: 0;
    padding: 0 25px 0 0;
    text-align: justify;
}

ul#service_devinis_illustribus, ul#degustation_devinis_illustribus {
    margin: 8px 0 0 25px;
    padding: 0;
}

ul#service_devinis_illustribus li {
    font-size: 11px;
    list-style: none;
    background: url(../img/design/cheque-cadeau-devinis.gif) no-repeat 0px 3px;
    margin: 0 35px 5px 0;
    padding: 0 0 0 20px;
    text-align: justify;
}

ul#degustation_devinis_illustribus li {
    font-size: 11px;
    list-style: none;
    background: url(../img/design/vin-rare-paris.gif) no-repeat 0px 0px;
    margin: 0 35px 5px 0;
    padding: 0 0 0 15px;
    text-align: justify;
}

ul.degustation_devinis_illustribus li {
    font-size: 11px;
    list-style: none;
    line-height: 17px;
    background: url(../img/design/vin-rare-paris.gif) no-repeat 0px 0px;
    margin: 0 35px 5px 0;
    padding: 0 0 0 15px;
    text-align: justify;
}

ul#conseil_devinis_illustribus li {
    font-size: 11px;
    list-style: none;
    line-height: 17px;
    background: url(../img/design/vin-rare-paris.gif) no-repeat 0px 0px;
    margin: 0 35px 10px 0;
    padding: 0 0 0 15px;
    text-align: justify;
}

ul#service_devinis_illustribus li {
    line-height: 18px;
}

dl#presse {
    margin: 10px 0 0 10px;
    padding: 0;
}

dl#presse dt {
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 0;
}

dl#presse dt span.date {
    float: right;
    font-weight: normal;
    margin: 0 15px 0 0;
}

dl#presse dd {
    margin: 0;
    padding: 0;
}

dl#presse dd a {
    color: #a51d12;
    text-decoration: none;
}

dl#presse dd a:hover {
    color: #a51d12;
    text-decoration: underline;
}

/** Degustations **/
#degustationsheet label {
    display: inline
}

#degustationsheet p {
    margin: 0;
}

ul.tastingdesc {
    background-image: url(/img/design/parchemin.jpg);
    background-size: 100% 100%;
    padding: 20px;
    margin: 0;
    text-align: center;
    font-size: 10pt;
    list-style: none;
    width: 300px;
}

.tastingdesc p {
    font-size: 11pt;
    padding-bottom: 5px
}

.tastingdesc li:before {
    content: "* * *";
}

#degustationsheet .tastingdesc li p {
    font-size: 10pt;
    margin: 4px 0;
}

.tastingdesc li p.wine {
    font-weight: bold;
}

.tastingdesc li p.food {
    font-style: italic;
}

#login_reason {
    padding: 0 5px !important;
    font-style: italic;
}

/** Tables */
td {
    vertical-align: top;
}

table.table-sortable {
    background-color: #730100;
    margin: 10px 0 15px 15px;
    font-size: 11px;
    text-align: left;
}

table.table-sortable thead tr th, table.table-sortable tfoot tr th {
    background-color: #d9d2c0;
    color: #730100;
    font-size: 11px;
    padding: 4px;
}

table.table-sortable thead tr th.action {
    text-align: center;
}

table.table-sortable thead tr .header {
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.table-sortable tbody tr {
    background-color: #f6f2e9;
}

table.table-sortable tbody tr.odd {
    background-color: #d9d2c0;
}

table.table-sortable thead th {
    background-repeat: no-repeat;
    background-position: top left;
    cursor: pointer;
    white-space: nowrap;
}

table.table-sortable thead th.table-th-nosort {
    cursor: auto;
}

table.table-sortable thead .table-sortable {
    background-image: url(/img/design/bg.gif);
}

table.table-sortable thead .table-th-sort {
    background-image: url(/img/design/asc.gif);
}

table.table-sortable thead .table-th-sort-rev {
    background-image: url(/img/design/desc.gif);
}

table.table-sortable thead .table-th-sort, table.table-sortable thead tr .table-th-sort-rev {
    background-color: #d9d2c0; /*022f66*/
}

table.table-sortable tfoot {
    background-color: #d9d2c0; /*022f66*/
}

table.table-sortable tbody td {
    color: #000;
    padding: 4px;
    vertical-align: top;
    /*white-space: nowrap;*/
}

table.table-sortable tbody td.text {
    white-space: normal;
}

table.table-sortable tbody td.actif, table.table-sortable tbody td.id {
    text-align: right;
}

table.table-sortable tbody td.voir {
    width: 150px;
}

table.table-sortable tbody td.date {
/ / width: px;
}

table.table-sortable tbody td.testurl {
    width: 36px;
}

table.table-sortable tbody td.modification {
    width: 49px;
}

table.table-sortable tbody td.suppression {
    width: 60px;
}

table.table-sortable td.tsort {
    color: #bbc;
}

table.table-sortable .thead td.tsort {
    color: #000;
}

table.table-sortable td.number, table.table-sortable td.float {
    text-align: right;
}

/**** PURR ***/
.purr-wrapper {
    margin: 10px;
}

.purr-alert {
    margin-bottom: 10px;
    padding: 10px;
    background: #000;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(255, 255, 0, .25);
    width: 300px;
}

.purr-alert button {
    font-size: 10px;
    margin: 0 5px;
}

.purr-alert.error {
    color: #F55;
    padding-left: 30px;
    background: url(/img/design/error.png) no-repeat #000 7px 10px;
    width: 280px;
}

.purr-alert.success {
    color: #5F5;
    padding-left: 30px;
    background: url(/img/design/success.png) no-repeat #000 7px 10px;
    width: 280px;
}

.purr-alert.notice {
    color: #99F;
    padding-left: 30px;
    background: url(/img/design/notice.png) no-repeat #000 7px 10px;
    width: 280px;
}

.purr-element-alert {
    width: 200px;
}

.purr-button-wrapper {
    text-align: center;
}

/************************************************* FORM ******/
.newline {
    clear: both;
}

fieldset {
    border: 0;
    padding: 5px 10px;
    margin: 0;
}

fieldset p {
    float: none;
    clear: both;
    margin: 0px 0;
    padding: 4px 0;
}

.validation-failed {
    border-color: #ff0000;
}

.validation-passed {
    border-width: 2px;
}

label {
    display: block;
    font-weight: bold;
}

input, textarea {
    background: transparent;
    border: 1px solid #000;
    margin: 1px 0 0 10px;
    color: #000;
}

select {
    background: #f6f2e9;
    border: 1px solid #a51d12;
    color: #000;
    margin: 1px 0 0 10px;
}

button, input[type="button"], input[type="submit"] {
    background: #fff;
    border: 1px solid #730100;
    color: #730100;
    font-weight: bold;
    margin: 2px;
    float: right;
}

button.create, input[type="button"].create {
    background-color: #2d2;
}

button.save, input[type="button"].save {
}

button.rem, input[type="button"].rem {
    background: #d22;
    color: #300;
    font-weight: bold;
}

button:hover, input[type="button"]:hover {
    color: #333;
    border-width: 2px;
    border-color: #000;
    margin: 1px;
}

/* fieldset input { width:170px; } */
fieldset textarea {
    width: 400px;
    height: 120px;
}

fieldset p.radio input {
    background: transparent;
    border: 0;
    width: auto;
}

.button {
    background: #fff;
    border: 1px solid #730100;
    color: #730100;
    font-weight: bold;
    margin: 2px;
    display: inline-block;
}

#datasheet.ageok ul {
    text-align: center;
    margin: 3px;
    padding: 3px;
}

#datasheet.ageok li {
    list-style: none;
    display: inline-block;
    padding: 3px;
}

/* AJOUT POUR LE SITE DEVINIS / reprise de l'ancien facebox@jquery */
#sheetbox {
    background: #f6f2e9;
    float: left;
    /*height:341px;*/
    margin: 0;
    padding: 5px;
    /*width:100%;*/
    overflow: auto;
}

#awaymess {
    padding: 25px 15px;
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
}

p.wineaction {
    color: #a51d12;
    font-weight: bold;
}

p.wineaction a {
    color: #a51d12;
    font-weight: bold;
    text-decoration: none;
}

p.wineaction a:hover {
    color: #a51d12;
    font-weight: bold;
    text-decoration: underline;
}

#footer .footerdetails {
    width: 750px;
}

.footerdetails h1#detailstitle {
    color: #a51d12;
    font-size: 14px;
    margin: 10px;
    padding: 0;
}

.footerdetails h2.cgvheading {
    color: #000;
    font-size: 10pt;
    margin: 10px;
    padding: 0;
}

.footerdetails h3.cgvheading {
    color: #a51d12;
    font-size: 12px;
    margin: 10px;
    padding: 0 0 0 5px;
}

.footerdetails p {
    margin: 10px;
    padding: 0;
}

/*.ADlang {display:inline-block;}*/
/************************ CART */
#cartpanel {
    display: inline-block;
    min-width: 640px;
    padding: 2px;
}

#cartpanel h1 {
    font-weight: bold;
    font-size: 11pt;
    top: 0;
    position: static;
    height: auto;
}

#cartpanel h2 {
    font-weight: normal;
    font-size: 8pt;
}

#cartpanel th {
    text-align: right;
}

table.cartchoice {
    margin: auto;
}

.cartchoice th {
    text-align: left !important;
    background: #E6E2D9;
    width: 500px;
    padding: 4px;
}

.cartchoice td {
    width: 40px;
    text-align: right;
    white-space: nowrap;
    padding: 4px;
}

table.cartlist {
    width: 100%;
}

table.cartlist .paymentchoice button {
    float: none;
}

table.cartlist .paymentchoice ul {
    display: inline-block;
    margin: 0;
}

table.cartlist .paymentchoice ul li {
    display: inline-block;
    margin: 0;
    padding: 5px;
    vertical-align: top;
    text-align: left;
}

table.cartlist .paymentchoice ul li:first-child {
    font-weight: bold;
    line-height: 22px;
}

.cartlist th {
    text-align: left !important;
    background: #E6E2D9;
    width: 500px;
    padding: 4px;
}

.cartlist td {
    text-align: right;
    white-space: nowrap;
    padding: 4px;
}

td.price.canceled {
    text-decoration: line-through;
}

tr.deal th {
    font-weight: normal;
    font-style: italic;
}

tr.tva th {
    font-weight: normal;
    font-size: 8pt;
    background: none;
    text-align: right !important;
}

tr.tva td {
    font-weight: normal;
    font-size: 8pt;
}

tr.total th {
    font-size: 10pt;
    font-weight: bold;
    background: none;
    text-align: right !important;
}

.cartlist tr.total th {
    border-top: #E6E2D9;
}

tr.total td {
    font-size: 11pt;
    font-weight: bold;
}

.cartlist tr.total td {
    border-top: 1px solid #E6E2D9;
}

div.acart {
    /*padding-bottom: 5px; margin-bottom: 2px; border-bottom: 1px solid #a51d12;*/
}

#cart_none {
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

#panier_help {
    padding: 0 5px;
    font-size: 8pt;
    font-style: italic;
    font-weight: bold;
}

.acart table {
    width: 640px;
}

.carttitle {
    font-weight: bold;
    margin: 2px;
    padding: 2px;
    background-color: #730100;
    color: #fff;
    cursor: pointer;
}

.carttitle.current {
    background-color: #934030;
    cursor: default;
}

.acart table {
    background-color: #FED;
    margin: 0 5px;
    border: 1px solid #a51d12
}

div.acart td {
    vertical-align: middle;
}

div.acart td.price {
    text-align: right;
    padding-right: 5px;
}

.acart button {
    float: right;
    margin-left: 5px;
}

div.acart .note {
    font-weight: normal;
    font-style: italic;
    color: #000;
    text-align: left;
    font-size: 8pt;
}

div.acart .info {
    font-weight: normal;
    font-style: italic;
    color: #fff;
    text-align: right;
}

div.acart .name {
    border-bottom: 1px solid #a51d12;
    font-weight: bold;
}

div.acart .enum {
    text-align: right;
}

div.acart .pay {
    text-align: right;
    padding: 5px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 23px;
}

div.acart .action.add {
    display: inline-block;
    background: url(/img/design/ajouter.png) no-repeat top left;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    padding-left: 18px;
}

div.acart .action.sub {
    display: inline-block;
    background: url(/img/design/retirer.png) no-repeat top left;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    padding-left: 18px;
}

div.acart .action.del {
    display: inline-block;
    background: url(/img/design/poubelle.png) no-repeat top left;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    padding-left: 34px;
}

div#cartpanel ul {
    margin: 0;
}

div#cartpanel li {
    list-style: circle;
    font-size: 8pt;
}

div#cartpanel dt {
    font-size: 9pt;
}

div#cartpanel dl {
    margin: 3px;
}

/*************** AutoComplete
http://www.meiocodigo.com/projects/meio-autocomplete/
*/
.ma-container {
    color: #000;
    border: 1px solid #333;
    background-color: #fff;
    position: absolute;
    z-index: 1999;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
}

.ma-container ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ma-container li {
    padding: 2px 5px;
    line-height: 16px;
    cursor: pointer;
    float: left;
    width: 100%;
    overflow: hidden;
}

.ma-container .ma-hover {
    color: #fff;
    background-color: #921506 !important;
}

.ma-container .ma-odd {
}

.ma-container .ma-even 
