html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: Arial, Verdana, sans-serif;
}

/*modified by ell 03.04.12 */
* html body {
}

body {
    height: 100%;
    width: 99.99999%;
    /* prevents for having an horizontal scrollbar */
    position: absolute;
    min-width: 1255px;
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 0;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wrapInfo ul {
    list-style: initial;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: both;
}

a {
    text-decoration: none;
    color: #000;
}

.red,
.error,
.AlerteError {
    color: #d30000 !important;
}

.redTxt {
    color: #9e0000 !important;
}

.alert-message {
    display:inline-block;
    max-width:300px;
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 1px solid #D30000;
    color: #ffffff;
    background-color: #DB8181;
    background-repeat:no-repeat;
    line-height:18px;
}

.alert-message a {
    color:#ffffff;
    text-decoration:underline;
}

.error-alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.block {
    display: block;
}

.loginErrorWindow {
    width: 300px;
    color: #d30000 !important;
    font-style: italic;
}

span.loginErrorWindow + span {
    padding-top: 5px;
}

.lightboxModifPwd .lightboxDiv span.loginErrorWindow,
.lightboxModifMail .lightboxDiv span.loginErrorWindow {
    display: block !important;
    margin-bottom: 10px;
}

.lightboxModifMail table.rwTable tr td.rwWindowContent iframe {
    width: 320px !important;
    height: 200px !important;
    margin-left: 72px !important;
    overflow: hidden !important;
    display: block !important;
    margin-top: 20px !important;
}

.lightboxModifPwd table.rwTable tr td.rwWindowContent iframe {
    width: 320px !important;
    height: 230px !important;
    margin-left: 82px !important;
    overflow: hidden !important;
    display: block !important;
    margin-top: 20px !important;
}

#RadWindowWrapper_ctl00_ContentPlaceHolder1_C001_radWinCondition {
    top: 194px !important;
    margin-top: 0 !important;
}

#ctl00_ContentPlaceHolder1_C001_radWinCondition {
    top: 194px !important;
    margin-top: 0 !important;
}

.lightboxCGV {
    top: 194px !important;
    font-size: 12px !important;
}

.lightboxCGV iframe .contentLightboxConditions {
    width: 500px !important;
    margin-left: 20px !important;
    overflow: hidden !important;
    display: block !important;
    margin-top: 20px !important;
    font-size: 12px !important;
}

.contentLightboxConditions {
    padding: 20px !important;
    font-size: 12px !important;
}

a.red {
    font-weight: bold;
}

a.red:hover {
    text-decoration: underline;
}

.txtAlgnCtr {
    text-align: center;
}

.errorform {
    border: 1px solid #d30000;
    color: #000;
}

/* S�lecteur plus sp�cifique */
.wrapAdvSearch select.errorform,
.wrapAdvSearch select.errorform:focus {
    border: 1px solid #d30000;
    color: #000;
}

.green {
    color: #919608 !important;
}

.txtGreen {
    color: green;
}

.inlineBlock {
    display: inline-block;
}

.b {
    font-weight: bold;
}

.link a,
.linkLeft a {
    color: #d30000;
}

.mandatory {
    font-size: 11px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb5 {
    margin-bottom: 5px;
}

.mr25 {
    margin-right: 25px;
}

.mr5 {
    margin-right: 5px;
}

.pd5 {
    padding: 5px;
}

.w60 {
    width: 60px;
}

.w100 {
    width: 100px;
}

.dpblock {
    display: block;
}

.base {
    margin: 0;
    padding: 0;
    width: 100%;
}

.txtBold {
    font-weight: bold;
}

.font13 {
    font-size: 13px;
}

.w49 {
    width: 49%;
}

table.base td {
    vertical-align: top;
}

table.base td.left {
    width: 225px;
    background-color: #00483a;
}

table.base td.middle {
    padding: 15px;
}

table.base td.right {
    width: 200px;
}

/*********************************************************header*/
#header {
    width: 100%;
    position: relative;
    height: 154px;
}

#header .headerLeft {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    float: none;
}

.linksTopRight {
    margin-right: 3px;
    position: relative;
    padding: 3px 0;
    color: #266354;
    height: 24px;
}

.linksTopRight ul li {
    display: inline-block;
    margin-left: -4px !important;
}

.linksTopRight a {
    color: #266354 !important;
    border-right: 1px solid #ffffff;
    padding: 0 5px;
}

.linksTopRight .linkNiv1 {
    border-left: 1px solid #c4c4c4;
}

.linksTopRight > a:hover {
    color: #000000 !important;
    border: none !important;
    padding: 0 5px;
}

.linksTopRight .active {
    border-top: none !important;
}

.linksTopRight .active > a {
    display: inline-block;
    color: #000000 !important;
    background-color: #fafafa;
    z-index: 2000 !important;
    margin-bottom: -1px;
    height: 20px;
    position: relative;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8 !important;
}

/* ******************** menu slider ****************** */
#entreprise a,
#entrepriseEN a,
#librairies a,
#librairiesEN a {
    padding: 0 5px;
}

#entrepriseEN {
    margin-right: 12px;
}

#MenuLibrairies,
#MenuLibrairiesEN {
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    text-align: left;
    padding: 6px 8px 6px 6px;
    width: auto;
    position: absolute;
    z-index: 1000;
}

#MenuLibrairies li,
#MenuLibrairiesEN li {
    padding: 2px 5px !important;
    display: block;
    white-space: pre-wrap;
}

#MenuLibrairies a,
#MenuLibrairiesEN a {
    color: #266354 !important;
    padding: 0 !important;
}

#MenuLibrairies a:hover,
#MenuLibrairiesEN a:hover {
    text-decoration: underline;
}

#MenuEntreprise {
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    padding: 6px;
    width: auto;
    position: absolute;
    z-index: 1000;
    text-align: left;
}

#MenuEntrepriseEN {
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    padding: 6px;
    width: 120px;
    position: absolute;
    z-index: 1000;
    text-align: left;
}

#MenuEntreprise li,
#MenuEntrepriseEN li {
    padding: 2px 5px !important;
    display: block;
    margin-left: -2px;
    white-space: pre-wrap;
}

#MenuEntreprise a,
#MenuEntrepriseEN a {
    color: #266354 !important;
    padding: 0 !important;
}

#MenuEntreprise a:hover,
#MenuEntrepriseEN a:hover {
    text-decoration: underline;
}

/* *************************************************** */
.langue {
    width: 225px;
    text-align: center;
    padding-bottom: 10px;
}

.langue a {
    color: #00483a !important;
}

.langue a:hover {
    text-decoration: underline !important;
}

.langue a.selected {
    color: black !important;
    cursor: text;
}

.langue a.selected:hover {
    text-decoration: none !important;
}

.menuTopSection {
    padding-top: 20px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    min-width: 800px;
    position: absolute;
}

.center {
    margin: 0 auto;
}

.menuTopNiv_1 {
    display: inline-block;
    margin: 12px auto 2px;
    width: 850px;
}

.menuTopNiv_1 span {
    display: inline-block;
    margin: -2px 0 -2px 1px;
    vertical-align: middle;
}

.menuTopNiv_1 a {
    display: inline-block;
    margin: -2px -1px -2px -2px;
    padding: 0 15px;
    height: 26px;
    border-right: 1px solid #317263;
    background-color: #00483a;
    color: #fff;
    font-size: 0.96em;
    font-weight: bold;
    line-height: 26px;
}

.menuTopNiv_1 a:hover,
.menuTopNiv_1 a:focus {
    height: 24px;
    border-bottom: 2px solid #d30000;
    background-color: #317263;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .menuTopNiv_1 a {
        margin-bottom: -1px;
    }
}

.menuTopNiv_1 a.selected {
    position: relative;
    display: inline-block;
    margin-top: -6px;
    padding: 0 20px;
    height: 28px;
    border-bottom: 2px solid #d30000;
    background-color: #317263;
    line-height: 28px;
}

ul.menuTopNiv_2 {
    width: 820px;
    margin: 15px auto 5px;
}

ul.menuTopNiv_2 li {
    display: inline;
    text-align: center;
    padding: 0 6px;
}

ul.menuTopNiv_2 li a {
    text-transform: uppercase;
    color: #00483a;
    font-size: 12px;
}

ul.menuTopNiv_2 li a:hover {
    border-bottom: 2px solid #d30000;
}

.basketTopSection {
    top: 0;
    right: 0%;
}

.blocBasket {
    background-color: #f1f1f1;
    border: 1px solid #d8d8d8;
    padding: 0;
    width: 200px;
    height: 51px;
    text-align: right;
    margin-top: 50px;
    position: relative;
}

.blocBasket table {
    width: 100%;
    text-align: center;
}

.blocBasket table tr td {
    vertical-align: middle;
}

.blocBasket table tr td.separation {
    border-bottom: 1px solid #919608;
}

.panier,
.liste {
    color: #00483a;
}

.panierContent {
    width: 68px;
    background-image: url('/App_Themes/Payot/images/bckgrBasket.png');
    background-repeat: no-repeat;
    height: 45px;
    padding: 3px 5px 3px 25px;
    text-align: right;
    cursor: pointer;
    border-right: 1px solid #d8d8d8;
    float: left;
}

.panierContent:hover {
    background-color: #eaeaea;
}

.panierLabel {
    font-size: 11px;
    text-align: right;
    font-weight: bold;
    color: #086150;
    padding: 8px 2px 2px 0;
}

.panierNbre {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-align: right;
    padding: 0 3px 0 0;
}

.listeContent {
    width: 70px;
    background-image: url('/App_Themes/Payot/images/bckgrList.png');
    background-repeat: no-repeat;
    height: 45px;
    padding: 3px 5px 3px 25px;
    text-align: right;
    cursor: pointer;
    border-left: 1px solid #ffffff;
    display: inline-block;
    float: right;
}

.listeContent:hover {
    background-color: #eaeaea;
}

.listeLabel {
    font-size: 11px;
    text-align: right;
    font-weight: bold;
    color: #086150;
    padding: 8px 2px 2px 0;
}

.listeNbre {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-align: right;
    padding: 0 2px 0 0;
}

.panierNbre:hover,
.listeNbre:hover {
    text-decoration: underline;
}

.basketMainContent {
    display: table;
}

.basketMainContent>div:not([id*="UpdateProgress"]) {
	display: table-cell !important;
	/* �crase styles en ligne */
}

.basketMainContent > div[id*='UpdateProgress'] {
    top: 0;
    left: 0;
}

#divmobile {
    /*width:120px;*/
    /*margin-top:16px;*/
    width: 100px;
    margin: 6px 0;
    z-index: 0;
}

/********************************************************* bar search & myAccount */
#barsearch {
    width: 99%;
    background-color: #919608;
    border-top: 1px solid #6d7105;
    border-bottom: 1px solid #6d7105;
    padding: 0 0.5%;
    height: 38px;
}

#barsearch a {
    color: #fff;
}

#barsearch a:hover {
    text-decoration: underline;
}

#barsearch .fr a {
    padding: 0 5px;
}

#barsearch input[type='image'] {
    vertical-align: top;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 4px;
}

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

#barsearch .conectedas {
    color: #07221d;
    font-size: 0.9em;
    float: right;
    text-align: right;
    margin-top: -4px;
    margin-right: 5px;
}

#barsearch .searchZone {
    margin-top: 5px;
    height: 34px;
}

#barsearch .searchZone select {
    height: 26px;
    vertical-align: top;
    padding-top: 3px;
}

#barsearch .searchZone img {
    margin-top: 2px;
}

#barsearch .searchZone img + input[type='text'] {
    height: 22px;
    font-size: 13px;
    width: 260px;
    margin-left: 5px;
    color: #333333;
    padding-left: 5px;
    font-family: Arial, Verdana, sans-serif;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #barsearch .searchZone img + input[type='text'] {
        height: 21px !important;
    }
}

/* the following two declaration are used to style the value of the placeholder in the input (Rechercher un titre, un auteur...) This is HTML5 and works for Sa,Chr,Ff. */

/* ************ THEY HAVE TO BE SEPARATED OTHERWISE THEY DO NOT WORK ! ***************** */

#barsearch .searchZone img + input::-webkit-input-placeholder {
    font-style: italic !important;
    color: #5e5e5e !important;
}

#barsearch .searchZone img + input:-moz-placeholder {
    font-style: italic !important;
    color: #5e5e5e !important;
}

/* ************************************************************************************ */
.searchZone .RadComboBox.RadComboBox_Default.RadComboBoxSearchCatalog,
.RadComboBoxSearchCatalog td input,
.RadComboBoxSearchCatalog td a {
    cursor: pointer !important;
}

/*.RadComboBoxSearchCatalog {width: 220px; }*/

.searchZone .RadComboBox.RadComboBox_Default input[type='text'] {
    width: 190px !important;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 22px !important;
    font-style: normal;
}

.searchZone .RadSearchBox input[type='text'] {
    /*width:180px !important;*/
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 21px !important;
    font-style: normal;
}

.searchZone .rsbPopup {
    height: auto !important;
    max-height: 400px;
}

.searchZone .rsbPopup .rsbList {
    height: auto !important;
    max-height: 373px;
}

