/* Quelques ajouts de bootstrap 4 en attendant ...*/

.img-fluid {
  max-width: 100%;
  height: auto;
}

/* Egaliser la hauteur des thumbnails */
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.equal-height{
  height: 100%;
  margin-bottom: 0;
}

/* fin bootstrap 4 */

/* sParce que sur CM les catégories n'ont pas d'image ! */
.rubrique .panel-body {
    height: 0px;
    padding: 0;
}


/* https://raphaelgoetter.wordpress.com/2016/07/05/lastuce-du-font-size-62-5-oui-non-ou-ca-depend/ 
Bootstrap me déçoit sur ce point ... */
html {
    font-size: .625em !important; /* fallback IE8+ */
    font-size: calc(1em * .625) !important; /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
}

h1, .h1-like { font-size: 1.6em !important; }
h2, .h2-like { font-size: 1.3em !important; }
h3, .h3-like { font-size: 1.2em !important; }
h4, .h4-like { font-size: 1.1em !important; }

.ui-widget-content {
    font-size: 1em !important;
}

#back {
    /*background: url(/catalog/theme/2columns/img/back_top.png) repeat 0 0;*/
    z-index: 2 !important;

}
@media (max-width: 992px) { /* XS et SM */
    body { font-size: 1.6em !important; /* base font-size is equivalent "14px" */}
    body, #back { background: none;}   
}

a, .ui-widget-content a, .ui-widget-header, .ui-widget-header a {
    color: #444;
}

div.panel.panel-default.rubrique div.panel-footer.text-center span a {
    font-size: 1.5em;
}


.bandeausup {
    padding-top: 6px;
}

.sf-menu > li > a {
    color: white;
    text-decoration: none;
    padding: 17px 15px 17px 15px;
    font-weight: 600;
    font-size: 1.08em;
    font-style: normal;
    text-transform: uppercase;
}


.infoBoxHeading {
    background-color: #edd;
}

.infoBoxHeading, .infoBoxContents {
    padding: 3px;
}    

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #CC0000;
    border-color: #CC0000;
}

.panel-primary {
    border-color: #CC0000;    
}

.bg-primary {
    background-color: #CC0000;
}

.storename {
        font-size: 1em;
}


/* navbar calée en haut */

#MenuTop {
    /*width: 1000px;
    margin-left: auto;
    margin-right: auto; */
}
.navbar {     
    position: fixed;
    top : 0px;
    min-height: 50px;
    margin-bottom: 0;
    background-color : #CC0000;
    color: white ;
    z-index : 9999;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.navbar-nav {
    background-color: white;
}
.spacer-md {
    height : 0.5em;
}
.spacer-sm {
    height : 2.5em;
}
.spacer-xs {
    height : 1.6em;
}
.spacer {
    height : 9px;
}


.bg-dark, .bg-dark a { 
    background-color: #CC0000 !important;
    color : white !important;
}

#headerShortcuts {float: none;margin-top: 12px;line-height:35px;font-weight:normal;}
#headerShortcuts ul {margin:0px;padding:0 0 0 10px}
#headerShortcuts li {float:left;list-style-type: none;}
#headerShortcuts .headcart {
    text-align:right;
    padding-right: 6px;
}

#footer-banner {
    margin-bottom: 16px;
    width: 780px; /* ??? */
    margin-left: auto;
    margin-right: auto;
}
#footer-banner.col-sm-12 { float:none; }

.footer-clean .copyright {
    margin-top: 14px;
    margin-bottom: 0;
    font-size: 11px;
    color: rgb(75, 76, 77);
}

/* Boîte Alerte */
#pne {margin-bottom: 16px;}

/* Quelques embellissements */


/* Portrait phones and smaller */

.container {
    width: auto;
    background-color: rgba(246,240,240,0.7);
    margin-top: 16px;
    margin-bottom: 16px;
}

/*
#Search {
padding: 16px;
}*/

.space {   /*dgy*/
    margin-top: 24px;
}

/*[30bc19] */
#paramlist {
    background-color: #E9ECF1;   /* comme UI header */
}

.productListTable tr.alt td {
    background: rgba(128,128,128, 0.1);
}

