/* $Header: /var/lib/cvs/d2a/web/css/default.css,v 1.60 2015/05/26 09:26:51 fmarin Exp $ */

/* @import url(http://fonts.googleapis.com/css?family=Roboto:400,700italic,400italic,700,900italic); */

body {
    background: url("../img/bg_top.png") repeat-x top #eee;
    font-family: Arial, helvetica, sans-serif;
    font-size: 14px;
    margin: 10px;
}

input,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

hr {
    background: black;
    color: black;
    border: 0;
    height: 1px;
}

img {
    border: 0;
}

select.optionsGroup {
    text-transform: uppercase;
}

select.optionsGroup option {}

select.optionsGroup option.group {
    background-color: #666;
    color: #ffffff;
}

/* Dégradés prédéfinis */
.gradient-darkgrey {
    background: #999999;
    /* Old browsers */
    background: -moz-linear-gradient(top, #999999 0%, #777777 8%, #999999 92%, #666666 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(8%, #777777), color-stop(92%, #999999), color-stop(100%, #666666));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #999999 0%, #777777 8%, #999999 92%, #666666 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #999999 0%, #777777 8%, #999999 92%, #666666 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #999999 0%, #777777 8%, #999999 92%, #666666 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #999999 0%, #777777 8%, #999999 92%, #666666 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', EndColorstr='#666666', GradientType=0);
    /* IE6-9 */
}

.gradient-lightgrey {
    background: #ccc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ccc 0%, #aaa 8%, #ccc 92%, #999 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(8%, #aaa), color-stop(92%, #ccc), color-stop(100%, #999));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ccc 0%, #aaa 8%, #ccc 92%, #999 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ccc 0%, #aaa 8%, #ccc 92%, #999 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ccc 0%, #aaa 8%, #ccc 92%, #999 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ccc 0%, #aaa 8%, #ccc 92%, #999 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#cccccc', EndColorStr='#999999');
    /* IE6-9 */
}

.gradient-green {
    background: #009900;
    /* Old browsers */
    background: -moz-linear-gradient(top, #009900 0%, #007700 8%, #009900 92%, #006600 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009900), color-stop(8%, #007700), color-stop(92%, #009900), color-stop(100%, #006600));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #009900 0%, #007700 8%, #009900 92%, #006600 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #009900 0%, #007700 8%, #009900 92%, #006600 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #009900 0%, #007700 8%, #009900 92%, #006600 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #009900 0%, #007700 8%, #009900 92%, #006600 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#006600', GradientType=0);
    /* IE6-9 */
}

/* Entête */
#header h1 {
    color: white;
    font-family: Calibri, Arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 31px;
    height: 38px;
    margin: 0;
    padding: 4px 0;
    text-transform: uppercase;
}

#header h1 a {
    color: white;
    text-decoration: none;
}

#header p.my_account {
    color: white;
    font-size: 12px;
    margin: 12px 0;
    position: absolute;
    right: 10px;
    top: 10px;
}

#header p.my_account a {
    color: white;
    font-weight: bold;
}

#content {
    background: url("../img/bg_tyre.jpg") no-repeat 0 128px;
    margin: 0 auto;
    min-height: 756px;
    width: 1200px;
}

#content p.login {
    padding: 85px 0 0 0px;
    position: absolute;
}

#content>table {
    padding: 0 0 0 460px;
}

/* Page */
#page {
    width: 733px;
}

#page h1 {
    border-bottom: 1px solid #444;
    color: #444;
    text-transform: uppercase;
}

/* Connexion */
#home h2 {
    color: #616c88;
    font-size: 32px;
    font-style: italic;
    margin: 0 0 -8px 24px;
}

#home #login {
    background: #616c88;
    /* Old browsers */
    background: -moz-linear-gradient(top, #616c88 0%, #444a6e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #616c88), color-stop(100%, #444a6e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #616c88 0%, #444a6e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #616c88 0%, #444a6e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #616c88 0%, #444a6e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #616c88 0%, #444a6e 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#616c88', endColorstr='#444a6e', GradientType=0);
    /* IE6-9 */
    border-radius: 24px;
    padding: 18px;
}