.searchZone .RadSearchBox_Default .rsbInner,
.searchZone .RadSearchBox_Default .rsbButtonSearch {
    border-radius: 0 !important;
}

.searchZone .RadSearchBox .rsbInner {
    border-color: #919608;
}

.searchZone .RadSearchBox .rsbButtonSearch {
    margin: -1px -2px -2px 0;
    width: 24px;
    height: 26px;
    /*background: #F00;*/
}

.loginZone {
    margin-top: -2px;
}

.loginZone div:first-child > span {
    height: 15px;
    padding-top: 7px;
}

.loginZone span[style] a:hover {
    text-decoration: underline;
}

/*********************************************************navigation left*/
#navleft {
    background-color: #00483a;
    width: 225px;
    color: #fff;
    font-size: 13px;
    height: 100%;
    bottom: 0;
}

.navGauche.RadMenu {
    white-space: normal !important;
    z-index: 4999 !important;
}

.navGauche ul {
    padding: 5px 5px 0px 0px !important;
}

.navGauche ul li {
    padding: 4px 0 4px !important;
    width: 225px !important;
}

.navGauche ul li a {
    color: #fff !important;
}

li.rmItem.niv_1 {
    border-bottom: 1px solid #002e25;
    border-top: 1px solid #387065;
    padding: 5px 0 5px !important;
}

li.rmItem.niv_1.active {
    background-color: #317263;
    border-top: 1px solid #2c685e !important;
    border-bottom: 2px solid #d30000 !important;
    margin-bottom: -1px;
    z-index: 12 !important;
}

li.rmItem.niv_1:hover {
    width: 225px !important;
    background-color: #317263 !important;
    cursor: pointer !important;
    margin-bottom: -1px;
    border-top: 1px solid #2c685e !important;
    border-bottom: 2px solid #d30000 !important;
}

li.rmItem a:hover {
    cursor: pointer !important;
}

ul li.niv_1 a,
ul li.niv_2 a,
ul li.niv_3 a,
ul li.niv_4 a {
    color: #fff;
}

ul li.niv_2 {
    background-color: #317263;
    border-top: 1px solid #83a39c;
}

ul li.niv_2 a.niv_2 span {
    padding-left: 10px !important;
}

ul li.niv_3 {
    background-color: #317263;
    margin: 0;
    border-top: 1px solid #83a39c;
}

ul li.niv_3 a.niv_3 span {
    padding-left: 20px !important;
}

ul li.niv_4 {
    background-color: #317263;
    padding-left: 30px !important;
    /* width: 195px !important; */
    border-top: 1px solid #83a39c;
}

li.niv_3 ul.rmVertical.rmGroup.rmLevel1 {
    padding: 0;
}

li.rmItem.niv_2:hover,
li.rmItem.niv_3:hover {
    width: 225px !important;
    background-color: #317263 !important;
    cursor: pointer !important;
    margin-bottom: -1px;
    border-top: 1px solid #2c685e !important;
    border-bottom: 2px solid #d30000 !important;
}

li.rmItem a:hover {
    cursor: pointer !important;
}

ul li.rmItem.open {
    background-color: #317263;
    margin: 0;
    border-top: 1px solid #317263 !important;
    border-bottom: 1px solid #83a39c !important;
}

ul li.active {
    background-color: #317263;
    border-top: 1px solid #2c685e !important;
    border-bottom: 2px solid #d30000 !important;
    margin-bottom: -1px;
    z-index: 12 !important;
}

/*cible tous les li qui ont les 3 classes: c'est a dire les li qui contiennent la navigation secondaire */
.navGauche li.rmItem.rmFirst.rmLast {
    background-color: transparent !important;
    padding: 0;
    margin-left: -32px !important;
    margin-top: -10px;
}

.navGauche li.rmItem.rmFirst.rmLast div.wrapsubcats ul li {
    padding: 1px 0 !important;
}

li.NavLeftBestSell {
    margin-top: 15px;
}

.nosrayons {
    font-size: 17px;
    padding: 15px 0 0 15px;
}

ul.categorie {
    padding: 15px 5px 0px 0px;
}

.wrapsubcats ul.categorie {
    border-bottom: none !important;
}

.navGauche ul li.niv_1:first-child {
    border-top: 1px solid #00483a !important;
}

.navGauche ul li.rmItem.rmLast.niv_1 {
    border-bottom: none;
}

.arrowTooltip {
    background-image: url('/App_Themes/Payot/images/arrowTooltip.png') !important;
    background-position: right;
    background-repeat: no-repeat;
}

ul.categorie li a {
    display: block;
    width: 199px;
    margin-left: 15px;
}

div.wrapsubcats {
    background-color: #cecdb1;
    margin-left: 5px;
    padding: 5px 8px 10px 8px !important;
    cursor: default;
}

div.wrapsubcats ul.categorie {
    float: left;
    border: none;
}

div.wrapsubcats ul.categorie li {
    padding: 5px 0 5px !important;
}

div.wrapsubcats ul.categorie li a {
    color: #00483a !important;
    font-size: 0.9em;
}

div.wrapsubcats ul.categorie li:hover {
    background-color: #ebead6 !important;
}

div.wrapsubcats ul.categorie li:hover a {
    color: #d30000 !important;
    font-size: 0.9em;
}

div.wrapsubcats p {
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid #fff;
    color: #00483a;
    font-weight: bold;
    margin-right: 5px;
    cursor: default;
}

div.wrapsubcats table {
    table-layout: fixed;
}

li.rmItem a.rmLink span {
    line-height: 16px;
}

div.wrapsubcats table li a {
    line-height: 20px;
}

/*********************************************************content*/
#content {
    width: 100%;
    height: 100%;
}

.contentImage_centered {
    clear: both;
    text-align: center;
    margin-bottom: 15px;
}

.ariane {
    font-size: 11px !important;
    width: 100% !important;
}

.ariane div {
    display: inline-block;
}

.ariane a {
    color: #00483a !important;
    cursor: pointer !important;
}

.ariane a:hover {
    text-decoration: underline !important;
}

.ImageFormat {
    margin-top: 20px;
}

#content h1 {
    color: #00483a;
    margin: 15px 0 5px;
    font-size: 17px;
}

.block_1 {
    text-align: center;
}

.block_2 {
    border: 1px solid #cecdb1;
    margin: 0 15px 15px 0;
}

.block_2100 table {
    float: left;
    width: 50% !important;
}

.block_2 h2,
.wrapBasket h2,
.wrapBasketCheckout h2 {
    background-color: #cecdb1;
    color: #00483a;
    padding: 3px 5px;
    font-size: 13px;
}

.block_2 h2 img {
    margin: -3px -5px;
}

.block_2 table {
    width: 100%;
    border-collapse: collapse;
}

.imgTd,
.imgTd2 {
    width: 70px !important;
}

.imgTd.firstTdNoImage {
    width: 0px !important;
}

.block_2 table tr td:first-child span {
    display: block;
    height: 140px;
    overflow: hidden;
}

.block_2 table tr td {
    vertical-align: top;
    padding-right: 10px;
}

.block_2 table tr td.link {
    text-align: right;
    padding: 5px 10px;
    font-weight: bold;
}

.block_2 table tr td.linkLeft {
    text-align: left;
    padding: 5px 0px;
    font-weight: bold;
}

.block_2 table tr td.linkLeft a {
    cursor: pointer;
}

.block_2 table tr td.linkLeft:hover {
    text-decoration: underline;
}

.block_2 table tr td.link a,
.blocControlContent a.red,
.block_2 table tr td.linkLeft a {
    font-weight: bold;
    padding-left: 12px;
    background-image: url('/App_Themes/Payot/images/bckgrnd_linkHome.png');
    background-repeat: no-repeat;
}

div.linkRight {
    padding: 5px 0;
}

.linkRightSpecial {
    background-color: #7c7c7a;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    padding: 4px 0 4px 0;
    font-size: 12px;
}

.linkRightSpecial a {
    color: white !important;
}

.filtre {
    background-image: none !important;
    width: 17px;
    padding-left: 0 !important;
    text-align: left !important;
    vertical-align: middle;
    line-height: 24px;
}

.block_2 table tr td img {
    margin: 5px 10px 10px 5px;
}

.block_2 table tr td p.redTitle a,
p.redTitle,
p.redTitle a {
    color: #d30000;
    margin: 5px 0;
    display: block;
    font-weight: bold;
}

.block_2 .dateSignature {
    padding-top: 10px;
    padding-bottom: 5px;
    color: #333333;
    font-style: italic;
}

p.redTitle a:hover {
    text-decoration: underline;
}

p.redTitle {
    font-size: 13px !important;
}

.doubleLigne {
    height: 35px !important;
    overflow: hidden;
    margin-top: -3px !important;
}

.tripleLigne {
    height: 50px !important;
    overflow: hidden;
    margin-top: -3px !important;
}

.block_2 .payotRightColumnText {
    padding: 5px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.payotRightColumnText.default {
    background-color: #ebe9dd;
    color: #00483a;
}

fieldset .block_2 .payotRightColumnText.default {
    background-color: white;
}

.block_2 .payotRightColumnLink {
    text-align: right;
    margin-top: 10px;
}

.block_2 .payotRightColumnLink a {
    color: #d30000;
}

.block_2 .payotRightColumnLink a:hover {
    text-decoration: underline;
}

.block_2 .payotRightColumnText ul li {
    padding: 2px 5px;
    list-style-type: disc;
    list-style-position: inside;
}

.block_2 .dateevent {
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
    color: #000;
    padding: 10px 0;
}

/***Page Result**/
.QtyResult {
    font-style: italic;
    color: #666;
    margin-bottom: 7px;
    clear: both;
}

.WrapTri select {
    margin: 0 5px;
}

.rdpWrap input.riTextBox {
    padding-left: 2px !important;
    margin-top: -2px;
}

.otherFormatsCell {
    width: 127px !important;
    text-align: left;
}

/* **************************TOOLTIP OTHER FORMATS *********************** */
.tooltipOtherFormats table.rtWrapper {
    width: 150px !important;
}

.tooltipOtherFormats td.rtWrapperContent {
    min-height: 60px !important;
    margin: 0 !important;
    padding: 5px !important;
}

.tooltipOtherFormats td.rtWrapperContent a {
    font-size: 12px !important;
    color: #045243 !important;
    text-align: left !important;
}

.tooltipOtherFormats td.rtWrapperContent img {
    margin-right: 2px;
}

.tooltipOtherFormats td.rtWrapperContent a:hover {
    text-decoration: underline;
}

.RadToolTip.RadToolTip_Telerik.tooltipOtherFormats {
    background-color: white !important;
}

.RadToolTip_Telerik.rtLoading {
    background-image: none !important;
}

.RadToolTip_Telerik.rtLoading {
    background: url('/App_Themes/Payot/images/loading.gif') no-repeat center !important;
}

/* ******************************************************************** */

/*Cartouche*/
.wrapCartouche {
    width: 100%;
    padding-right: 15px;
}

.CartoucheLeft {
    text-align: center;
    min-width: 82px;
}

.CartoucheLeft a {
    width: 60px !important;
    margin: 0 -3px 0 0;
    padding: 0;
    text-align: center;
}

.CartoucheLeft a img {
    margin: 5px 10px;
}

.CartoucheLeft .cartoucheCover {
    height: 100px;
    overflow: hidden;
}

.CartoucheMiddle {
    padding-top: 5px;
    max-width: 386px;
}

.myList .CartoucheMiddle {
    max-width: 370px;
}

.CartoucheMiddle .title,
.BlockGiftCards .title {
    color: #00483a;
    font-size: 1.2em;
    margin-bottom: 8px;
    max-width: 500px;
}

.CartoucheMiddle .title a {
    color: #00483a;
    font-size: 1.1em;
}

.CartoucheMiddle .subTitle {
    color: #00483a;
    font-size: 1.2em;
    margin-bottom: 5px;
    margin-top: -3px;
    max-width: 500px;
}

.CartoucheMiddle .subTitle a {
    color: #00483a;
    font-size: 1em;
}

.CartoucheMiddle .subTitle a:hover {
    text-decoration: underline;
}

.CartoucheMiddle .collection {
    color: #555;
}

.CartoucheMiddle .format {
    font-size: 1em;
    margin-top: 5px;
    color: #555;
}

.CartoucheMiddle .nbpages {
    font-size: 1em;

    color: #555;
}

.CartoucheMiddle .pubdate {
    font-size: 1em;

    color: #555;
}

.CartoucheMiddle .auteur {
    color: #00483a;
    font-style: italic;
    margin-bottom: 7px;
    display: block;
    font-size: 1.1em;
}

.CartoucheMiddle .editeur {
    color: #d30000;
    display: block;
}

.CartoucheMiddle .title:hover,
.CartoucheMiddle .editeur:hover,
.CartoucheMiddle .auteur:hover {
    text-decoration: underline;
}

.CartoucheMiddle .infoDRM,
.infoOuvrage .infoDRM {
    margin-left: 3px;
    vertical-align: middle;
}

.CartoucheMiddle .infoLink,
.CartoucheMiddle .infoNoLink {
    font-size: 12px !important;
}

.CartoucheMiddle .infoLink a:hover {
    text-decoration: underline;
}

.CartoucheMiddle .infoNoLink {
    color: #666666;
}

.CartoucheMiddle p.infoLink + p.infoNoLink {
    padding-top: 13px;
}

.CartoucheRight table tr td a#ctl00_ContentPlaceHolder1_C001_RadListView1_ctrl0_lnkBtOtherFormats {
    max-width: 100px;
}