/* /modules/product_info.php */
td.symbole , td.texte , td.mots , td.descriptif  {
    padding-left: 0.3em !important;
}  

/* infoBox */
.infoBoxHeading span {
    padding-left: 6px;
}
.infoBoxContainer {
    margin-bottom: 6px;
}

.storename {  /* Peut mieux faire ! */
    position: relative;
    float: left;
    margin-top : 10px !important;
    padding-left: 15px !important;
    border: 0 !important;
}

.ui-dialog {
    z-index: 9999; /*TODO: vérifier*/
}



/* content.css
Pour les contenus d'origine osCommerce ou autres, non formattés avec BSS.
*/

/* [31c] Menu horizontal simple */
.simplemenu {
    width: 960px;
    margin: 0 auto;
}

/*[33k] Categories Accordion */
#categoriesMenu .inpath { font-weight : bold; }
#categoriesMenu .current { color : #44F; }

/* Banner Rotator */
#bannerRotator { 
    width: 468px;  /* Banner width */
    height: 80px;  /* Banner height */
    overflow: hidden; 
    position: relative;
    margin-top: 6px; 
}

#bannerRotator ul { 
    list-style: none; 
    padding: 0; 
    position: relative; 
}

#bannerRotator ul li { 
    display: none; 
    width: 468px;  /* Banner width */
    height: 70px;  /* Banner height */
    position: absolute; 
    top: 0px; 
    left: 0px; 
}

#bannerNav { 
    position: absolute; 
    right: 15px;  /* Distance from the right side of the controls box to the right edge of the banner */
    bottom: 5px;  /* Distance from the bottom of the controls box to the bottom of the banner */
    //*background: url(images/icons/transBlack75.png) repeat 0 0;*/  /* Controls box background image */
    padding: 5px 5px 5px 10px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
}

#bannerNav a { 
    margin: 3px 10px 0 0 ; 
    height: 10px; 
    width: 10px; 
    display: block; 
    background: url(images/icons/dotDark.png) no-repeat 0 0;  /* Controls Button image (Inactive) */
    float: left; 
}

#bannerNav a.active { 
    background-image: url(images/icons/dotLight.png);  /* Controls Button image (Active) */
}

#bannerNav span.pause, #bannerNav span.play { 
    cursor: pointer; 
    height: 15px; 
    width: 15px; 
    display: block; 
    background: url(images/icons/pause.png) no-repeat 0 0;  /* Controls Pause icon */
    float: left; 
}

#bannerNav span.play { 
    background-image: url(images/icons/play.png);  /* Controls Play icon */
}

.divider-tall {
    clear: both;
    height: 13px;
}
/* End Banner Rotator */

/* Séparateur hachuré */
.separator {
    background: url(../img/border_diagonal.png) repeat-x 0 top;
}




/* you shall not pass */
div, textarea, table, td, th, code, pre, samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}


/* general set up */
* {outline-width: 0pt; outline-style: none;}
.bodyWrapper {}
.bodyWrapper:first-child{display:none;}

/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
    clear: both;
}

/* blocks that have to contain floats */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

/*
.clearfix:after,
.line:after,
.mod:after {
content: "";
display: table;
clear: both;
} */

a img{ border:none !important; text-decoration:none !important;}
/* dgy
a:hover {
-o-transition-duration: .50s;
-o-transition-property: color, background-color;
-webkit-transition-duration: .50s;
-webkit-transition-property: color, background-color;
-moz-transition-duration: .50s;
-moz-transition-property: color, background-color;
} */

a:hover { text-decoration: underline ;  /**/
}
.contentContainer{padding:0;}
.static_page .contentContainer, #conditions .contentContainer, #privacy .contentContainer, #shipping .contentContainer{padding:0 5px}

.contentText, .contentText table {     
    padding: 15px;
    font-size: 1em;
    line-height: 1.5;
}