#home #login>div {
    background: white;
    border-radius: 8px;
    padding: 10px 20px;
}

#home #login p {
    margin: 10px 0;
}

#home #login p label {
    color: #666666;
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    margin: 0 10px;
    text-align: right;
    width: 250px;
}

#home #login p input {
    border: 1px solid #666;
    border-radius: 6px;
    padding: 4px 6px;
}

#home #login #btnlogin {
    border: 1px solid #666;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 274px;
    padding: 6px 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
    text-align: center;
    width: 134px;
}

/* Home */
#home {
    margin-top: 50px;
    width: 720px;
}

/* Bannières Home */
#banner img#ban1 {
    float: left;
}

#banner img#ban2 {
    float: right;
}

/* Recherche */
#liste #filter2 {
    margin-top: 18px;
}

#home #filter2 #filter_sim {
    margin-bottom: 26px;
}

#liste #filter2 #filter_sim {
    float: left;
    margin-top: 26px;
}

#filter2 #filter_sim h2 {
    border-bottom: 1px solid #999;
    color: #393939;
    display: inline;
    font-size: 26px;
    font-style: italic;
    font-weight: 900;
    margin: 0;
}

#filter2 #filter_sim p.seasons label {
    font-size: 12px;
    font-weight: bold;
    margin-right: 18px;
}

#filter2 #filter_sim p.seasons label input {
    vertical-align: middle;
}

#filter2 #filter_sim p.rech {
    background: url("../img/bg_filter_rech.png") repeat-x top;
    border-radius: 10px;
    height: 30px;
    padding: 7px;
    width: 363px;
}

#liste #filter2 #filter_sim p.rech {
    width: 203px;
}

#filter2 #filter_sim p.rech input#rech {
    background: white;
    border: 0;
    border-radius: 5px;
    font-size: 14px;
    height: 15px;
    padding: 7px 34px 7px 7px;
    width: 322px;
}

#liste #filter2 #filter_sim p.rech input#rech {
    width: 162px;
}

#filter2 #filter_sim p.rech input#rech::-webkit-input-placeholder {
    font-style: italic;
}

#filter2 #filter_sim p.rech input#rech:-moz-placeholder {
    font-style: italic;
}

#filter2 #filter_sim p.rech input#rech::-moz-placeholder {
    font-style: italic;
}

#filter2 #filter_sim p.rech input#rech:-ms-input-placeholder {
    font-style: italic;
}

#filter2 #filter_sim p.rech input#btn_submit_rech {
    position: absolute;
    margin: 0 0 0 331px;
}

#liste #filter2 #filter_sim p.rech input#btn_submit_rech {
    margin: 0 0 0 171px;
}

#home #filter2 #filter_sim p.help_rech {
    background: url("../img/help_rech.png") no-repeat scroll 0 0;
    font-size: 10px;
    margin: 4px 0 0 385px;
    min-height: 36px;
    padding: 0 0 0 40px;
    position: absolute;
    width: 310px;
}

#liste #filter2 #filter_sim p.help_rech {
    display: none;
}

#liste hr.filter_sep {
    display: none;
}

#filter2 #filter_adv {
    width: 386px;
    position: relative;
}

#home #filter2 #filter_adv {
    margin-top: 28px;
    padding: 0 0 0 26px;
}

#home #filter2 #filter_adv p.buttons input#btnraz2 {
    display: none;
}

#liste #filter2 #filter_adv {
    float: right;
}

#filter2 #filter_adv h2 {
    border-bottom: 1px solid #999;
    color: #393939;
    display: inline;
    font-size: 22px;
    font-style: italic;
    font-weight: normal;
}

#filter2 #filter_adv p {
    clear: both;
    height: 22px;
    margin: 2px 0;
}

#filter2 #filter_adv #filter_adv_filters {
    margin-top: 16px;
}

#filter2 #filter_adv p label span {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    text-align: right;
    width: 66px;
}

#filter2 #filter_adv p label input {
    background: white;
    border: 1px solid #999;
    display: block;
    float: left;
    height: 12px;
    padding: 4px;
    width: 40px;
}