.CartoucheRight table tr td {
    /*text-align:right;*/
    padding-right: 5px;
    /*max-width:100px;*/
}

/* attention danger ! width pour mettre sur deux lignes "Autres formats (papier et CD) probl�me linkbutton aspx */
.CartoucheRight table tr td,
.CartoucheRight table tr td a {
    color: #00483a;
    padding: 0 3px;
}

.addToList {
    padding: 0 0 0 4px !important;
    width: 127px;
    font-size: 12px;
    color: #666666 !important;
}

/* texte "present dans ma liste" */
.addToList div,
.linkAddToList div,
.AddToList div,
.tooltip td .prixTxt + div + div {
    font-size: 12px;
    color: #666666;
}

.addToList div a,
.linkAddToList div a {
    color: #00483a !important;
}

.CartoucheRight table tr td.addToList a {
    display: block;
    text-align: left !important;
}

.CartoucheRight table tr td.ajoutpanier a {
    color: #fff;
}

.CartoucheRight table tr td.prix span.fr {
    padding-left: 1px;
}

.ajoutpanier {
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: border;
    -moz-transition-duration: 500ms;
    -moz-transition-property: border;
    -o-transition-duration: 500ms;
    -o-transition-property: border;
    transition-duration: 500ms;
    transition-property: border;
    pointer: arrow;
}

.ajoutpanier:hover {
    border: 1px solid #fff;
}

.ajoutpanier a {
    color: #fff;
}

.ajoutpanier img,
.ajoutliste img {
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.ajoutpanier input[type='image'],
.ajoutliste input[type='image'] {
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.ajoutliste {
    background-color: #cecdb1;
    text-align: center !important;
    border: 1px solid #cecdb1;
    text-align: center !important;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: border;
    -moz-transition-duration: 500ms;
    -moz-transition-property: border;
    -o-transition-duration: 500ms;
    -o-transition-property: border;
    transition-duration: 500ms;
    transition-property: border;
}

.ajoutliste:hover {
    border: 1px solid #fff;
}

.ajoutliste a {
    color: #00483a;
}

.btnIndispo {
    width: 100px;
}

.tooltip .ajoutpanier,
.tooltip .ajoutliste {
    width: 47px;
}

.tooltip .ajoutpanier a,
.tooltip .ajoutliste a {
    padding-right: 5px;
    margin-top: 5px;
    display: block;
    font-size: 2em;
    font-weight: bold;
}

table.tooltip {
    table-layout: fixed;
}

table.tooltip tr td p.title {
    width: 100%;
}

table.tooltip tr td p.ajoutpanier,
table.tooltip tr td p.ajoutliste {
    width: 50px;
    height: 35px;
    padding: 0 5px;
    margin-bottom: 2px;
}

.tooltip td.padR20 + td {
    width: 150px !important;
    padding-left: 10px;
}

table.tooltip .prixTxt {
    margin-bottom: 5px;
    margin-right: 14px;
}

table.tooltip .prixTxt + div + div {
    margin-top: 6px;
}

table.tooltip .linkAddToList {
    color: #00483a !important;
}

table.tooltip .linkAddToList:hover {
    text-decoration: underline;
}

.wrapPagination {
    width: 100%;
    text-align: center;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 0;
    border-right: 0;
    margin: 5px auto;
}

.CartoucheRight table tr td.prix {
    padding-right: 32px;
    padding-top: 2px;
    text-align: right;
    /*width:110px;*/
    width: 157px;
}

.CartoucheRight table tr td.googlePrevResult {
    padding-right: 27px !important;
}

p.prixPayot {
    color: #666666;
    font-size: 13px;
    padding-bottom: 3px;
}

p.prixPayotBlocksHome {
    color: #666666;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 0px;
}

p.prixPayotBlocksRight {
    color: #666666;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 0px;
}

p.prixPayotBlocksRight + p.price {
    font-size: 14px;
}

p.prixPrice {
    font-size: 16px;
}

.prixPrice + img {
    float: right;
    margin-top: 3px;
}

.prixPrice + img + span {
    display: inline-block;
    float: right;
    line-height: 26px;
    padding-right: 5px;
    color: #919608;
}

.prix .infoDispo span,
.prix span.fr {
    padding-top: 20px;
    /*line-height:34px;*/
    display: inline-block;
    font-weight: bold;
    /*  Created by tos for having same type of display on availability  */
}

.prix .infoDispo2 {
    color: #666666;
    font-size: 12px !important;
}

.CartoucheRight .prix + td {
    height: 20px !important;
    width: 125px !important;
}

/*tooltip rotator*/
.tooltip p.prixPayot {
    color: #666666;
    font-size: 12px;
    padding-bottom: 2px;
    text-align: right;
}

.tooltip p.prixPrice {
    font-size: 14px;
    text-align: right;
}

table.tooltip tr td p.prix {
    vertical-align: middle;
    padding: 0 5px;
    width: auto;
    height: 35px;
}

.tooltip .ajoutpanier img,
.tooltip .ajoutliste img {
    vertical-align: middle;
    margin: 7px 0 0 0;
    float: left;
    width: 30px;
}

/*advanced search*/
.btnAdvSearch {
    color: #00483a;
    background-color: #dbdbc8;
    padding: 5px;
    text-align: center;
    margin: 0 0 10px 0px;
}

.wrapAdvSearch {
    width: 100%;
    margin-bottom: 10px;
}

.wrapAdvSearch input,
.wrapAdvSearch select {
    margin: 3px;
}

a + .wrapAdvSearch + .wrapAdvSearch select {
    width: 214px;
}

.wrapAdvSearchInputPrix,
.wrapAdvSearch select,
.wrapAdvSearch input[type='text'] {
    width: 150px;
    margin-right: 8px !important;
    border-top: 1px solid #8e8e8e;
    border-left: 1px solid #8e8e8e;
    border-bottom: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}

.wrapAdvSearch textarea {
    border-top: 1px solid #8e8e8e;
    border-left: 1px solid #8e8e8e;
    border-bottom: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    margin: 3px;
}

.wrapAdvSearchInputPrix:focus,
.wrapAdvSearch select:focus,
.wrapAdvSearch input[type='text']:focus {
    border: 1px solid black;
}

.intitul {
    width: 150px;
    padding-top: 5px;
    margin: 0 0 0 50px;
}

.checkBalance .intitul {
    margin-left: 0;
}

.fourchdate {
    width: 100px;
    margin-left: 3px;
    padding-top: 5px;
    margin: 3px 0 3px 5px;
    height: 18px;
    line-height: 18px;
}

.fourchdate + div.fl,
.fourchdateET + div.fl,
.fourchdateETdate + div.fl {
    padding-top: 5px;
}

.fourchdateET,
.fourchdateETdate {
    width: 54px !important;
    padding-top: 3px;
    padding-right: 5px;
    margin: 3px 0;
    text-align: right;
    height: 18px;
    line-height: 18px;
}

fieldset.fieldset .fl .fourchdate + div.fl input[type='radio'],
fieldset.fieldset .fl .fourchdate + div.fl div.RadPicker {
    float: left;
}

fieldset.fieldset .fl .fourchdate + div.fl input[type='radio'] {
    height: 20px;
}

.idleField {
    color: #00483a;
    border: 1px solid #a6a78a;
}

.focusField {
    border: solid 1px #00483a;
    background: #dbdbc8;
    color: #00483a;
}

.fieldset {
    background-color: #ebe9dd;
    padding: 15px;
}

.legend {
    font-size: 1.2em;
    padding: 2px 5px 2px 5px;
    color: #00483a;
    margin-bottom: 10px;
    border-bottom: solid 1px #a6a78a;
}

.wrapAdvSearch div.fl table td.rcInputCell + td {
    /* cible les cellules qui suivent directement .rcInputCell. les 2 cellules ont le meme parent */
    width: 25px;
    padding: 0 5px;
}

/*Page Detail*/
.rotNav {
    width: 234px;
    border: 1px solid #cecdb1;
    text-align: center;
    margin: 0 0 10px;
    position: relative;
}

.rotNav table tr td {
    vertical-align: middle;
    height: 20px;
}

.rotNav table tr td h1.votreselection {
    text-transform: uppercase;
    font-size: 0.8em !important;
    display: inline;
    float: none !important;
    color: #666 !important;
}

.rotNav table tr td p {
    margin: 5px 0 5px 0;
}

.rotNav table tr td input[type='image'] {
    margin: 0 3px;
    vertical-align: top;
}

.rotNav .LilRotatorImages {
    height: 87px;
}

.rotNav .LilRotator2Images {
    height: 87px;
    margin-left: 36px;
}

.rotNav .LilRotator2Images span,
.rotNav .LilRotatorImages span {
    border: 1px solid #cecdb1;
    height: 87px;
    display: block;
    float: left;
    width: 63px;
    margin: 0 5px;
    overflow: hidden;
}

.rotNav .LilRotator2Images span:first-child,
.rotNav .LilRotatorImages span:first-child {
    border: 1px solid #cecdb1;
    height: 87px;
    display: block;
    float: left;
    width: 63px;
    margin: 0 5px 0 7px;
    overflow: hidden;
}

.rotNav .LilRotatorImages span.whiteBorder,
.rotNav .LilRotator2Images span.whiteBorder {
    border: 1px solid #ffffff !important;
}

.rotNav .LilRotator2Images span:last-child,
.rotNav .LilRotatorImages span:last-child {
    border: 1px solid #cecdb1;
    height: 87px;
    display: block;
    float: left;
    width: 63px;
    margin: 0 0px 0 5px;
    overflow: hidden;
}

.rotNav .LilRotator2Images span input[type='image'],
.rotNav .LilRotatorImages span input[type='image'] {
    margin: 0;
    padding: 0;
}

.rotNav span.MiniRotatorNoImg {
    border: none !important;
}

.detailSubTitle {
    font-size: 0.9em;
}

.separationHeader hr {
    color: #d8d8d8;
    clear: both;
}

.separationHeader div {
    height: 10px;
    margin-right: 260px;
    margin-top: -10px;
    text-align: right;
}

.separationHeader div img {
    vertical-align: top;
    margin-top: -10px;
}

/*.separationHeader img[alt="marque-page"]{		Pour les templates html
	position:relative;
	top:-15px;
	left:66%;
	}
.separationHeader img[alt="Payot Hebdo"]{
	position:relative;
	top:-15px;
	left:67%;
	}*/
.contenuGauche {
    width: 70%;
    margin-bottom: 20px;
}

.cover img {
    padding-right: 20px;
    margin-bottom: 20px;
    width: 100px !important;
}

.cover img[alt='arrow'] {
    width: auto !important;
    float: left;
    margin: 5px;
    padding: 0 !important;
}

.infoOuvrage {
    max-width: 440px;
    line-height: 19px;
    color: #3e3e3e;
}

.infoOuvrage p > span:first-child {
    width: 100px;
    display: block;
    font-weight: bold;
    color: #333;
    float: left;
}

.infoOuvrage p > span {
    display: block;
    float: left;
    max-width: 340px;
}

.infoOuvrage p {
    clear: left;
}

.infoOuvrage a {
    color: #00483a;
}

.infoOuvrage a:hover {
    text-decoration: underline;
}

.infoOuvrage img {
    vertical-align: middle;
}

.infoOuvrage .detailDispoInfo span {
    margin-top: 10px;
    border-top: 1px solid #e3e3e3;
    padding-top: 5px;
}

div.wrapResum {
    width: 100% !important;
}

ul.wrapResum {
    display: inline;
}

ul.wrapResum li a {
    display: block;
    padding: 7px 15px 2px 15px;
    background-color: #cecdb1;
    color: #00483a;
    float: left;
    text-align: center;
    text-transform: uppercase;
    width: 75px;
    border-top: 1px solid #fbfbf8;
    border-right: 1px solid #fbfbf8;
}

.resume {
    padding: 10px 10px;
    border: 1px solid #cecdb1;
    margin-top: 0;
    background-color: #fbfbf8;
    color: #333;
    line-height: 18px;
}

.resume ul {
    list-style-type: disc;
    list-style-position: inside;
    color: #333333;
}

.resume ul li a {
    color: #333333 !important;
}

.resume ul li a:hover {
    text-decoration: underline;
}

/* ROTATOR PAGE DETAIL */

.wrapResum + .rotator {
    margin-top: 10px;
    width: 400px;
}

.wrapResum + .rotator .block_2 {
    margin: 0 0 15px 0;
}

.wrapResum + .rotator .block_2 h2 {
    text-transform: uppercase;
    font-size: 11px !important;
    color: #333333 !important;
    font-weight: normal !important;
}

.contenuGauche .rotator .block_2 h2 {
    color: #333333;
    font-size: 11px;
}

.contenuDroite {
    font-size: 0.9em;
    width: 30%;
}

.contenuDroite .wrapachat {
    width: 234px;
}

.contenuDroite .wrapachat .ajoutpanier {
    padding: 5px 9px;
    width: 90px;
    height: 28px;
}

.contenuDroite .wrapachat .ajoutliste {
    padding: 6px 9px;
    width: 90px;
    height: 26px;
}

.contenuDroite .wrapachat .ajoutpanier img,
.contenuDroite .wrapachat .ajoutliste img {
}

.wrapachat .AddToList div[style] a + a {
    display: inline-block;
    margin-top: 5px;
}

.wrapachat .AddToList div[style] a .linkCreateAlerte,
.AddToList div a .linkCreateAlerte {
    color: black !important;
    margin-top: 5px;
}

.wrapachat .linkAddToList,
.addToList .linkAddToList,
.linkRedArrow a {
    font-size: 12px;
    color: #045243;
    display: inline !important;
    text-align: left;
}

.addToList .addedToList {
    font-size: 12px;
    color: #666666;
    display: inline !important;
    text-align: center;
}

.wrapachat .AddToList {
    margin-top: 8px;
}

.linkAddToList img,
.linkRedArrow img {
    margin-right: 2px;
}

.wrapachat .linkAddToList:hover,
.addToList:hover .linkAddToList:hover,
.linkRedArrow a:hover {
    text-decoration: underline;
}

.wrapachat .pricingDetail {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.pricingDetail .rabais {
    text-align: right;
    color: #919608;
    width: 115px;
    margin-top: 5px;
}

.pricingDetail .rabais img,
.pricingDetail .rabais span {
    float: right;
    line-height: 22px;
}

.pricingDetail .rabais span {
    margin-right: 5px;
}

.pricingDetail .rabais span.green {
    float: none;
}

.wrapachat .prixPayot,
.wrapachat .prixPrice {
    text-align: right;
    width: 115px;
}

.wrapachat .prixPrice {
    font-size: 18px;
    color: #00483a;
}

.wrapachat .prixPayot {
    font-size: 13px;
    color: #666666;
}

.wrapachat .prixDispo {
    color: #00483a;
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 5px;
    text-align: right;
    width: 115px;
    font-weight: bold;
    /* Added by Tos 08.07.2013 to create a difference between indisponible and explaination text */
}

.prixDispoBlocksHome {
    color: #00483a;
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.achatclic div > a > div {
    line-height: 15px !important;
}

.achatclic div > div > div {
    line-height: 15px !important;
    color: #666666;
}

a.btn {
    color: #00483a;
    border: 1px solid #00483a;
    padding: 8px 15px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 3px;
    display: inline-block;
    transition: all .3s ease;
}

a.btn:hover {
    background-color: #00624f;
    border: 1px solid #00624f;
    color: #ffffff;
}

a.btnPrincipal {
    background-color: #00483a;
    color: #ffffff;
    border: 1px solid #00483a;
    padding: 8px 15px;
    text-align: center;
    display: inline-block;
    margin-bottom: 3px;
    transition: background-color .3s ease,border-color .3s ease;
}

a.btnPrincipal:hover {
    background-color: #00624f;
    border: 1px solid #00624f;
}

.linkSupprimer {
    line-height: 20px;
    font-size: 11px;
    color: #555555 !important;
}

.linkSupprimer a {
    color: #555555 !important;
}

.linkSupprimer:hover {
    text-decoration: underline;
}

.payotRightColumnLink a.add {
    display: block;
    margin: 0;
}

a.btn:hover {
}

.contenuDroite .blocAutreFormats,
.contenuDroite .printAndShare {
    margin-top: 20px;
    width: 234px;
}

.blocAutreFormats h2,
.printAndShare h2 {
    text-transform: uppercase;
    padding: 3px 5px;
    color: #3e3e3e !important;
    font-size: 11px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 5px;
}

.blocAutreFormats p {
    padding-left: 5px;
}

.blocAutreFormats div {
    text-align: center !important;
}

.blocAutreFormats div.blocGoogle {
    text-align: left !important;
}

.printAndShare {
    padding: 0px 0 0 5px;
}

.printAndShare input[type='image'] {
    vertical-align: middle;
}

.printAndShare .printButton {
    border-right: 1px solid #ccc;
    margin-right: 7px;
    padding-right: 7px;
    width: 20px;
}

.printAndShare .RadSocialShare {
    border: none !important;
    background: transparent;
    padding: 5px 5px 5px 0 !important;
    vertical-align: middle;
}

.lireExtrait {
    display: block;
    margin: -10px 0 10px;
}

#PayotPlayer {
    background-color: #333 !important;
}

/*Page Panier*/

.CheckoutSteps {
    margin: 10px 0 20px 0;
    border-bottom: 1px solid #bebe9f;
    padding-bottom: 5px;
}

.wrapCmd {
    width: 100%;
    position: relative;
    height: auto;
    margin-bottom: 15px;
}

.wrapBasketCheckout {
    width: 100%;
    position: relative;
    height: auto;
}

.CmdRecapInfo .wrapBasketCheckout{
    margin: 0 -10px 10px;
}

.wrapBasket {
    width: 100%;
    height: auto;
}

.wrapBasket h2,
.wrapCmd h2,
.wrapBasketCheckout h2 {
    background-color: #cecdb1;
    background-color: transparent;
    color: #00483a;
    padding: 6px 10px;
    font-size: 14px;
}

.wrapBasket .BasketPrix h2 div,
.wrapBasketCheckout .BasketPrix h2 div {
    width: 50px;
    text-align: center;
    margin: 0 auto;
}

.BasketPrix .txtR,
.basketTotalCell.cell4 .txtR {
    padding-right: 20px !important;
}

a.btnCmd {
    display: inline-block;
    color: #00483a;
    background-color: #cecdb1;
    padding: 5px 8px;
    text-align: center;
    margin: 5px 10px 0 0;
}

a.btnCmd:hover {
    background-color: #b3b388;
}

.wrapInfo {
    padding: 10px;
}

.BasketLeft {
    width: 12%;
}

.BasketLeft input {
    width: 40px;
    margin: 0 0 8px 0;
}

.BasketInfo {
    width: 38%;
}

.BasketInfo .title a,
.CmdHistoDetailsBook a {
    color: #00483a;
    font-weight: bold;
    font-size: 1.1em;
}

.BasketInfo input[type='checkbox'] {
    margin: 5px 10px 0 0;
}

.BasketExped {
    width: 35%;
}

.BasketPrix {
    width: 15%;
}

.BasketCadeau {
    width: 25%;
}

.BasketMessage {
    width: 25%;
}
.BasketFairFridayLogo {
    width: 23%;
}
.BasketFairFridayMore {
    width: 15%;
}
.qtyEbook {
    height: 22px;
    margin-bottom: 8px;
}

textarea {
    font-family: sans-serif;
    font-size: 12px;
}

.IntitulTotalPrix {
    text-align: right;
    width: 82%;
    padding: 6px 10px;
    background-color: #cecdb1;
    font-size: 14px;
    color: #00483a;
    font-weight: bold;
}

.BasketTotalPrix {
    width: 13%;
    padding: 6px 10px;
    font-size: 14px;
    background-color: #cecdb1;
    color: #00483a;
    text-align: right;
}

.totalprix {
    margin-left: 5px;
    width: 100px;
    text-align: right;
    float: right;
}

/********************************************************Page identification*/
#tabmenu {
    border-bottom: 1px solid black;
    margin: 12px 0px 20px 0px;
    padding: 4px;
    z-index: 1;
    padding-left: 5px;
}

#tabmenu li {
    color: #fff;
    display: inline;
    overflow: hidden;
    list-style-type: none;
}

#tabmenu a,
a.active {
    color: #fff;
    background: #00483a;
    font-weight: bold;
    border: 1px solid #00483a;
    padding: 3px 7px 4px 7px;
    margin: 0px;
    text-decoration: none;
}

.navGauche a.active {
    background: transparent !important;
    border: none !important;
}

#tabmenu a.active {
    background: #cecdb1;
    border-bottom: 1px solid #cecdb1;
    color: #00483a;
}