.breadcrumb {
    padding: 3px 15px 3px 8px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

ul.accountLinkList li {    /**/
    padding: 15px;
    font-size: 1.2em;
    line-height: 2;
}

.contentText{overflow:hidden;}
#product_info .contentText, #product_reviews_write .contentText{overflow:visible;}

.contentText table{padding:0}

#shopping_cart .contentContainer>h2:first-child, #address_book_process .contentContainer>h2:first-child, #account_password .contentContainer>h2:first-child, #account_newsletters h2, #advanced_search .contentContainer>h2:first-child {display:none;}

/* reset */
span.productSpecialPrice{font-family:inherit}
td.smallText, span.smallText, p.smallText{font-family:inherit}

/* header */
#header {
    height: 100%;
    padding-bottom: 1em; /*[dgy]*/
}
#header .ui-widget-header {border-left:0px;border-right:0px;}

#headerShortcuts .ui-widget-header{border-top:none;}
#headerShortcuts .langFlags {padding-right:5px;}
#headerShortcuts .langFlags img {vertical-align:middle;}
/*#headerShortcuts {height:35px;overflow-y:hidden;}  [dgy]*/
.ui-widget-content .btn {margin: 6px;} //[dgy]

#headerMenu {line-height:50px;position:relative;z-index:1000;}
#headerMenu .S-shadowwrap {height:50px;}
#headerMenu div.ui-widget-header div.ui-widget-header, #headerShortcuts div.ui-widget-header div.ui-widget-header{border:none;}
#headerMenu .sf-menu li:hover ul,
#headerMenu .sf-menu li.sfHover ul {top: 52px; /* match menu bar height */}
#headerMenu ul:first-child .sf-sub-indicator{visibility:hidden;}
#headerMenu ul:first-child {padding:0px;margin:0px;}
#headerMenu ul:first-child>li {
    float:left;
    min-width:16%;
    text-align:center;
    margin:0px ;
    border-right:1px solid;
    list-style-type: none;
    background:none;
}
#headerMenu ul:first-child>li>a{padding:0 10px}
#headerMenu .menu {display:block;}
#headerMenu ul:first-child>li:first-child {margin:0 -1px 0 -1px;border-left:1px solid;}
#headerMenu ul:first-child>li:hover {}
#headerMenu li a {text-decoration:none;}

#headerBanner .grid_24 {position:relative;}
#headerBanner .banner {float:right;vertical-align:middle;}

.search {text-align:center;margin-left:auto;margin-right:auto;}

/*#storeLogo {margin: 30px 0;position:absolute;z-index:1100;}*/
#storeLogo {margin: 30px 0;z-index:1100;}

/* Categories box */
.category_selected {color:white; font-weight: bold; background-color:#47A4CB; padding: 0 2px 0 2px;}         /*[ TODO: utiliser les styles jQueryUI */
#categorybox .dropbox {display: block; width: 100%}

/* Manufacturers box and Advanced search */
.infoBoxContents .groupe {display: block; float:left; overflow: hidden;}
.infoBoxContents .dropbox {display: block; float:right;}
.infoBoxContents .dropbox select { width: 100%;}
.infoBoxContents .unite { display: block; float:left;}

.bm_manufacturers .groupe { width: 50%; }
.bm_manufacturers .dropbox { width: 35%; }
.bm_manufacturers .unite { width: 15%; font-size:.8em;}

.advanced_search .groupe { width: 50%; }
.advanced_search .dropbox { width: 38%; }
.advanced_search .unite { width: 12%; }


/* footer */
#footer ul {padding: 0;}    /*dgy*/
#footer {
    padding-left: 30px;
    margin-bottom: 2em;
}

.image {
    float: left;
    margin-right: 16px;
}

.footer {     /*dgy*/
    border-top: 0;
}

/*
#footer .S-shadowwrap {position:relative;z-index:999;}
#footer .ui-widget-header {background-position:top;border-left:0;border-right:0;}
#footer .outer {margin:10px -1px 0;border:1px solid;}
#footer ul {margin: 2px 1px;padding:10px 4px;font-weight:bold;height:80px;overflow:hidden;} 
#footer li {margin:0px;padding: 0 0 0 30px;list-style-type: none;}
#footer ul.last li {text-align:center;padding: 0px;}
#footer li a, #credits a {text-decoration:none;}
#footer li a:hover, #credits a:hover {text-decoration:underline;} 
*/
#credits{padding:10px 0 0 0;font-size:0.8em;font-weight:normal;text-align:center;}