#filter2 #filter_adv p label select {
    background: white;
    border: 1px solid #999;
    display: block;
    float: left;
    height: 22px;
    width: 172px;
}

#filter2 #filter_adv p label input[type=checkbox] {
    margin: 4px 0 0 0;
    height: 15px;
    padding: 0;
    width: 15px;
}

#filter2 #filter_adv p.buttons {
    margin: 0 0 10px 0;
    text-align: right;
}

#filter2 #filter_adv p.buttons input {
    font-size: 12px;
    text-transform: uppercase;
}

#filter2 #filter_adv p.buttons input#btnraz2 {
    background: #cacaca;
    border: 1px solid #cacaca;
    color: black;
}

#filter2 #filter_adv p.buttons input#btnfilter2 {
    background: #393939;
    border: 1px solid #393939;
    color: white;
    width: 100px;
}

#filter2 #filter_adv .check_price {
    float: right;
    background: url("../img/bg_list_th.png") repeat-x scroll center top #000000;
    width: 100px;
    white-space: nowrap;
    color: #ffffff;
    height: 20px;
}

#filter2 #filter_adv .check_price span {
    font-size: 11px;
    font-weight: normal;
}

#filter2 #filter_adv #check_price_liste {
    position: absolute;
    right: 6px;
    top: 198px;
}

#filter2 #filter_adv .check_price input[type="checkbox"] {
    height: 13px;
    width: 13px;
}

#filter2 #filter_adv #check_price span {
    font-size: 11px;
}

/* Liste des produits */

p.results {
    background: white;
    border-top: 1px solid black;
    clear: both;
    margin: 28px 0 0;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
}

p.results b {
    color: red;
}

#liste table.products {
    border-spacing: 0;
    width: 100%;
}

#liste table.products2 {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
    border: 5px solid #434f6f;
    border-spacing: 0;
    border-radius: 7px;
    background: #d5dae6;
}

#liste table.products2 td#titre_fouselect {
    background: #434f6f;
    width: 100%
}

#liste table.products2 span#titre_fouselect {
    background: #434f6f;
    color: #ffffff;
    margin: 0px;
    padding: 4px;
    font-weight: bold;
    display: block;
    /*border-top-left-radius:7px;
	border-top-right-radius:7px;*/
}

#liste table.products th,
#liste table.products2 th {
    background: url("../img/bg_list_th.png") repeat-x top;
    color: white;
    font-size: 12px;
    font-style: italic;
    height: 28px;
    padding: 2px 4px 0;
}

#liste table.products tr.p>td,
#liste table.products2 tr.p>td {
    background: url("../img/bg_list_td.png") repeat-x top;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    padding: 2px 4px 5px 4px;
    text-align: center;
    white-space: nowrap;
}

#liste table.products tr.d>td #liste table.products2 tr.d>td {
    padding: 0;
}

#wait {
    background-color: rgba(238, 238, 238, 0.8);
    font-family: Calibri, Arial, helvetica, sans-serif;
    font-size: 32px;
    /*padding: 148px 0 10px;*/
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    z-index: 10;
}

#wait p {
    background: white;
    border: 8px solid #666;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    color: #666;
    padding: 20px;
    width: 420px;
    margin: 148px auto 0;
}

#wait img {
    display: none;
}

/* Fournisseurs prix et bouton ajouter au panier */
table.fouart {
    border-spacing: 0;
    border-collapse: collapse;
    float: right;
    margin: 0 0 8px 0;
}

table.fouart>tbody>tr>td {
    border-top: 1px solid black;
    color: #666;
    font-size: 10px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}