#tabmenu a:hover {
    color: #00483a;
    background: #cecdb1;
    border-bottom: 1px solid #cecdb1;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}

.login a:hover,
.login a:focus {
    text-decoration: underline;
}

.login .intitul {
    width: 100px;
    padding-top: 8px;
    margin: 0 0 0 0px;
}

.login input[type='text'],
.login input[type='password'] {
    margin-top: 5px;
    width: 195px;
}

.loginError {
    width: 300px;
    margin-bottom: 10px;
}

.newclient p {
    padding: 5px 0;
}

.newclient h2 {
    font-size: 14px;
    padding: 5px 0 10px 0;
}

.newclient h2 + p + p {
    font-weight: bold;
}

ul.payotlistebullets {
    list-style-image: url('/App_Themes/Payot/images/footer_dr_art.gif');
    vertical-align: middle;
    list-style-position: inside;
}

ul.payotlistebullets li {
    padding: 2px 0;
}

.payotlistebullets + p {
    margin: 10px 0;
}

.block_2 .newClient ul.payotlistebullets {
    list-style-position: inside;
}

.block_2 .newClient ul.payotlistebullets li {
    padding: 2px 0;
    list-style-position: inside;
}

/********************************************************Modification Profile*/
.modifProfileWrapper {
    width: auto;
    display: inline-block;
}

.modifProfile {
    /*width:47%;*/
    /*width:82%;*/
    /*min-width:460px;*/
    width: 100%;
    min-width: 600px;
    margin: 0 1% 1% 0 !important;
}

.modifProfileRC {
    width: 47%;
    min-width: 870px;
    margin: 0 1% 1% 0 !important;
}

.modifAdressesProfile {
    width: 97%;
    padding: 0 !important;
}

#divAdditionalLink a {
    color: #d30000;
}

#divAdditionalLink a:hover,
#divAdditionalLink a:focus {
    text-decoration: underline;
}

.modifProfile .intitul,
.modifAdressesProfile .intitul,
.modifProfileRC .intitul {
    width: 38%;
    max-width: 200px;
    /*width:25%;*/
    margin: 0;
    padding: 5px 15px 0 0 !important;
    height: 23px;
}

.modifProfile .intitulMail,
.modifAdressesProfile .intitulMail,
.modifProfileRC .intitulMail {
    width: 80px;
    margin: 0;
    height: 30px;
    padding-top: 5px;
}

.modifProfile .intitulMail + .fl,
.modifAdressesProfile .intitulMail + .fl,
.modifProfileRC .intitulMail + .fl {
    padding-top: 5px;
}

.modifAdressesProfile input[type='text'],
.modifAdressesProfile input[type='password'] {
    width: 98%;
    padding-left: 3px;
}

.modifProfile input[type='text'],
.modifProfile input[type='password'],
.modifProfileRC input[type='text'],
.modifProfileRC input[type='password'] {
    width: 206px;
}

.modifProfile select,
.modifProfileRC select {
	width: 290px;
}

.modifAdressesProfile select {
    width: 100%;
}

.modifAdressesProfile div.intitul + div.fl {
    width: 49%;
}

#content ul#tabmenu + div.error {
    width: 450px;
    margin-bottom: 10px;
}

/********************************************************Modification Adresses*/

.modifAdresses {
    width: 49%;
    margin: 0;
}

.animated-accordion .modifAdresses {
    width: 100%;
}

.mgRgt1 {
    /*margin-right:1.8% !important;*/
    margin-right: 1.5% !important;
}

.modifAdresses .intitul input[type='radio'] {
    width: 30px;
}

.modifAdresses .intitul + .fl input[type='text'],
.modifAdresses .intitul + .fl input[type='password'] {
    width: 143px;
}

.cancelModif {
    margin-left: 200px;
}

.modifAdresses h2 + div {
    /*to aim the div which directly follows the h2. both elements have the same parent*/
    padding: 5px;
}

.modifAdresses .payotRightColumnText,
.modifAdresses .payotRightColumnText + div {
    padding: 10px;
}

.modifAdresses .payotRightColumnText + div.cl {
    padding: 0;
}

.modifAdresses h2 ~ div:not(:last-child) {
    border-bottom: 1px solid #cecdb1;
}

.modifAdresses .modifAdresses {
    width: 100%;
    margin-bottom: 5px;
}

.mrgRt-10 {
    margin-right: -10px !important;
}

#content ul#tabmenu + div div.error {
    margin-bottom: 10px;
}

/*********************************************************footer*/
#topFooter {
    background-color: #d8d8d8;
    width: 100%;
    height: 160px;
    padding: 20px 0;
}

#topFooter > div {
    width: 16%;
    /*background-color: Yellow;*/
    float: left;
}

#topFooter div:not(#divLogo) span {
    font-weight: bold;
    color: #2d2d2d;
    display: block;
    margin-bottom: 5px;
}

#topFooter div {
    padding: 2px 0;
}

#topFooter div a {
    color: #606060;
    font-size: 12px;
}

#topFooter div a:hover {
    color: #000;
}

#topFooter #divLogo {
    text-align: center;
    height: 130px;
    line-height: 130px;
    max-width: 245px;
    width: 20%;
}

#topFooter #divLogo img {
    vertical-align: middle;
    margin-top: 37px;
}

#bottomFooter {
    background-color: #f1f1f1;
    text-align: center;
    padding: 5px 5px 7px;
}

#bottomFooter a,
#bottomFooter span {
    display: inline-block;
    margin: 0 8px;
    color: #606060;
}