/* columns*/
#columnLeft, #columnRight {padding: 5px 0;}
#columnLeft .infoBoxContainer, #columnRight .infoBoxContainer {margin:0 0 5px 0;}
#columnLeft .infoBoxHeading, #columnRight .infoBoxHeading, #product_info .infoBoxHeading {padding: 10px 0 10px 5px;}
#columnLeft .ui-widget-content, #columnRight .ui-widget-content, #index .ui-widget-content, #product_info .ui-widget-content{background-position:center -100px;margin-top:-1px;}


/*[33ae] loading icon*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url(/catalog/images/icons/Preloader_2.gif) center no-repeat; remplacé par svg */
}


#index h2, #reviews h2 {margin:0;padding: 5px;text-decoration: none;border-bottom:1px solid;}
#reviews h2{margin-top: 10px;}
/*
#index .contentText table, #specials table {border-spacing:5px;}
#index .contentText table td, #specials td {padding:10px;border:1px solid;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px 3px 3px 3px;
} */

/* [dgy]  Saint Plifiez, priez pour nous! 
#index .contentText table td img, #specials .contentText img {padding:10px;}
#index .contentText table td, #specials td{font-size:12px;}
#index .contentText table td a, #specials td a{text-decoration:none;}
#index .contentText table td a:hover, #specials td a:hover{text-decoration:underline;}
#index .contentText table.productListingHeader, #index .contentText table.productListingData {border-collapse:collapse;}
#index .contentText table.productListingHeader td {border:0px;background:none;}
#index .productListTable tr td, #advanced_search_result .productListTable tr td{border:0px;padding:5px;}
#index .productListTable tr td img, #advanced_search_result .productListTable tr td img{padding:0;}
#index .productListTable tr td:hover{border:0px;}
#index .productListTable tr td a{font-size:11px;}
*/
/**************************************************************************************************/
/**************************************************************************************************/
/*[30m] Simplifions!!!
#products_new table {border-collapse: collapse;}
#products_new td, #shopping_cart .contentText table tr td {border-bottom:1px solid;}
#products_new tr:first-child, #shopping_cart .contentText table  {border-top:1px solid;}
#products_new td {padding:10px 0;}
#products_new .smallText{text-align:center;}
*/
#shopping_cart .contentText table tr td  {vertical-align:middle;padding: 0 20px 0 0;}
#shopping_cart .contentText table table tr:hover {background:rgba(0, 0, 0, 0.0); /* don't change this */}
#shopping_cart .contentText table table tr td, #shopping_cart .contentText table table  {border-bottom:0px;border-top:0px;}
/**************************************************************************************************/
/**************************************************************************************************/
.buttonSet, .stockWarning, #create_account p, #address_book .contentContainer>p{
    overflow:hidden;
    padding:15px 10px;
    margin:10px 0 0 0;
    /*border:1px solid;*/
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px 3px 3px 3px;
}
#product_info .buttonSet, #product_reviews .buttonSet, #product_reviews_info .buttonSet, #product_reviews_write .buttonSet{margin:20px 0 0 0;}
#account_edit .buttonSet{margin-bottom:-5px;border-left:none;border-right:none;border-bottom:none;}
/**************************************************************************************************/
/*
#product_info h1:first-child, #product_reviews h1:first-child, #product_reviews_info h1:first-child, #product_reviews_write h1:first-child {
margin:0;
border:none;
}

#product_info .description, #product_reviews_info .contentText, #product_reviews_write .contentText{
padding:0 10px;
text-align:justify;
overflow:auto;
}

#product_info .description p:first-child{margin-top:0px;}
*/

#product_reviews_info .contentText, #product_reviews_write .contentText{
    padding:0 10px;
    text-align:justify;
    overflow:auto;
}


.description {
    padding:0 10px;
    text-align:justify;
}

.description p:first-child{margin-top:0px;}


#piGal {
    float:left; margin: 0 6px 6px 0; padding:6px;
} /*[30i1]*/
#piprice {
    float :right; margin: 0 0 6px 12px; padding:10px;
    background-color : #f5f5f5;
} /*[30i2]*/

@media (max-width: 1250px) { /*CD*/
    #piprice {
    width:calc(100% - 426px - 16px + 10px); /* CD: largeur image, marge droite image, padding gauche div.produit.description */
    margin-left:0;
}
}