table.fouart>tbody>tr>td span {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

table.fouart>tbody>tr:first-child>td {
    border-top: 0;
}

table.fouart tr td.fou {
    width: 200px;
}


table.fouart tr td.fou span {
    background: url("../img/suppliers_logo.png") no-repeat 0 0;
    height: 40px;
    margin: 0 8px 0 0;
    width: 130px;
}

table.fouart td.fou span.fou_9HUTCH {
    background-position: 0 0;
}

table.fouart td.fou span.fou_9PNEUS {
    background-position: 0 -40px;
}

table.fouart td.fou span.fou_9YOKOH {
    background-position: 0 -80px;
}

table.fouart td.fou span.fou_9COPAD {
    background-position: 0 -120px;
}

table.fouart td.fou span.fou_9VDB00 {
    background-position: 0 -160px;
}

table.fouart td.fou span.fou_9SLPA0 {
    background-position: 0 -200px;
}

table.fouart td.fou span.fou_9DOUME {
    background-position: 0 -240px;
}

table.fouart td.fou span.fou_9VDB63 {
    background-position: 0 -280px;
}

table.fouart td.fou span.fou_9CP310 {
    background-position: 0 -320px;
}

table.fouart td.fou span.fou_9CP560 {
    background-position: 0 -360px;
}

table.fouart td.fou span.fou_9CP870 {
    background-position: 0 -400px;
}

table.fouart td.fou span.fou_9DELDO {
    background-position: 0 -440px;
}

table.fouart td.fou span.fou_9TYREL {
    background-position: 0 -480px;
}

table.fouart td.fou span.fou_9GYSES,
table.fouart td.fou span.fou_9GYSEN {
    background-position: 0 -520px;
}

table.fouart td.fou span.fou_9PUISS {
    background-position: 0 -560px;
}

table.fouart td.fou span.fou_9INTER {
    background-position: 0 -600px;
}

table.fouart td.fou span.fou_9IHLE0 {
    background-position: 0 -640px;
}

table.fouart td.fou span.fou_9DIPRO {
    background-position: 0 -680px;
}

table.fouart td.fou span.fou_9EROL {
    background-position: 0 -720px;
}

table.fouart td.fou span.fou_9NEXEN {
    background-position: 0 -760px;
}

table.fouart td.liv {
    background: url("../img/delai_liv.png") no-repeat bottom center;
    height: 40px;

}

table.fouart td.liv span {
    font-size: 14px;
    font-style: italic;
    color: red;
    font-weight: bold;
    padding-right: 12px;
}

table.fouart td.liv img {
    margin-top: 6px;
}

table.fouart td.rem {
    padding: 0px 5px 0px 20px;
}

table.fouart td.rem span {
    width: 100px;
}


table.fouart td.pnet {
    padding: 0px 20px 0px 5px;
}

table.fouart td.pnet span {
    color: red;
    width: 60px;
}

table.fouart td.stock {
    width: 100px;
    padding: 0 20px;
    color: #666;
}



@-webkit-keyframes fondu {
    40% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fondu {
    40% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fondu {
    40% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fondu {
    40% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}


/* fenêtre crawl */
table.products td span.crawlart_link,
table.products2 td span.crawlart_link {
    position: relative;
    z-index: 24;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 18px;
    background: url("../img/crawlart_price.png");
    -webkit-animation: fondu 2s infinite;
    /* Safari 4+ */
    -moz-animation: fondu 2s infinite;
    /* Fx 5+ */
    -o-animation: fondu 2s infinite;
    /* Opera 12+ */
    animation: fondu 2s infinite;
    /* IE 10+, Fx 29+ */
}

table.products td span.crawlart_link:hover,
table.products2 td span.crawlart_link:hover {
    z-index: 25;
    background: url("../img/crawlart_price_hover.png");
    -webkit-animation: 0;
    /* Safari 4+ */
    -moz-animation: 0;
    /* Fx 5+ */
    -o-animation: 0;
    /* Opera 12+ */
    animation: 0;
    /* IE 10+, Fx 29+ */
}

table.products td span.crawlart_link span,
table.products2 td span.crawlart_link span {
    display: none;
    position: absolute;
    height: 200px;
    overflow-y: scroll;
    text-transform: none;
    top: -50px;
    left: 28px;
    width: auto;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    color: #666666;
    text-align: left;
    font-size: 11px;
}

table.products td span.crawlart_link span h3,
table.products2 td span.crawlart_link span h3 {
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    padding: 4px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #999999;
}

table.products td span.crawlart_link:hover span,
table.products2 td span.crawlart_link:hover span {
    display: block;
}

table.products td span.crawlart_link span strong,
table.products2 td span.crawlart_link span strong {
    color: #FF0000;
}

table.products td span.crawlart_link span p,
table.products2 td span.crawlart_link span p {
    padding: 4px;
    margin: 0;
}

table.products td span.crawlart_link span p.webart_ord1,
table.products2 td span.crawlart_link span p.webart_ord1 {
    background-color: LightGreen;
}

table.products td span.crawlart_link span p.webart_ord2,
table.products2 td span.crawlart_link span p.webart_ord2 {
    background-color: #ffea91;
}


/* Fenêtre photo */
table.products td span.viewart_link,
table.products2 td span.viewart_link {
    position: relative;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 16px;
    background: url("../img/view_art.png");
    margin-left: 5px;
}

table.products td span.viewart_link img,
table.products2 td span.viewart_link img {
    display: none;
    position: absolute;
    right: 20px;
    width: auto;
    height: 270px;
    top: -170px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    z-index: 1000;
}

table.products td span.viewart_link:hover img,
table.products2 td span.viewart_link:hover img {
    display: block;
}



/* Etiquettes pneus */

table.products td div.label_link,
table.products2 td div.label_link {
    position: relative;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url("../img/label_art.png");
}

table.products td div.label_link div.label_content,
table.products2 td div.label_link div.label_content {
    display: none;
    position: absolute;
    right: 18px;
    width: 300px;
    height: 450px;
    top: -170px;
    border: 2px solid #999999;
    background: #ffffff;
    z-index: 1000;
    padding: 4px;
    cursor: default;
    font-weight: bold;
}

table.products td div.label_link div.label_content h1,
table.products td div.label_link div.label_content h2,
table.products2 td div.label_link div.label_content h1,
table.products2 td div.label_link div.label_content h2 {
    padding: 4px;
    margin: 0px;
    font-size: 20px;
    color: #000000 !important;
    white-space: normal;
    line-height: 22px;
}

table.products td div.label_link div.label_content h1,
table.products2 td div.label_link div.label_content h1 {
    border-bottom: none !important;
    overflow: hidden;
}

table.products td div.label_link div.label_content img.label_print,
table.products2 td div.label_link div.label_content img.label_print {
    right: 6px;
    position: absolute;
    bottom: 4px;
    font-size: 10px;
    color: #666;
    cursor: pointer;
}

table.products td div.label_link:hover div.label_content,
table.products2 td div.label_link:hover div.label_content {
    display: block;
}

table.qty {
    border-spacing: 0;
    float: right;
}

table.qty td {}

table.qty td.inp {
    padding: 4px 0 4px 4px;
    text-align: right;
}

table.qty td.inp label {
    color: #666;
    margin: 0 4px;
}

table.qty td.inp input {
    border: 1px solid #CCC;
    font-size: 11px;
    height: 15px;
    margin: 0;
    padding: 2px;
    text-align: right;
    width: 28px;
}

table.qty img {
    border: 0;
    display: block;
    margin: 0;
}

table.qty td.upqty {
    height: 16px;
    padding: 4px 0;
    text-align: left;
    vertical-align: top;
    width: 8px;
}

table.qty td.upqty a {
    background-repeat: no-repeat;
    color: transparent !important;
    display: block;
    height: 10px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-indent: 10px;
    width: 10px;
}

table.qty td.upqty a.plus {
    border-top: 1px solid #CCC;
    background-image: url("../img/up_qty_plus.png");
}

table.qty td.upqty a.minus {
    background-image: url("../img/up_qty_minus.png");
}

table.qty td.upqty a:hover {
    background-position: 0 -10px;
}

table.qty td.sub {
    padding: 4px 0 4px 10px;
}

table.qty td.sub input.btnorder {
    border: 0;
    border-radius: 2px 2px 2px 2px;
    color: white;
    font-weight: bold;
    height: 21px;
    margin: 0;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

/* Navigation */
table.navig {
    background: white;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    width: 100%;
}

#navig_bottom {}

table.navig td {
    font-size: 12px;
    padding: 4px;
    white-space: nowrap;
}

table.navig td.tdnavig_pagenum,
table.navig td.tdnavig_sort {
    width: 140px;
}

table.navig td.tdnavig_pagelink {
    text-align: center;
}

table.navig td.tdnavig_pagelink a,
table.navig td.tdnavig_pagelink strong {
    margin: 0 5px;
}

table.navig td.tdnavig_pagelink a:link,
table.navig td.tdnavig_pagelink a:active,
table.navig td.tdnavig_pagelink a:visited {
    color: #999;
    text-decoration: none;
}

table.navig td.tdnavig_pagelink a:hover {
    color: #666;
    text-decoration: underline;
}

table.navig td.tdnavig_pagelink img {
    vertical-align: middle;
}

table.navig td.tdnavig_sort {
    text-align: right;
}

table.navig td.tdnavig_sort select {
    background: white;
    border: 1px solid #999;
}

/* Panier */
#morph_add_to_caddie {
    display: none;
}

#divmodcaddie {
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 20px black;
    height: 440px;
    left: 50%;
    margin: -240px 0 0 -420px;
    opacity: 0;
    padding: 20px;
    position: absolute;
    top: 50%;
    visibility: hidden;
    width: 800px;
    z-index: 1000;
}

#divmodcaddie h2 {
    border-bottom: 1px solid #666;
    color: #666;
    font-size: 32px;
    font-style: italic;
    margin: 0;
    text-transform: uppercase;
}

#divmodcaddie a#caddie_close {
    position: absolute;
    right: 6px;
    top: 6px;
}

#divmodcaddie a#caddie_close img {
    display: block;
}