#bottomFooter a:hover {
    color: #000;
}

/*********************************************************col right*/
#colright {
    width: 200px;
    height: 100%;
    right: 0;
}

.blocControl {
    background-color: #f2f1f1;
    margin-top: 15px;
}

.blocControl h2 {
    text-transform: uppercase;
    padding: 3px 5px 3px 10px;
    background-color: #d8d8d8;
    color: #333;
    font-size: 0.9em;
    font-weight: bold;
}

.blocControl h3 {
    border-bottom: 1px solid #d8d8d8;
    padding: 5px 5px 1px;
    color: #333;
    font-size: 0.9em;
}

.blocControlContent {
    background-color: #f2f1f1;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 180px;
}

.blocControlContent a {
    color: #d30000;
}

.blocControlContent a:hover {
    text-decoration: underline;
}

/* modified by ell 16.10.12 */
.blocControlContent a.btnPrincipal {
    color: white !important;
}

.blocControlContent a.btnPrincipal:hover {
    text-decoration: none !important;
}

.blocControlContent ul li a {
    color: #000000;
}

.blocControlContent select {
    width: 180px;
    margin: 3px 0;
    padding: 3px 0;
    line-height: 15px;
    border: 1px solid #9f9f9f;
}

.blocControlContent table p.txtR + div {
    text-align: right;
}

.blocControlContent b u {
    display: inline-block;
    padding-bottom: 5px;
}

.blocControlContent br + i {
    display: inline-block;
    padding: 1px 0;
}

.blocControlContent i a,
.blocControlContent i a font {
    color: #d30000 !important;
}

.blocControlContent span input[type='checkbox'] {
    margin-right: 5px;
    vertical-align: top;
    float: left;
}

.blocControlContent input[type='text'] {
    border: 1px solid #9f9f9f !important;
}

.search-refine {
    width: 150px;
}

.blocControlContent td a img,
.blocControlContent a img {
    margin-top: 3px;
    vertical-align: middle;
}

.blocControlContent div a {
    cursor: pointer !important;
}

.blocControlContent table[summary='combobox'] {
    border: 1px solid #9f9f9f !important;
}

.blocControlContent .RadComboBox_Default input[type='text'] {
    border: none !important;
}

.blocControlContent.homeListRight ul {
    list-style-image: url('/App_Themes/Payot/images/bckgrnd_listRight.png');

    list-style-position: outside;
    padding-left: 15px;
    font-size: 11px;
}

.blocControlContent.homeListRight ul li {
    padding: 5px 0;
}

.blocControlContent.homeListRight ul li div b a:hover {
    text-decoration: underline;
}

.tabledateParution td a img {
    margin-top: 0;
}

span.checkboxDispo {
    margin-top: 7px;
    margin-bottom: 10px;
    display: block;
}

span.checkboxDispo input {
    float: left;
}

span.checkboxDispo label {
    float: left;
    padding-top: 3px;
}

.tablePrix {
    width: 190px;
    margin: 5px 0;
}

.tablePrix td input {
    width: 75px;
}

.tabledateParution {
    width: 190px;
    margin: 5px 0;
    table-layout: fixed;
}

.tabledateParution > tbody > tr > td {
    width: 46px;
    font-size: 0.9em;
    vertical-align: middle;
}

.tabledateParution td:last-child {
    width: 20px;
    vertical-align: middle;
}

.tabledateParution input[name='month'] {
    width: 40px;
}

.tabledateParution input[name='year'] {
    width: 60px;
}

.blocControlContent a.red {
    text-align: right;
}

.tablePrix table tr td:first-child {
    width: 82px !important;
    font-size: 0.9em;
    vertical-align: middle;
}

.tablePrix .prixMoinsPlus {
    width: 82px !important;
    font-size: 0.9em;
    vertical-align: middle;
}

.tablePrix,
.tablePrix table {
    border-collapse: collapse;
}

.tablePrix table {
    margin-bottom: 2px;
}

.tablePrix tr:first-child + tr td + td + td {
    padding-left: 12px !important;
}

/* ************ added by ell ***************** */

.adresseFacturation,
.adresseLivraison {
    width: 30%;
    margin-right: 10px;
    border: 1px solid #cecdb1;
    padding-bottom: 5px;
}

.adresseFacturation p,
.adresseLivraison p {
    line-height: 1.5em;
    padding: 5px 5px 5px 10px;
}

.adresseFacturation a,
.adresseLivraison a {
    padding-left: 10px;
    font-weight: bold;
}

.adresseFacturation a:hover,
.adresseLivraison a:hover {
    text-decoration: underline;
}

.adresses a {
}

.wrapBasket,
.wrapBasketCheckout {
    border-top: none;
}

.wrapBasket input[type='radio'],
.wrapBasketCheckout input[type='radio'] {
    margin-bottom: 5px;
}

.wrapBasket h1,
.wrapBasketCheckout h1 {
    font-size: 14px;
}

.wrapBasket.fl.mb10 .basketTotalCell,
.wrapBasket.fl.mb10 .basketTotalCell {
    font-weight: bold;
}

.ssTotal .basketTotalCell,
.fraisPort .basketTotalCell {
    font-weight: normal;
    font-size: 12px;
}

.total .basketTotalCell {
    font-weight: bold;
}

.modePaiement img {
    margin: 20px 0 10px 0;
}

.modePaiement h3 + p,
.modePaiement h3 + p + p {
    width: 49%;
}

.modePaiement div p.red {
    width: 49%;
    margin: 10px 0 5px 0;
}

.infoModePaiementMixte {
    color: #cc0000;
    width: 49%;
    padding-top: 10px;
}

.modePaiement table {
    empty-cells: show;
    border-collapse: collapse;
    table-layout: fixed;
    width: 49%;
}

.modePaiement table tr td {
    border: 1px solid #cecdb1;
    padding: 5px;
}

.emballage {
    font-size: 11px;
    font-style: italic;
    color: #797979;
}

.commande {
    width: 100%;
    margin: 0 -10px 10px;
}

.wrapBasket h3,
.wrapBasketCheckout h3,
.relaisColisWrapper h3 {
    font-size: 14px;
    margin: 15px 0 10px 0;
    color: #00483a;
}

.optionsLivraison h3,
.cartecadeaux h3,
.modePaiement h3,
.adresses h3,
.commande h3 {
    margin: 25px 0 10px 0;
}

.modePaiementPhysique,
.modePaiementNumerique {
    width: 24% !important;
    float: left;
}

.modePaiementPhysique {
    margin-right: 1%;
}

div.modePaiementPhysique,
div.modePaiementNumerique {
    font-weight: bold;
    color: #00483a;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 13px;
}

div.modePaiementNumerique {
    padding-left: 0 !important;
}

.checkoutInfoMag {
    margin-left: 200px;
    padding-top: 2px;
    font-size: 11px;
    color: #666666;
}

.undrlnd {
    color: #00483a;
}

.undrlnd:hover {
    text-decoration: underline;
}

.ckbAcceptCondition {
    border-top: 1px solid #cecdb1;
    border-bottom: 1px solid #cecdb1;
    margin: 20px 0;
    padding: 10px 0;
}

.ckbAcceptCondition a {
    text-decoration: underline;
    color: #00483a;
}

.ckbAcceptCondition a:hover {
    text-decoration: none;
}

span.recapInfo {
    display: inline-block;
    width: 150px;
    font-weight: bold;
    padding: 3px 0;
}

hr {
    margin: 10px 0 10px 0;
    color: white !important;
}

.labelsResults {
    text-align: right;
    height: 25px;
    padding-top: 7px;
    margin-top: -27px;
    margin-right: 160px;
}

.labelsResults img {
    vertical-align: top;
}

.labelsDetail {
    text-align: right;
    height: 16px;
    margin-top: -20px;
    margin-right: 235px;
}

.labelsDetail img {
    vertical-align: middle;
}

.BasketLeft .wrapInfo p {
    width: 100%;
}

/* PAGE REMERCIEMENTS */
.thanks {
    padding: 10px 0;
}

.thanks > p {
    width: 553px;
    margin: 15px 0;
    line-height: 18px;
}

.thanksContent {
    background-color: #e9e9d3;
    padding: 3px 10px;
    margin: 20px 0 10px 0;
    width: 553px;
}

.thanksContent > p {
    font-weight: bold;
    margin: 8px 0;
    font-size: 16px;
}

.thanksContent > ul {
    margin: 8px 0;
    padding-left: 5px;
    list-style-type: disc;
}

.thanksContent ul li {
    padding: 3px 0;
    margin-left: 10px;
}

.thanksContent ul li a {
    color: #d30000;
    text-decoration: underline;
    font-size: 14px;
}

.thanksContentSmall {
    font-size: 11px;
    font-weight: normal;
}

/*block editorial*/

.BlockEditorial .contenuBlockEditorial {
    font-family: Arial, Verdana, sans-serif !important;
    font-size: 14px !important;
    color: #033 !important;
    text-align: left !important;
    line-height: 18px !important;
}

.contenuBlockEditorial p {
    font-family: Arial, Verdana, sans-serif !important;
    font-size: 14px !important;
    color: #033 !important;
}

.writeToAuthor {
    display: block;
    font-size: 14px;
}

.imgBlockEditorial img,
.BookstoreDetail tr td:first-child img {
    border: 1px solid #cdcdcd;
    margin: 5px 15px 5px 0;
    padding: 5px;
}

.imgBlockEditorial .legend {
    margin: 1px 10px 3px 0;
    display: inline-block;
    font-style: italic;
    font-size: 0.9em;
    width: 150px;
}

.BlockEditorial {
    position: relative;
    margin-bottom: 30px;
}

#content .BlockEditorial .printAndShare {
    top: -9px;
}

.BlockEditorial span,
.BlockEditorial p {
    line-height: 18px;
}

.BlockEditorial h1,
h1.title {
    border-bottom: 1px solid #cecdb1;
    padding-bottom: 5px;
}

h1.myList-title {
    position: relative;
    border-bottom: 0;
}

#content .myList-title .printAndShare {
    top: 0;
}

/* MODIF A REPRENDRE DANS TESTNEW ELL 29.06.12 */
.BlockEditorial a {
    color: #d30000 !important;
}

.BlockEditorial a:hover {
    text-decoration: underline !important;
}

.BlockEditorial big {
    font-size: 16px !important;
}

.BlockEditorial ul {
    list-style-type: disc;
    list-style-position: inside;
}

.block_2 .imgBlockEditorial a {
    color: #00483a !important;
}

.block_2 .imgBlockEditorial a:hover {
    text-decoration: underline !important;
}

.padR20 {
    padding-right: 20px;
}

.txtR {
    text-align: right;
}

.loadingBasket,
.loadingCheckout {
    width: 100%;
    position: relative;
    z-index: 10;
    text-align: center;
}

.loadingMyAccount {
    width: 100%;
    position: relative;
    z-index: 10;
    text-align: center;
}

.loadingMyAccount .loadingContent {
    width: 200px;
    padding: 30px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #01372a;
    background-color: #ffffff;
    border: 1px solid #969696;
    position: fixed;
    margin-left: 100px;
}

.loadingContent {
    width: 200px;
    padding: 30px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #01372a;
    background-color: #ffffff;
    border: 1px solid #969696;
    position: fixed;
    margin-left: 25%;
}

.loadingContent img {
    margin-top: -6px;
}

.loadingContent span {
    display: block;
    float: left;
}

.loadingBtn {
    background-image: url('/App_Themes/Payot/images/bckgrndLoading.png');
    background-repeat: repeat;
    height: 38px !important;
    width: 120px !important;
    margin: -24px 1px 0 1px;
    font-size: 17px;
    text-align: center;
    color: #01372a;
    position: relative;
}

.loadingBtn img {
    margin: 8px 0 auto 0;
}

.loadingList {
    height: 25px !important;
    width: 125px !important;
    margin-left: 60px;
    color: #01372a;
    position: relative;
}

.loadingListResult {
    height: 25px !important;
    width: 125px !important;
    margin-left: 118px !important;
    color: #01372a;
    position: relative;
}

.loadingListResult img {
    height: 15px !important;
}

#divLoadingLst.loadingListResult {
    margin-left: 65px !important;
}

.loadingFreeOrder {
    height: 25px !important;
    width: 125px !important;
    margin-left: 165px;
    margin-top: 3px;
    color: #01372a;
    position: relative;
}

#RadAjaxLoadingFreeOrderctl00_ContentPlaceHolder1_C001_RadAjaxPanel2 {
    position: relative;
    top: 500px !important;
}

.loadingList img,
.loadingAdvSearch img,
.loadingFreeOrder img {
    width: 15px !important;
}

.loadingAdvSearch {
    height: 25px !important;
    width: 125px !important;
    margin-left: 100px;
    margin-top: 2px;
    color: #01372a;
    position: relative;
}

.loadingBtnDetail {
    background-image: url('/App_Themes/Payot/images/bckgrndLoading.png');
    background-repeat: repeat;
    height: 45px;
    width: 120px;
    margin: -5px;
    font-size: 17px;
    font-weight: bold;
    color: #01372a;
    position: relative;
}

.loadingBtnDetail img {
    margin: 10px 0 auto 0;
}