@media (max-width: 900px) { /*CD*/
    .produit.image {
    width: 100%;
    text-align: center;
    float: none;
    }
    #piGal {
        margin:0 auto;
        float: none;
    }
    #piprice {
        min-width: 50%;
        margin-left: 12px;
    }
}

#piGal .outer{margin:0; padding:0;} /* possible to add a padding */
#piGal ul, #piGal li {margin:0;padding:0;list-style:none;}
#piGal ul.thumbs{margin-top:5px;}
#piGal img {
    -webkit-box-shadow: 0px 0px 0px #000;
    -moz-box-shadow: 0px 0px 0px #000;
    /* border:1px solid;  */
}

/*#piname {}
#pidescription {}
*/

#product_info .options{
    margin:15px 10px 10px 10px;
    border:1px solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px 3px 3px 3px;
    overflow:hidden;
}

#product_info .options p{padding: 0 10px;}

#product_info .options p:first-child{
    margin:0;
    padding: 10px;
    text-decoration: none;
    border-bottom: 1px solid;
    font-size:1.2em;
    font-weight:bold;
}

#product_info .ui-widget-content{padding: 10px 0;}

/* boxes style 1*/
#login .contentContainer, #checkout_shipping .contentContainer, #checkout_payment .contentContainer, #checkout_shipping_address .contentContainer, #checkout_payment_address .contentContainer{
    margin:10px 5px 0 5px;
    border:1px solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px 3px 3px 3px;
}

#login .contentContainer h2, #checkout_shipping .contentContainer h2, #checkout_payment .contentContainer h2, #checkout_shipping_address .contentContainer h2, #checkout_payment_address .contentContainer h2{
    margin:0px;
    padding:10px;
    border-bottom: 1px solid;
    border-top: 1px solid;
    text-decoration:none;
}

#login .contentContainer h2, #checkout_shipping .contentContainer h2:first-child, #checkout_payment .contentContainer h2:first-child, #checkout_shipping_address .contentContainer h2:first-child, #checkout_payment_address .contentContainer h2:first-child{
    border-top:0px;
}

/**/

#checkout_shipping .infoBoxContainer, #checkout_payment .infoBoxContainer, #checkout_shipping_address .infoBoxContainer, #checkout_payment_address .infoBoxContainer, #address_book .infoBoxContainer{
    margin-bottom:10px;
}

#address_book .infoBoxContainer{
    margin-top:5px;
}

#checkout_shipping .contentText, #checkout_payment .contentText, #checkout_shipping_address .contentText, #checkout_payment_address .contentText, #address_book .contentText, #address_book_process .contentText, #account_password .contentText, #account_newsletters .contentText, #account_notifications .contentText, #account_history .contentText table, #account_history_info .contentText, #advanced_search .contentText, #password_forgotten .contentText, #create_account_success .contentText{
    padding: 5px 10px;
}

#advanced_search .contentText{
    padding: 5px 15px 5px 10px;
}

#address_book_process .contentText, #account_password .contentText, #account_newsletters .contentText, #advanced_search .contentText, #password_forgotten .contentText, #create_account_success .contentText{
    margin-top:10px;
}

#login .contentText{padding: 0px 10px;}


/* boxes style 2*/
#create_account .contentText, #checkout_confirmation .contentText, #account .contentText, #account_edit .contentText, #address_book .contentText, #address_book_process .contentText, #account_password .contentText, #account_newsletters .contentText, #account_notifications .contentText, #account_history_info .contentText, #advanced_search .contentText, #password_forgotten .contentText, #create_account_success .contentText, #account_history .contentText table{
    border:1px solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px 3px 3px 3px;
}


#create_account .contentContainer h2, #checkout_confirmation .contentContainer h2, #account .contentContainer h2, #account_edit .contentContainer h2, #address_book .contentContainer h2, #account_notifications .contentContainer h2, #account_history .contentContainer h2, #account_history_info .contentContainer h2{
    padding: 10px;
    text-decoration: none;
    border:1px solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px 3px 3px 3px;
}

#create_account .contentContainer h2, #checkout_confirmation .contentContainer h2, #account .contentContainer h2, #account_edit .contentContainer h2, #address_book .contentContainer h2, #account_notifications .contentContainer h2, #account_history .contentContainer h2, #account_history_info .contentContainer h2{
    border-bottom:none;
    margin-bottom:-3px;
}