#divmodcaddie>form {
    height: 270px;
    overflow: auto;
}

#divmodcaddie table.qty {
    margin: 0 auto;
}

#divmodcaddie td.price {
    text-align: right;
}

#divmodcaddie td.del {
    width: 16px;
}

#divmodcaddie #bottom_caddie {
    background: none repeat scroll 0 0 #666666;
    border-radius: 0 0 7px 7px;
    bottom: 0;
    left: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    height: 120px;
}

#divmodcaddie #bottom_caddie div.fe {
    color: white;
    font-size: 12px;
    padding: 0 20px;
    position: absolute;
    top: 60px;
}

#divmodcaddie #bottom_caddie div.fe #warn_valid {
    color: red;
    width: 295px;
    background: #FFFFFF;
    padding: 5px;
    font-weight: bold;
}

#divmodcaddie #bottom_caddie div.lib,
#divmodcaddie #bottom_caddie div.comment {
    color: white;
    font-size: 12px;
    padding: 0 20px;
    position: absolute;
}

#divmodcaddie #bottom_caddie div.comment {
    right: 10px;
}


#divmodcaddie #bottom_caddie div.lib input[type=text] {
    width: 300px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333333;
}

#divmodcaddie #bottom_caddie div.comment textarea {
    width: 350px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333333;
}