.loadingBtnList {
    background-image: url('/App_Themes/Payot/images/bckgrndLoading.png');
    background-repeat: repeat;
    height: 45px;
    width: 125px;
    margin: -5px;
    font-size: 17px;
    font-weight: bold;
    color: #01372a;
    position: relative;
    padding: 0;
    text-align: center;
}

.loadingBtnList img {
    margin: 10px 0 auto 0;
}

.loadingMyAlertes {
    left: 50% !important;
}

.decimal {
    text-align: right;
    width: 85px;
}

.otherFormats {
    border-bottom: 1px solid #cecdb1;
    line-height: 22px;
}

.otherFormatsLink {
    border: 1px solid #cccccc;
    text-align: center;
    display: inline-block;
    width: 114px;
    cursor: pointer;
    margin: 12px 0 0 2px;
}

.basketTotalCell {
    height: 35px;
    background-color: #fff;
    float: left;
    font-size: 14px;
    color: #00483a;
}

.cell1 {
    width: 12%;
}

.cell2 {
    width: 38%;
}

.cell3 {
    width: 35%;
    font-weight: bold;
}

.cell4 {
    width: 15%;
    font-weight: bold;
}

.cell3 .wrapInfo {
    float: right;
    padding-right: 20px;
}

.wrapBasketCheckout .BasketInfo .wrapInfo img {
    width: 40px;
}

.wrapBasketCheckout .basketTotalCell,
.wrapBasket .basketTotalCell {
    height: 26px;
}

.wrapBasketCheckout .basketTotalCell .wrapInfo,
.wrapBasket .basketTotalCell .wrapInfo {
    padding: 5px 10px;
}

.wrapInfo textarea {
    margin-top: 5px;
}

.block_2 table tr td.linkActu100 {
    text-align: left;
    padding-left: 80px !important;
}

.block_2 table tr td.linkActu100 a {
    background-image: url('/App_Themes/Payot/images/bckgrnd_linkHome.png') !important;
    background-repeat: no-repeat !important;
    font-weight: bold !important;
    padding-left: 10px;
    color: #d30000 !important;
}

.selectPointLocation a.RadButton {
    padding-bottom: 4px;
}

/* checkout Relais Colis */

.relaisColisWrapper {
    background-color: #ebe9dd;
    padding: 15px;
    margin-top: 10px;
    width: 850px;
}

.relaisColisWrapper h4 {
    font-weight: bold;
    font-size: 13px;
    color: #000;
    padding: 15px 0 5px;
}

.relaisColisWrapper h4:first-of-type {
    padding-top: 0;
}

.relaisColisDescription li {
    list-style-type: disc;
    padding: 5px;
    list-style-position: inside;
}

.relaisColisWrapper .RadComboBox {
    border: 1px solid #8e8e8e;
}

.relaisColisWrapper .RadComboBox_Default .rcbFocused .rcbArrowCellRight,
.relaisColisWrapper .RadComboBox_Default .rcbArrowCellRight {
    background-position: 0px -109px !important;
}

.relaisColisWrapper .RadComboBox_Default .rcbDisabled .rcbInputCellLeft {
    background-position: 0 -59px !important;
}

.relaisColisWrapper .RadComboBox_Default .rcbDisabled .rcbArrowCellRight {
    background-position: -126px -59px !important;
}

.relaisColisWrapper .RadComboBox_Default .rcbFocused .rcbInputCellLeft {
    background-position: 0 0 !important;
}

.relaisColisWrapper .RadComboBox_Default .rcbHovered .rcbInputCellLeft {
    background-position: 0 0 !important;
}

/*.relaisColisWrapper .RadComboBox_Default .rcbFocused .rcbInputCellLeft input[type="text"]{border: #8e8e8e;}*/
.relaisColisWrapper .RadListBox_Default .rlbGroup {
    background-color: transparent;
    border: none;
}

.relaisColisWrapper .RadListBox_Default .rlbGroup .rlbList {
    border: 1px solid #8e8e8e;
    background: #fff;
}

#tooltipContent {
    width: 300px;
}

#tooltipContent h3 {
    margin: 0 0 5px;
    font-weight: bold;
}

#bodyContent {
    width: 45%;
    float: left;
    max-width: 388px;
    margin-right: 10px;
}

#bodyContent div {
    line-height: 18px;
}

#hoursTable {
    /*margin-top: 5px;*/
    width: 50%;
    float: left;
}

#hoursTable table tr td:first-child {
    width: 80px;
}

#subtitle {
    padding: 18px 0 10px 0;
    font-weight: bold;
}

#relaisPointInfosContent {
    border: 1px solid #8e8e8e;
    background-color: #fff;
    padding: 0 10px 10px 10px;
    margin-top: 10px;
}

#locSelectedRelaisCOlisDescr {
    display: block;
    margin-top: 10px;
}

.relaisColisWrapper .RadListBoxScrollable .rlbGroup {
    overflow: visible;
}

.relaisColisWrapper .RadListBoxScrollable .rlbGroup .rlbList {
    overflow: auto;
}

/*HISTORIQUE DES COMMANDES */

.CmdDate {
    width: 10%;
}

.CmdNum {
    width: 15%;
}

.CmdArticles {
    /*width:60%;*/
    width: 45%;
}

.CmdStatut {
    width: 15%;
}

.CmdDetail {
    width: 20%;
}

.CmdDetail .wrapInfo a.btn {
    margin: 10px 10px 10px 0;
}

.CmdPrix {
    /*width:15%;*/
    width: 20%;
}

.CmdPrixTotal {
    width: 15%;
}

.CmdCadeau {
    width: 10%;
}

.CmdArticles .wrapInfo p a:first-child {
    font-weight: bold;
    color: #00483a;
}

.CmdArticles .wrapInfo p a:first-child:hover {
    text-decoration: underline;
}

.CmdRecapInfo {
    border-top: 1px solid #cecdb1;
    margin-top: 5px;
    padding-top: 5px;
}

.CmdHistoCover {
    /* height: 60px; */
    width: 65px;
    padding-right: 10px;
}

.CmdHistoCover img {
    max-height: 100%;
    width: 100%;
    overflow: hidden;
}

.CmdHistoDetail {
    margin: 10px 0;
    font-weight: bold;
    font-size: 13px;
}

.CmdHistoDetail span:first-child {
    margin-right: 15px;
}

.CmdHistoNbre {
    width: 45px;
    height: 55px;
    float: left;
}

.CmdHistoEbPicto {
    height: 16px;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}

.CmdHistoDetailsBook {
    margin-left: 130px;
    min-height: 55px;
}

.CmdHistoStatus {
    margin: 10px 0;
    font-weight: bold;
    font-size: 13px;
}

.CmdHistoFollow {
    margin: 10px 0;
    font-weight: bold;
    font-size: 13px;
}

.CmdSeparation {
    height: 2px;
    border-bottom: 1px solid #cecdb1;
}

.CmdDatePicker {
    margin: 10px 0;
    height: 35px;
}

.CmdDatePicker > span {
    display: inline-block;
    float: left;
    width: 20px;
    line-height: 20px;
}

.CmdDatePicker > div {
    float: left;
    margin-right: 25px;
}

.CmdStatut > div {
    float: left;
    margin-right: 25px;
}



/* *************** commande libre **************** */
.CmdLibre {
    font-weight: bold;
    font-size: 12px;
}

.descriptionCmdLibre {
    padding: 10px 0;
}

.descriptionCmdLibre p:first-of-type {
    margin-bottom: 10px;
}

.descriptionCmdLibre.wrapCmd p {
    line-height: 21px;
    margin-left: 10px;
}

.descriptionCmdLibre label {
    display: inline-block;
    margin-right: 3px;
    font-weight: bold;
}

/* GESTION DES ALERTES */
.AlrtName {
    width: 20%;
}

.AlrtDate {
    width: 20%;
}

.AlrtSubject {
    width: 25%;
}

.AlrtFreq {
    width: 20%;
}

.AlrtAction {
    width: 15%;
}

.wrapCmd p {
    line-height: 18px;
}

/* CREATION ALERTES */
.createAlerte {
    /*width:460px;*/
    width: 600px;
    background-color: white;
    padding: 10px;
}

.createAlerte h1 {
    color: #00483a;
    font-size: 17px;
    margin-left: 2%;
}

.alerteTable {
    margin-top: 10px;
    table-layout: fixed;
}

.alerteTable tr td {
    width: 140px;
    padding: 4px 0;
}

.alerteTable tr > td:first-child {
    width: 51px;
    font-size: 13px;
    font-weight: bold;
}

.alerteTable tr td table tr td:first-child {
    width: 150px !important;
}

.alerteTable tr.alerteLastRow td {
    border-bottom: none;
    padding-top: 10px;
}

.alerteTable select,
.alerteTable input[type='text'] {
    width: 280px;
}

.alerteInfo {
    font-size: 11px;
    color: #666666;
}

.alerteThemes {
    background-color: #edecec;
}

.alerteThemes td ul {
    height: 250px;
    overflow: auto;
}

.alerteThemes td ul li {
    padding: 2px 0;
    cursor: pointer;
}

label[for='chkbTheme'] {
    font-weight: bold;
    line-height: 25px;
}

.lightboxAlerte table.rtTable {
    height: 100% !important;
}

table#rbListFrequence tr td label[for] {
    margin-left: 3px;
    cursor: pointer;
}

/* COMMANDE EN 1 CLIC */
.OneClickIntro {
    margin-bottom: 10px;
    font-size: 13px;
}

.checkoutRemarques {
    margin: 20px 0;
}

.checkoutInfoFooter,
.checkoutInfoFooter p {
    font-size: 11px;
}

.checkoutInfoFooter p a {
    color: #00483a;
    text-decoration: underline;
}

.checkoutInfoFooter p a:hover {
    text-decoration: underline;
}

.commande .BasketInfo p.title {
    margin-bottom: 5px;
}

/* ******************* BLOCKS DIVERS TONY ************************** */

/* BLOCK TEXTE - BLOCK ACCROCHE - BLOCK EDITORIAL - BLOCK VOIR AUSSI - BLOCK N LIVRES CONFIG LAMBDA */

.blockText {
    margin: 10px 15px 10px 0;
    padding: 5px;
}

.blockAccroche tr td:first-child {
    padding-right: 15px;
}

.blockAccroche {
    margin: 10px 15px 10px 0;
    padding: 5px;
}

.blockAccroche .redTitle {
    font-size: 13px !important;
    margin-top: 0 !important;
}

.blockAccroche p.redTitle a {
    margin-top: 0 !important;
}

.blockAccroche .payotInfosInRightColumn {
    line-height: 18px;
}

.BlockEditorial.VoirAussi {
    margin: 10px 15px 10px 0;
    padding: 5px;
}

.BlockEditorial.VoirAussi h1 {
    border-bottom: none;
    padding-bottom: 0;
    margin: 5px 0 5px !important;
}

.BlockEditorial.VoirAussi a.red {
    padding-left: 8px;
}

.BlockEditorial.VoirAussi span.fileInfos {
    color: #666666;
    /* font-size: ; */
}

.payotRightColumnText .imgBlockEditorial + span {
    display: block;
}

.payotRightColumnText .imgBlockEditorial + span[style] {
    display: inline !important;
}

.payotRightColumnText .imgBlockEditorial + p,
.payotRightColumnText .imgBlockEditorial + div,
.payotRightColumnText .imgBlockEditorial + span {
    padding-top: 8px !important;
}

.BlocNLivres .dispoBlockHomePage {
    font-size: 11px;
    color: grey;
}

/* BLOCK PROMO BOOKSTORES */

.BlockPromoBookstores {
    border: 1px solid #cecdb1;
    margin: 0 15px 15px 0;
}

.BlockPromoBookstores h2 {
    background-color: #cecdb1;
    color: #00483a;
    padding: 3px 5px;
}

.BlockPromoBookstores > fieldset {
    padding: 10px 5px;
    line-height: 18px;
    color: #00483a;
}

.BlockPromoBookstores fieldset a {
    color: #00483a;
    font-size: 13px !important;
}

.BlockPromoBookstores fieldset a:hover {
    text-decoration: underline;
}

.BlockPromoBookstores .imgPromoBookstores {
    width: 22%;
    float: left;
    text-align: left;
    padding: 10px;
    height: 100%;
}

.BlockPromoBookstores .imgPromoBookstores img {
    width: 180px;
    margin: 0 auto;
    padding: 20px 0;
}

/* BLOCK BOOKSTORES LIST */

.BlockBookstoresList hr + a,
.BlockBookstoresList a:first-child {
    font-size: 14px;
    font-weight: bold;
    color: #cc0000;
    padding: 5px 5px 10px 5px;
}

.BlockBookstoresList {
    padding-top: 10px;
    line-height: 18px;
    font-size: 13px;
}

.BlockBookstoresList table td:first-child img {
    width: 140px;
}

.BlockBookstoresList table td + td {
    padding-top: 10px;
    width: 40%;
}

.BlockBookstoresList table td + td img {
    margin: 10px 5px 5px 0;
}

.BlockBookstoresList a.red {
    line-height: 22px;
}