#create_account .fieldKey{padding-left:10px}
#account .accountLinkList li{overflow:hidden}

.accountLinkListEntry {float: left; margin-top:4px;margin-right: 6px;} /*dgy repositionner l'icône ??? */

#advanced_search .contentText table{padding:10px;margin:10px 0;border:1px solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px 3px 3px 3px;
}
#advanced_search .contentText table td{padding:5px 0;}

#account_history_info span.contentText{border:0px;}

#create_account .contentText, #checkout_confirmation .contentText, #account .contentText, #account_edit .contentText, #address_book .contentText, #account_notifications .contentText, #account_history .contentText table, #account_history_info .contentText{border-top:none;}

#checkout_confirmation div.contentText:last-child{border:none;margin-top:20px;}

#account_history .contentContainer h2{border-bottom:none;margin-bottom:-8px;}

#create_account span.inputRequirement, #address_book_process span.inputRequirement, #account_edit div.inputRequirement, #account_password span.inputRequirement{padding:10px;}

#checkout_success .productsNotifications{padding:10px 20px;border:1px solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px 3px 3px 3px;
}

/* inputs */
input, select, textarea {        /*dgy: select */
    border:1px solid;
    padding: 5px;
    margin:2px !important;    /* dgy */
    font-size:1.2em;
    color: black;   /* pour contrer bg-dark */ 
}
input, select {       /*dgy: select */
    /* height:25px; line-height:25px; width:200px; */
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px 3px 3px 3px;
}
input[type=radio], input[type=checkbox] {
    width:25px; vertical-align:middle; height:auto; border:none; padding-top:0; padding-bottom:0;
}
#shopping_cart input[type=text], #product_info input[type=text] {
    text-align:center;
    margin:0 5px 0 0;
    width:20px;
    height:15px;
    line-height:15px;
    font-size:1.1em;
}
#header .search input {
    line-height:25px;
    height:25px;
    font-weight:bold;
    font-size:1.1em;
    color:rgba(0, 0, 0, 0.7);
    border:1px solid;
    padding:0 0 0 5px;
    width:30%;  /*[dgy]*/
}
#contact_us textarea{width:auto;}
#checkout_shipping textarea, #checkout_payment textarea, #advanced_search input{margin-left:-6px;}
#product_reviews_write textarea{font-size:1.2em;}

/* advanced search box in left column */
#columnLeft form[name="quick_find"] input[type="text"], #columnRight form[name="quick_find"] input[type="text"]{height:20px;line-height:20px;width:75% !important; }
#columnLeft input[type="image"], #columnRight input[type="image"]{height:auto; width:auto; vertical-align:middle; border:none;}

/* Customization [dgy] */
/*a, h2 a, .ui-widget-content a, .infoBoxContainer a, .rubriques a, .breadcrumb a {color: #333; text-decoration:none; }
*/
a:hover, h2 a:hover, .ui-widget-content a:hover, .infoBoxContainer a:hover, .rubriques a:hover, .breadcrumb a:hover {color: #333; text-decoration:underline; }

/* dgy
.rubriques a {font-weight:bold; font-size: larger;}
*/
.rubriques a {font-weight:bold;}




.explain {color:gray; text-align:center;  font-size: 0.8em}

#cards input {width: 40px;}    /*[30g] Pour les cartes de paiement E-transactions dans checkout_confirmation.php */

/* pour assurer un comportement Ok en l'absence de banner dans le header */
#headerBanner .banner {
    height: 100px;
}
#storeLogo {
    margin: 0 !important;
    background-color: transparent;
    /*height: 140px;*/  
}
#storeLogo .logo {
    float: left;
    padding: 6px;  
}
#storeLogo .details {
    padding: 16px;
    background-color: transparent;
    height: auto;   
}
#storeLogo .details .big {
    font-size: larger;
    font-weight: bold;
}

#messages {
    overflow: hidden;
    min-width: 100px;
}

.message {
    text-align: center;
    background:rgba(255, 255, 255, 0.2);
    padding: 6px;
}