#divmodcaddie #bottom_caddie div.lib label,
#divmodcaddie #bottom_caddie div.comment label {
    display: block;
    padding-bottom: 0;
}

#divmodcaddie #bottom_caddie div.fe select#fe_liv {
    background: white;
    border: 1px solid #333;
    display: block;
    width: 150px;
}

#divmodcaddie #bottom_caddie #liv {
    color: white;
    font-size: 12px;
    margin: -4px 0 0 190px;
    position: absolute;
}

#divmodcaddie #bottom_caddie #liv p.address_title {
    display: none;
}

#divmodcaddie #bottom_caddie #liv p.address_content {
    height: 44px;
    overflow: auto;
    width: 238px;
    margin: 60px 0 0;
}

#divmodcaddie #bottom_caddie div.buttons {
    padding: 0 20px;
    margin-top: 80px;
    text-align: right;
}

#divmodcaddie #bottom_caddie div.buttons input {
    border: 0;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
    cursor: pointer;
    font-weight: bold;
    margin: 0 10px;
    padding: 10px 20px;
    text-align: center;
    width: 166px;
}

#divmodcaddie #bottom_caddie #btn_caddie_continue {
    color: black;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

#divmodcaddie #bottom_caddie #btn_caddie_submit {
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

#divmodcaddie #bottom_caddie #btn_caddie_submit[disabled] {
    color: #888;
    cursor: default;
    text-shadow: none;
}