/*
#RadWindowWrapper_ctl00_ContentPlaceHolder1_C002_RadWindow1{width:600px !important;height:360px !important;}
.RadWindow.RadWindow_Sitefinity.rwNormalWindow.rwTransparentWindow, .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow{width:600px !important;height:360px !important;}
.RadWindow.RadWindow_Sitefinity.rwNormalWindow.rwTransparentWindow table.rwTable, .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindow table.rwTable{height:360px !important;}
.RadWindow.RadWindow_Sitefinity.rwNormalWindow.rwTransparentWindow .rwTable .rwContentRow .rwWindowContent iframe body, .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindo .rwTable .rwContentRow .rwWindowContent iframe body{width:450px !important;}
.RadWindow.RadWindow_Sitefinity.rwNormalWindow.rwTransparentWindow .rwTable .rwContentRow .rwWindowContent iframe form, .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindo .rwTable .rwContentRow .rwWindowContent iframe form{display:block;width:450px !important;}
.RadWindow.RadWindow_Sitefinity.rwNormalWindow.rwTransparentWindow .rwTable .rwContentRow .rwWindowContent iframe  html, .RadWindow.RadWindow_Default.rwNormalWindow.rwTransparentWindo .rwTable .rwContentRow .rwWindowContent iframe html{overflow-x:hidden !important;}
*/

/* BLOCK GIFT CARDS */

.BlockGiftCards {
    margin-bottom: 10px;
}

.BlockGiftCards table tr td {
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 5px;
}

.BlockGiftCards table tr:first-child td {
    border-top: none;
}

.BlockGiftCards table tr td:first-child {
    width: 120px;
}

.BlockGiftCards table tr td + td .title {
    padding-top: 10px;
}

.BlockGiftCards table tr td + td + td {
    text-align: right;
    padding-right: 15px;
}

.BlockGiftCards div.prix {
    text-align: right;
    color: #00483a;
}

/* BLOCK BOOKSTORE DETAIL */

.BlockBookstoreDetail h2 {
    font-size: 14px;
    color: #00483a;
}

.BlockBookstoreDetail table {
    margin: 10px 0 20px 0;
    line-height: 17px;
    font-size: 13px;
}

.BlockBookstoreDetail table.BookstoreDetail tr td:first-child {
    width: 180px;
}

.BlockBookstoreDetail table.BookstoreDetail tr td + td {
    padding-top: 10px;
}

.BlockBookstoreDetail table.BookstoreGerant {
    margin: 20px 0;
}

.BlockBookstoreDetail table.BookstoreGerant tr td:first-child {
    width: 85px;
}

.BookstoreDetailFooter p {
    margin: 10px 0;
}

/* BLOCK EVENT DETAIL */

.BlockEventDetail .DatePlace {
    margin: 10px 0;
    font-size: 14px;
    line-height: 20px;
}

/* BLOCK BOOSTORE DETAIL LITE */

.BlockBoostoreDetailLite {
    line-height: 16px;
}

.BlockBoostoreDetailLite div.openHours {
    margin: 10px 0;
}

/* BLOC LIST REF MINI et BLOC BEST SELLER STORE LITE */

.blocListRefMini table.firstTable {
    margin-top: 5px;
}

.blocListRefMini {
    margin-top: 15px;
}

.blocListRefMini table tr td,
.blocBestSellerStoreLite table tr td + td {
    padding-left: 5px;
}

.homeListRight table tr td .prixPayotSmall,
.block_2 table tr td .prixPayotSmall {
    color: #666666;
    font-size: 12px;
    margin-top: 5px;
}

.block_2 table tr td .price {
    font-weight: normal;
    font-size: 15px;
    margin: 2px 0 5px 0;
}

.blocBestSellerStoreLite table tr td .rabais,
.block_2 table tr td .rabais {
    font-weight: normal;
    font-size: 11px;
    color: #919608 !important;
    float: left;
    line-height: 18px;
    padding-top: 3px;
}

.blocControlContent.homeListRight table tr td .rabais {
    font-weight: normal;
    font-size: 11px;
    color: #919608 !important;
    float: left;
    line-height: 18px;
    padding-top: 3px;
}

.blocControlContent.homeListRight table tr td .rabais img {
    margin-left: 10px;
    float: right;
    margin-top: -2px;
}

.blocControlContent.homeListRight table tr td .rabais .green,
.payotRightColumnText table tr td .rabais .green {
    float: left;
}

.CartoucheRight .prix .rabais {
    font-weight: normal;
    font-size: 11px;
    color: #919608 !important;
    float: left;
    line-height: 18px;
    padding-top: 3px;
    width: 108px !important;
    margin-top: 5px;
}

.blocBestSellerStoreLite table tr td .rabais span,
.block_2 table tr td .rabais span,
.prix .rabais span {
    font-size: 11px !important;
}

.blocBestSellerStoreLite table tr td .rabais img,
.block_2 table tr td .rabais img,
.prix .rabais img {
    margin-left: 10px;
    float: right;
    margin-top: -2px;
}

.block_2 table tr td .rabais img {
    margin-bottom: 5px !important;
}

/* BLOC PAGE EBOOKS */

.eBookCatalogChange {
    border: 1px solid #cccccc;
    padding: 10px;
    width: 98%;
    margin-bottom: 20px;
    font-size: 13px;
}

.eBookCatalogChange strong {
    margin-right: 10px;
    font-weight: normal;
    font-style: italic;
}

.eBookCatalogChange a {
    font-weight: bold;
}

.eBookCatalogChange a[href] {
    font-weight: normal !important;
    color: #d30000;
}

.eBookCatalogChange a[href]:hover {
    text-decoration: underline;
}

/* ONGLETS PAGE DETAIL */

/* petit fix telerik*/
.RadTabStripTop_Default .rtsLevel .rtsLink,
.RadTabStripTop_Default .rtsLevel .rtsOut,
.RadTabStripBottom_Default .rtsLevel .rtsLink,
.RadTabStripBottom_Default .rtsLevel .rtsOut,
.RadTabStripTop_Default_Baseline .rtsLevel,
.RadTabStripBottom_Default_Baseline .rtsLevel {
    background-image: none !important;
}

.RadTabStrip_Default .ebookTab {
    background-color: #e1e3ce !important;
    border-bottom: none;
    border-top: 1px solid #b6b6b6;
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
    margin-bottom: -1px;
    color: #343237 !important;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 11px !important;
}

.RadTabStrip_Default .ebookTabHovered {
    background-color: #fbfcf7 !important;
    border-bottom: none;
    border-top: 1px solid #b6b6b6;
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
    color: #004938 !important;
}

.RadTabStrip_Default .ebookTabSelected {
    background-color: #fbfcf7 !important;
    border-bottom: 1px solid #fbfcf7;
    border-top: 1px solid #c4c5b3;
    border-left: 1px solid #c4c5b3;
    border-right: 1px solid #c4c5b3;
    margin-bottom: -1px;
    color: #004938 !important;
    cursor: default !important;
}

.RadTabStrip_Default .summaryTab,
.RadTabStrip_Default .autorTab,
.RadTabStrip_Default .contentTab,
.RadTabStrip_Default .chroniquesTab {
    background-color: #e1e3ce !important;
    border-bottom: none;
    border-top: 1px solid #e1e3ce;
    border-left: 1px solid #e1e3ce;
    border-right: 1px solid #e1e3ce;
    margin-bottom: -1px;
    color: #343237 !important;
    margin-right: 1px;
    text-transform: uppercase;
    font-size: 11px !important;
}

.RadTabStrip_Default .summaryTabHovered,
.RadTabStrip_Default .autorTabHovered,
.RadTabStrip_Default .contentTabHovered,
.RadTabStrip_Default .chroniquesTabHovered {
    background-color: #fbfcf7 !important;
    border-bottom: none;
    border-top: 1px solid #b6b6b6;
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
}

.RadTabStrip_Default .summaryTabSelected,
.RadTabStrip_Default .autorTabSelected,
.RadTabStrip_Default .contentTabSelected,
.RadTabStrip_Default .chroniquesTabSelected {
    background-color: #fbfcf7 !important;
    border-bottom: 1px solid #fbfcf7;
    border-top: 1px solid #c4c5b3;
    border-left: 1px solid #c4c5b3;
    border-right: 1px solid #c4c5b3;
    margin-bottom: -1px;
    color: #004938 !important;
    cursor: default !important;
}

.RadTabStrip.RadTabStrip_Default.RadTabStripTop_Default {
    /*important to get the tabs over the box when they're selected*/
    z-index: 2000 !important;
    margin-bottom: -1px !important;
    position: relative;
}

.RadTabStrip.RadTabStrip_Default.RadTabStripTop_Default div.rtsLevel.rtsLevel1 {
    z-index: 1000 !important;
}

.chroniquesPresse {
    width: 49%;
    float: left;
}

.chroniquesPayot {
    width: 34%;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
}

.chroniquesPresse h2,
.chroniquesPayot h2 {
    text-decoration: underline;
    font-size: 13px;
    padding-bottom: 8px;
}

.chroniquesPayot .selected,
.chroniquesPresse .selected {
    color: #d30000 !important;
}

.separationChronique {
    height: 1px !important;
    color: #e1e3ce;
    background-color: #e1e3ce;
    border: none;
    margin: 5px 0 10px;
}

.chroniqueContent {
    color: #333333 !important;
}

.chroniqueContent h2 {
    color: #d30000;
    font-size: 15px;
    margin-bottom: 5px !important;
    font-weight: normal;
}

.chroniqueContent h1 {
    font-size: 15px !important;
    color: #333333 !important;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px !important;
}

.chroniqueContent h3 {
    font-size: 12px !important;
    color: #333333;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 10px;
}

.chroniqueContent p {
    line-height: 17px;
}

/*Block Nos �v�nements Promo*/

.PromoEvents .dateevent {
    padding: 0 !important;
    margin-bottom: 5px;
    font-size: 13px;
}

.PromoEvents p + .dateevent {
    margin-top: 10px;
}

.PromoEvents table tr td p.redTitle a,
.PromoEvents table tr td p.redTitle {
    margin: 0 !important;
    display: inline !important;
    line-height: 23px !important;
}

.PromoEvents table tr td p:first-child {
    margin-top: 3px !important;
}

.PromoEvents table tr td {
    padding: 15px 10px 5px 0 !important;
}

.PromoEvents table tr:first-child td {
    padding-top: 5px !important;
}

.PromoEvents table tr td.link {
    padding: 5px 10px !important;
}

/* COMMANDE LIBRE */
.CmdLibreInput {
    width: 342px !important;
}

.modeLivraison label[for] {
    line-height: 25px;
}

.modeLivraison select {
    margin-left: 0 !important;
}

/* NAVIGATION PAGES DYNAMIQUES */

.DynNavTitle {
    height: 22px;
    padding-top: 5px;
    font-size: 17px;
    color: white;
    padding-left: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #387065;
}

.DynNavTitle:hover {
    background-color: #317263;
    border-bottom: 1px solid #d30000;
}

.DynNavTitle.SelectedPage {
    background-color: #317263;
    border-bottom: 2px solid #d30000;
}

.DynNavTitle a {
    font-size: 17px;
    color: white !important;
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: 205px;
}

.homeListRight .RadRotator .rrClipRegion .rrVerticalList .rrItem table tr td:first-child a {
    display: block;
    height: 98px;
    overflow: hidden;
}

/* lightbox image in detail */

#outerImageContent {
    width: 600px !important;
    height: 800px !important;
    font-size: 12px !important;
}

#imageContainer {
    max-width: 600px !important;
    max-height: 800px !important;
    overflow: hidden;
}

#lightboxImage {
    height: 100% !important;
}

#imageDataContainer {
    max-width: 600px;
}

/* NEWSLETTER */

.miniFormNL .labelMiniForm {
    width: 170px;
    display: block;
    margin-top: 10px;
}

.miniFormNL select {
    padding: 0 !important;
}

.miniFormNL .mandatory {
    margin-top: 10px;
    display: block;
    color: #999;
}

.unsubscriptionContent p {
    padding-top: 10px;
    line-height: 20px;
}

.backToNewsletterLink {
    background-image: url(/App_Themes/Payot/images/bckgrnd_linkHome.png);
    font-weight: bold;
    color: #d30000;
    background-repeat: no-repeat;
    padding-left: 15px;
    margin-left: 30px;
    margin-top: 10px;
}

.backToNewsletterLink a {
    color: #d30000;
}

/* mail form - print and share block */

.mailForm label {
    display: inline-block;
    width: 120px;
    font-weight: bold;
}

.thanksContent.unavailable {
    background-color: #f8d9d9;
    padding: 3px 10px;
}

.unavailable .thanksContentSmall {
    font-size: 13px;
}

.unavailableItem {
    background-color: #fbebeb;
    border: 1px solid #e19696;
    padding: 5px;
    font-size: 13px;
    margin: 3px 0 7px;
    color: #000;
}

#map-canvas {
    position: relative;
    float: left;
    /*width: 480px; */
    width: 64%;
    height: 280px;
    /*margin-top: 10px;*/
    border: 1px solid #8e8e8e;
}

/* added by ell 13.10.2014 */

/* search result autocomplete */

.rsbListItem {
    border-top: 1px solid #ccc;
}

.rsbListItem:first-of-type {
    border-top: none;
}

.rsbPopup_Default {
    /*max-height: 400px;
	overflow-y: scroll;*/
    /*height: 400px;*/
}