#headerCart {
    height: 32px;  /* pour éviter de danser! */
    text-align: right;
    padding-bottom: 6px;
}

#footer .outer {
    margin: 0;
    border: 0;
}


/* Attention à la largeur des champs dans les boxes */
.infoBoxContents input {
    width: auto;
    padding: 0;
    margin-bottom: 6px;
}

/*[33t] products listing */

.productListingData {
    font-size: .9em;
}

.productListingData tr {     /* attention à la hauteur du bouton Acheter, dépendante de la taille de la police. Ok pour  */
    height: 56px;
}

.productListingHeader .name, .productListingData .name {
    padding-left : 10px;
    padding-right : 10px;
}

.productListingHeader .unite {
    font-weight:normal;
}

.productListingData .name {
    font-weight: bold;
}

.productListingData .image {
    overflow: hidden;    
} 

/* pagination */
div.pagination span:hover {
    background-color: #a5b8da;
}

/* product_listing */
.pagination.haut {
    margin-bottom: 6px;
}
.pagination.bas {
    margin-top: 0px;
}

/*[33y4b] Pure CSS button - See http://cssgradientbutton.com/ */

.productListTable .button_css {
    border:1px solid #3a863a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
    font-size:1.2em;
    font-family:arial, helvetica, sans-serif; 
    padding: 6px 10px 6px 10px; 
    text-decoration:none; 
    display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; color: #FFFFFF;
    background-color: #4BAD4B; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4BAD4B), to(#449D44));
    background-image: -webkit-linear-gradient(top, #4BAD4B, #449D44);
    background-image: -moz-linear-gradient(top, #4BAD4B, #449D44);
    background-image: -ms-linear-gradient(top, #4BAD4B, #449D44);
    background-image: -o-linear-gradient(top, #4BAD4B, #449D44);
    background-image: linear-gradient(to bottom, #4BAD4B, #449D44);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4BAD4B, endColorstr=#449D44);
}

.productListTable .button_css:hover{
    border:1px solid #2c662c;
    background-color: #3c893c; background-image: -webkit-gradient(linear, left top, left bottom, from(#3c893c), to(#357935));
    background-image: -webkit-linear-gradient(top, #3c893c, #357935);
    background-image: -moz-linear-gradient(top, #3c893c, #357935);
    background-image: -ms-linear-gradient(top, #3c893c, #357935);
    background-image: -o-linear-gradient(top, #3c893c, #357935);
    background-image: linear-gradient(to bottom, #3c893c, #357935);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3c893c, endColorstr=#357935);
}

.productListTable .button_css .ui-widget-content a {
    color : white !important;
}

#product_info_footer button {
    margin-top: 1em;
}


/* Catalogue : colonne de gauche et navigation */
a.headerNavigation,
#columnLeft .infoBoxContents, #columnLeft .infoBoxContents a {
    FONT-WEIGHT: bold; FONT-SIZE: .9em; TEXT-DECORATION: none;
    padding: 2px;
}



/* Cookie Consent */
.cookie_banner {}
.cc_banner {padding:1em; background-color:#666; margin-bottom:1em}
span.cc_message {color:white; margin-left:1em;}
a.data-cc-if {margin-left:1em;}
a.cc_more_info {margin-left:1em;}
.button-ok {font-weight:bold; padding:3px; margin-left:1em;}


/* Ajustements */

#cards {
    float: right;
    width: 66%;
}

.ui-button {
    top: -0.15em;  /*[dgy] A suivre : alignement vertical des boutons par rapport aux champs imput */
}

.headcart img {    /*[dgy] alignement du caddie */
    position: relative;
    top: 0.2em;
    padding-right: 6px;
}

/* checkout_confirmation.php [30bd2] */
.acceptance {
    float: left; /*[dgy]*/
    padding: 1em 0 1em 0;
}
.order_button {
    margin: 1em 0 1em 0;  /*[dgy]*/
}


/* RWD    [dgy]
Suppose que le viewport ait été fixé.
*/

.hide_mobile {
    display: block;
}
.show_mobile {
    display: none;
}


@media (max-width: 960px) {

    /* masquer les éléments superflus et faire apparaitre les éléments de remplacement */
    .hide_mobile {
    display: none !important;
}
.show_mobile {
    display: block !important;
}

}