#divmodcaddie>form>table {
    width: 100%;
}

#divmodcaddie #panier_content {
    border-spacing: 0;
    border-collapse: collapse;

}

#divmodcaddie #panier_content th {
    color: #666;
    font-size: 12px;
}

#divmodcaddie #panier_content>tbody>tr>td {
    border-bottom: 1px solid #ccc;
    font-size: 12px;
}

#divmodcaddie #panier_content>tbody>tr>td.error-stock,
#divmodcaddie #panier_content>tbody>tr>td.alert-stock {
    background: url("../img/arrow_bottom-right-trans.png") no-repeat left 20px center #e4e4e4;
    color: red;
    font-weight: bold;
    padding-left: 40px;
}

#divmodcaddie #panier_content>tbody>tr>td.error-stock span,
#divmodcaddie #panier_content>tbody>tr>td.alert-stock span {
    color: green;
}

#divmodcaddie #panier_content>tbody>tr.total>td {
    border: 0;
    padding-top: 10px;
}

/* Adresses de livraison */
#frmcarnet {
    background: #e2e2e2;
    border: 1px solid #999999;
    padding: 20px;
}

#frmcarnet h2 {
    color: #333333;
    font-size: 18px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

#frmcarnet p {
    color: #666666;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
}

#frmcarnet table {
    border-spacing: 0 4px;
    width: 100%;
}

#frmcarnet label {
    color: #666666;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

#frmcarnet input[type=text],
#frmcarnet select,
#frmcarnet textarea {
    background: white;
    border: 1px solid #444;
}

#frmcarnet input,
#frmcarnet textarea {
    padding: 3px 6px;
}

#frmcarnet select {
    height: 22px;
}

#frmcarnet #lib,
#frmcarnet #societe,
#frmcarnet #adresse {
    width: 522px;
}

#frmcarnet #cp {
    width: 64px;
}

#frmcarnet #ville {
    width: 434px;
}

#frmcarnet #pays {
    width: 529px;
}

#frmcarnet p.buttons {
    margin: 20px 0 0;
    text-align: right;
}

#frmcarnet p.buttons input {
    border: 0;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
    cursor: pointer;
    font-weight: bold;
    margin: 0 10px;
    padding: 5px 20px;
    text-align: center;
}

#frmcarnet #btn_submit {
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

#frmcarnet #btn_cancel {
    color: black;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

#addressbook div.address {
    background: white;
    border: 1px solid #666;
    margin: 10px 0;
}

#addressbook div.address p.address_actions {
    color: white;
    float: right;
    font-size: 12px;
    margin: 0;
    padding: 4px 6px;
}

#addressbook div.address p.address_actions img {
    vertical-align: middle;
}

#addressbook div.address p.address_actions a {
    color: white;
}


#addressbook div.address p.address_title {
    background: #666;
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 8px;
    padding: 3px 6px;
    text-transform: uppercase;
}

#addressbook div.address p.address_content {
    margin: 10px;
}

#addressbook div.address p.address_title a {
    color: white;
    text-decoration: none;
}

/* Mes commandes */
#orders {
    background: white;
    border: 1px solid #999;
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    width: 100%;
}

#orders th,
#order_tables #order_content th,
#order p.address_title {
    background: url("../img/bg_list_th.png") repeat-x top;
    color: white;
    font-size: 12px;
    font-weight: bold;
    height: 14px;
    margin: 0;
    padding: 8px 4px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

#orders td,
#order_tables #order_content td {
    border: 1px solid #999;
    font-size: 12px;
    padding: 2px 4px;
    text-align: center;
    height: 20px;
}

#orders td.id_ORWEBER a {
    color: green;
}

#orders td.id_ORWEBAN a {
    color: red;
}

#orders td.id_ORWEBER,
#orders td.id_ORWEBAN {
    font-weight: bold;
}