.rsbPopup .rsbList {
    /*height: 396px;*/
    max-height: 490px;
    overflow-y: scroll;
    width: 100%;
    position: static !important;
}

.rsbPopup .rsbListItem {
    padding: 0 !important;
}

.rsbPopup .rsbListItem:last-of-type {
    position: absolute;
    /*width: 276px;*/
    width: 99%;
    /*top: 377px;*/
    height: 20px;
    /*bottom: auto;*/
    bottom: 0;
}

.rsbPopup .rsbListItem:last-of-type .resultList {
    display: none;
}

.resultList {
    padding: 5px 0;
}

.resultList #divHasResultLeft {
    width: 65px;
    min-width: 65px;
    float: left;
    display: block;
}

.resultList #divHasResultRight {
    width: 195px;
    float: left;
    display: block;
}

.resultList > a {
    display: block;
    padding: 7px 6px;
}

.resultList > a:hover {
    background-color: #dfdfdf;
}

.resultList .title {
    color: #00483a;
    font-size: 1em;
    font-weight: bold;
}

.resultList p {
    line-height: 16px;
}

.resultList .small {
    font-size: 0.9em;
    color: #666;
}

.rsbListItemHovered {
    background-color: transparent !important;
}

#divFooterRight a {
    display: block;
    text-align: center;
    background-color: #00483a;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    padding: 4px 0;
}

#divFooterRight a:hover {
    background-color: #317263;
}

#divHasNoResultRight {
    display: block;
    padding: 5px 6px;
    margin-bottom: 20px;
}

.rsbPopup .rsbListItem:nth-last-child(2) {
    margin-bottom: 20px;
}

.successClass {
    color: #919608;
    padding: 10px 0px;
    font-weight: bold;
    display: block;
}

/*.checkBalance{
	position:relative;
}*/
/*.checkBalance [id*="LoadingPanel"]{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}*/
/*.checkBalance [id*="LoadingPanel"] .loadingBtn{
	display:table:cell;
	vertical-align:middle;
	background-size:cover;
	height:100%!important;
	width:100%!important;
}*/
.checkBalance .loadingBtn {
    height: 100% !important;
    width: 100% !important;
}

.loadingBtnBalance {
    background-image: url('/App_Themes/Payot/images/bckgrndLoading.png');
    background-repeat: repeat;
    height: 120px !important;
    font-size: 17px;
    text-align: center;
    color: #01372a;
    position: relative;
}

.loadingBtnBalance img {
    margin: 8px 0 auto 0;
    margin-top: 38px;
}

/*Consulter le solde - colonne droite*/
[id*='balanceDivId'] .checkBalance {
    margin: 0;
}

[id*='balanceDivId'] .checkBalance .payotRightColumnText {
    padding: 5px;
    overflow: auto;
}

[id*='balanceDivId'] .checkBalance .payotRightColumnText > label {
    padding: 7px 0 0;
    display: block;
}

[id*='balanceDivId'] .checkBalance .payotRightColumnText input {
    margin: 5px 0;
    box-sizing: border-box;
    width: 100%;
    height: 27px;
}

[id*='balanceDivId'] .solde .green {
    color: #919608;
    text-align: left;
    display:flex;
    align-items: center;
}

[id*='balanceDivId'] .solde .green label,
[id*='balanceDivId'] .solde .green span {
    font-size: 1.2em;
    font-weight: bold;
}

/*Consulter le solde - main content*/
/*.middle [id*="balanceDivId"] .checkBalance{
	margin:0;
	border: 1px solid #CECDB1;
	width:50%;
  }
 .middle [id*="balanceDivId"] .checkBalance h2{
		background-color: #CECDB1;
		color: #00483a;
		padding: 3px 5px;
		font-size: 13px;
  }*/
/*.middle [id*="balanceDivId"] .solde .green{
	margin:23px 0px;
}*/
/*Consulter le solde - bons et carte cadeau*/
/*.middle [id*="balanceDivId"] .checkBalance{
	display:table;
	width:50%;
}*/
/*.middle [id*="balanceDivId"] .checkBalance .tr{
	display:table-row;
	width:100%;
}*/
/*.middle [id*="balanceDivId"] .checkBalance .tr span{
	
	width:100%;
}*/
.middle [id*='balanceDivId'] .checkBalance {
    margin: 10px 0 0 40px;
}

.middle [id*='balanceDivId'] .checkBalance .tr {
    margin-bottom: 10px;
}

.middle [id*='balanceDivId'] .checkBalance .td {
    display: table-cell;
    width: 200px;
    vertical-align: middle;
    /*width:50%;*/
}

.middle [id*='balanceDivId'] .checkBalance .td input {
    width: calc(100% - 10px);
}

.middle [id*='balanceDivId'] .checkBalance .td a {
    margin-right: 5px;
}

.border {
    border: 1px solid #cecdb1;
    padding: 10px;
}

.middle [id*='balanceDivId'] .checkBalance .border {
    /*width:calc(100% - 27px);*/
    width: 374px;
}

/*.middle [id*="balanceDivId"] .checkBalance .tr .td:nth-child(2) label,
.middle [id*="balanceDivId"] .checkBalance .tr .td:nth-child(2) div{
	float:right;
	}*/
/*Cartes cadeaux*/
@media screen and (min-width: 1281px) {
    .carteCadeau {
        width: calc(60% - 12px);
    }
}

.BlockGiftCards table {
    margin-top: 20px;
}

.BlockGiftCards .prix.fr,
.BlockGiftCards .prix.fr .riSingle {
    direction: rtl;
    display: block;
}

.BlockGiftCards .prix.fr div,
.BlockGiftCards .prix.fr .riSingle input {
    direction: ltr;
    text-align: right;
}

[id*='rntPrice_wrapper'].riSingle {
    display: block;
}

/* modale choix emballage basket */
dialog {
    display: block;
}

/* removes scroll when modal is opened */
.no-scroll {
    overflow: hidden;
}

/* overlay covers everything */
.modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #333;
    opacity: 0.8;
    z-index: 666;
    /* satan inside */
    /* cursor: pointer; */
    margin: 0;
    overflow: hidden;
}

.modal-overlay.invisible {
    display: none;
}

/* modal */
.modal {
	/* Box-sizing � commenter si utilis� � l'�chelle du site */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	/*left: 25%;*/
	left: 33%;
	/*right: 25%;*/
	right: 33%;
	top: 60px;
	/*width: 50%;*/
	width: 33%;
	min-height: 50%;
	max-height: 90%;
	max-height: calc(100% - 120px);
	border: 1px solid #333;
	background: #fff;
	z-index: 9999;
	overflow: auto;
	padding: 0;
	min-width: 412px;
}

.modal-close {
	position: fixed;
	top: 38px;
	/*right: 25%;  Doit correspondre � la valeur right de .modal */
	right: 34%;
	/* Doit correspondre � la valeur right de .modal */
	border: none;
	background: #333;
	color: #fff;
	padding: 2px 10px;
}

.modal-close:focus,
.modal-close:hover,
.modal-close:active {
    background: #000;
}

.modal-overlay[data-background-click='disabled'] {
    cursor: auto;
}

#_PanelLoyaltySupports .modal h1 {
    background-color: #00483a;
    color: #fff;
    margin: 0;
    padding: 10px;
}

.choosenSupport {
    background-color: #efefef;
    border: 0;
}

#_PandelLoyaltySupports .modal hr {
    height: 1px;
    margin: 0;
}

.supportItem > div {
    padding: 20px;
    border-bottom: 1px solid #cdcdcd;
    position: relative;
    /*width:586px;*/
    height: 132px;
}

@media screen and (max-width: 1280px) {
    .modal {
        min-height: 46%;
    }

    .supportItem > div {
        height: 90px;
    }
}

.supportItem:last-child {
    border-bottom: 0;
}

.supportItemLeft,
.supportItemRight {
    width: 50%;
    position: absolute;
}

.supportItemLeft img {
    width: 100%;
    max-height: 138px;
}

.supportItemRight {
    text-align: center;
    left: 50%;
    top: 50px;
}

.supportItemRight > div {
    margin-bottom: 15px;
}

.basketTopSection > div:first-child {
    position: relative;
    text-align: right;
    width: 115px;
    float: right;
    margin: 5px 0;
    height: 24px;
}

/*Facebook*/
.fb {
    margin-top: 40px;
    font-weight: bold;
}

#divCol5En .fb {
    margin-top: 0;
}

.fb img {
    vertical-align: middle;
    width: 1.5em;
    margin-left: 3px;
}

.superLabel .block_2.block_2100 .block1-2 table {
    width: calc(50% - 5px) !important;
}

.superLabel .block_2.block_2100 .block2-2 table {
    width: calc(50% - 5px) !important;
}

.superLabel .block1-2 table,
.superLabel .block2-2 table {
    margin: 5px 0 0 5px;
    border-collapse: collapse;
}

.superLabel .block_2100.block_2 table {
    width: 100%;
    border-collapse: collapse;
}

/*footer english*/
#divCol2En {
    margin-left: 16%;
}

/* Help button */
.help-button {
	padding: 0;
	width: 12px;
	height: 14px;
	border: none;
	background: none;
	background-image: url("../App_Themes/Payot/images/infoDRMDetail.png");
	background-position: top left;
	background-size: 12px 14px;
	background-repeat: no-repeat;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 14px;
}

/* 2020-07 Blog */
.blog-list {
	margin: 1.5em 0 0;
    padding: 10px;
}

.blog-list-item {
	border: 1px solid #cecdb1;
	margin-bottom: 1em;
}

.blog-list-item__category {
	padding: 4px 10px 3px;
	background-color: #cecdb1;
	color: #585745;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .75);
}

.blog-list-item__category .sfTxtLbl {
	display: none !important;
}

.blog-list-item__category .sfCategoriesList li {
	display: inline-block
}

.blog-list-item__category .sfCategoriesList li:not(:last-child) span::after {
	content: ", ";
}

.blog-list-item__content-container {
    display: flex;
	padding: 5px;
}

.blog-list-item__thumbnail {
    width: 100px;
    margin: 5px 1em 1em 5px;
}

.blog-list-item__thumbnail img{
    width: 100px;
}

.blog-list-item__content {
	position: relative;
	padding: 5px 10px;
}

.blog-list-item__title {
    color: #d30000;
	font-size: 13px;
	font-weight: bold;
}

.blog-list-item__title a {
	color: currentColor;
}

.blog-list-item__title a:hover,
.blog-list-item__title a:focus {
    text-decoration: underline;
}

.blog-list-item__meta {
    margin: 1em 0;
	color: #333;
    font-size: 12px;
	font-style: italic;
}

.blog-list-item__summary {
	margin-top: 1em;
}
    

.blog-list-item__summary:not(:empty)::after {
    content: "…";
}

.blog-list-item__link {
	padding-left: 12px;
	background-image: url("/App_Themes/Payot/images/bckgrnd_linkHome.png");
	background-repeat: no-repeat;
	color: #d30000;
	font-weight: bold;
}

.blog-list-item__link:hover,
.blog-list-item__link:focus {
    text-decoration: underline;
}

.sf_pagerNumeric {
	padding: 5px;
	text-align: center;
}

.sf_pagerNumeric a {
	display: inline-block;
	padding: 5px 4px 3px 4px;
	border: 1px solid transparent;
	border-radius: 2px;
	background: #fff;
}

.sf_pagerNumeric a:hover,
.sf_pagerNumeric a:focus {
	border-color: #aaa;
	background: linear-gradient(#e1e1e1, #c5c5c5);
}

.sf_pagerNumeric a.sf_PagerCurrent {
	border-color: #898989;
	background: #fff;
}

.blog-post {
    position: relative;
    margin-bottom: 3em;
}

.blog-post__title {
	padding-bottom: 5px;
	border-bottom: 1px solid #cecdb1;
}

.blog-post__meta {
	font-size: 12px;
}

.blog-post__content {
	margin-top: 2em;
}

.blog-post__content p {
	margin: 1em 0;
}

.blog-post__content img[style="float: left;"] {
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.blog-post__content img[style="float: right;"] {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.social-sharing {
    position: absolute;
    top: -3px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

[class^="social-sharing__"] a,
[class^="social-sharing__"] button {
    display: block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

[class^="social-sharing__"] button {
    padding: 0;
    border: none;
    background-color: transparent;
    text-align: left;
    cursor: pointer;
}

.social-sharing__print button {
    background-image: url("../App_Themes/Payot/images/icon-print.svg");
    background-size: auto 18px;
}
.social-sharing__email a {
    background-image: url("../App_Themes/Payot/images/share-email.png");
    background-size: 20px;
}
.social-sharing__facebook a {
    background-image: url("../App_Themes/Payot/images/share-facebook.png");
    background-size: 20px;
}
.social-sharing__twitter a {
    background-image: url("../App_Themes/Payot/images/share-twitter.png");
    background-size: 20px;
}

.social-sharing__print {
    padding-right: 7px;
    border-right: 1px solid #ccc;
}

.social-sharing__email {
    padding-left: 7px;
}

/* Pre-API Decitre shit for API-Decitre compat */
.blog-list-item__content,
.blocControl {
	font-size: 12px;
}
.fairFriday {
    color: red
}