p.return a {
    color: #666;
}

p.print a {
    color: #666;
    float: right;
    margin-left: 20px;
}

#orders td.price,
#order_tables table td.price {
    text-align: right;
    width: 70px;
}

#order div.address {
    background: none repeat scroll 0 0 white;
    border: 1px solid #999999;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    float: right;
    font-size: 12px;
    margin-bottom: 16px;
    margin-left: 16px;
    width: 340px;
}

#order div.address p.address_content {
    margin: 0;
    padding: 8px;
}

#order #order_details {
    background: none repeat scroll 0 0 white;
    border: 1px solid #999999;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

#order #order_details th {
    font-size: 12px;
    padding: 2px 4px;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
}

#order #order_details th.hotline {}

#order #order_details td.hotline {
    background-image: url("../img/hotline.png");
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: 0px 1px;
    color: #a20000;
    padding-left: 20px;
    font-weight: bold;
    font-size: 13px;
}

#order #order_details td {
    font-size: 12px;
    padding: 2px 4px;
}


#order_tables {
    background: white;
    border: 1px solid #999;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    clear: both;
    margin: 10px 0;
}

#order_tables table {
    border-collapse: collapse;
    border-spacing: 0;
}

#order_tables #order_content {
    width: 100%;
}

/* Erreurs */
#error {
    background: #FFDDDD;
    border: 1px solid #CC0000;
    margin: 0 0 10px 0;
}

#error h3 {
    background: #CC0000;
    color: white;
    font-size: 15px;
    margin: 0;
    padding: 3px 6px;
    text-transform: uppercase;
}

#error p {
    margin: 0;
    padding: 8px;
}

/* Informations */
#info {
    background: #d0d4dd;
    border: 1px solid #393939;
    margin: 0 0 10px 0;
}

#info h3 {
    background: #616C88;
    color: white;
    font-size: 15px;
    margin: 0;
    padding: 3px 6px;
    text-transform: uppercase;
}

#info p {
    margin: 0;
    padding: 8px;
}


/* Footer */
#copy {
    color: #666666;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background-color: #eee;
    padding: 15px 0;
}

#copy a {
    color: #999;
}

#copy a img {
    vertical-align: middle;
}

@media screen and (max-width: 1280px) {
    #content {
        background-size: 220px auto;
        width: 970px;
    }

    #copy {
        width: 970px;
    }

    #content>table {
        padding: 0 0 0 230px;
    }

    #content p.login {
        padding: 50px 0 0 24px;
        width: 180px;
    }
}

.cgv #cgv_accept {
    margin: 15px 0 0 40px;
    padding: 5px 0 10px 0;
    border-top: solid 1px #999999;
}

#order_tables #order_content td .track_link {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 18px;
    background: url("../img/track_logo.png") no-repeat;
    position: relative;
}


#order_tables #order_content td .track_link span {
    display: none;
    position: absolute;
}

#order_tables #order_content td .track_link span h3 {
    font-size: 10px;
    color: #FFFFFF;
    text-align: center;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #999999;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

#order_tables #order_content td .track_link:hover span {
    text-transform: none;
    display: block;
    top: -10px;
    left: 14px;
    border: 1px solid #999999;
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #666666;
    font-size: 11px;
    width: 150px;
    text-align: center;
}


#order_tables #order_content td .track_link span p {
    padding: 4px;
    margin: 0;
}

#order_tables #order_content td#comment {
    text-align: left;
    vertical-align: top;
}

#browser {
    background-color: #e7e7e7;
    border-radius: 6px 6px 6px 6px;
    height: 30px;
    margin-top: 10px;
    padding: 2px 4px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 800px;
    font-weight: bold;
    color: red;
}

#browser img {
    vertical-align: middle;
}

a#promo {
    color: #eee;
    display: block;
    text-decoration: none;
    text-align: center;
    background-color: #393939;
    color: #eee;
    font-size: 42px;
    font-style: italic;
    font-weight: 900;
    margin-top: 150px;
    border: 1px solid;
    border-radius: 10px;
    cursor: pointer;
}