* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body, html {
    font-family: 'Lato', sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    color: #2e85be;
    font-weight: 300;
    font-size: 14px;
    width: 100% !important;
    height: 100% !important;
    background-color: #b1bfba;
}
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

h1 {
    /*
    font-size: 30px;
    font-weight: 700;
    */
}

h2 {
    font-size: 25px;
    font-weight: 500;
}

h3 {
    font-size: 22px;
    font-weight: 500;
    color: #333;
}

h4 {
    font-size: 24px;
    font-weight: 400;
    color: #333;
}

h5 {
    font-weight: 700;
    line-height: 20px;
}

p {
    font-size: 16px;
}

a {
    color: #f00;
}

a:hover, a:focus {
    text-decoration: none;
    color: #222;
}

.hidden {
    display: none;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

#page {
    background-color: #fff;
    width: 1250px;
    margin: 0 auto;
}

#logo { padding-left: 20px; }

/* Menu haut */
nav { font-size: 14px; padding-top: 0.7em; margin: 0; text-align: center; }
nav li { display: inline; list-style: none; }
nav li a { color: #fff; display: inline-block; margin: 0 4.5em; }
nav li a:hover { color: #f1a005; }
nav li a.nolink { color: #91989c; }
nav li a.nolink:hover { text-decoration: none; !important; }

/* Choix de la langue */
.chxLanguage { text-align: left; width: 60px; z-index: 99; }
.chxLanguage a { color: #fff; }
.autresChoix { z-index: 199; position: absolute; }
.autresChoix dl {
    border-top: 1px solid #1d1d1b;
    text-align: left;
    width: 50px;
}

.autresChoix dt a {
    display: block;
    padding: 1px 0 1px 1em;
    background-color: #91989c;
    border-bottom: 1px solid #1d1d1b;
}

.autresChoix dt a:hover {
    background-color: #1d1d1b;
}

#filariane {
    background-color: #000;
    font-size: 12px;
    padding: 1px 0 0 1em;
    color: #fff;
}

#filariane a {
    color: #eaeaea;
}

#dheader{ background-color: #105fa5; height: 311px; }

#toptools {
    border-top: 1px solid #fff;
    background: #105fa5 url(/Medias/Dosatron/Dosatron-logo-fond.png) no-repeat 300px bottom;
    height: 160px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 2em;
    color: #fff;
}

div.arp {
    padding: 5px 1.2em 0 0;
    font-size: 12px;
}

div.arp form {
    padding-bottom: 1em;
}

div.arp input[type=text] {
    text-transform: uppercase;
    border: 1px solid #2e85be;
    color: #000;
    width: 251px;
    padding: 2px;
    background-color: #ccccca;
}

div.arp .styled-select {
    background: url(/Medias/Dosatron/icons/select_bas.png) no-repeat right top;
    height: 20px;
    overflow: hidden;
    width: 194px;
    background-color: #7eb3d7;
}
div.arp .styled-select select {
    background: transparent;
    border: none;
    height: 20px;
    padding: 1px 0 0 1px;
    width: 270px;
    font-size: 12px;
}
div.arp input[type=submit] {
    border: 1px solid #2e85be;
    background-color: #2e85be;
    color: #fff;
    padding: 2px 5px;
    font-weight: 700;
}
div.arp .blue { background-color: #7eb3d7; }
div.arp .blue select { color: #fff; }


a.unlogin {
    padding: 2px 20px;
    background-color: #F1A005;
    color: #fff;
}

div.representants {
    width: 180px;
    float: left;
    margin-top: 10px;
}
div.representants h4 { margin: 2px 0 0 0; padding: 0; font-size: 13px; font-weight: 700; color: #fff; }
div.representants p {margin: 0; padding: 0; line-height: 20px; }
div.representants a {
    background: url(/Medias/Dosatron/icons/icon_enveloppe.png) left center no-repeat;
    padding: 0 0 0 1.6em;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
}
div.representants a:hover { color: #cdcdcc; }

a.adep {
    font-size: 12px !important;
    color: #6f6f6e !important;
    text-decoration: underline;
}
a.adep:hover {
    color: #000;
}

/* Menu central en icones */
section.mci {
    background-color: #105fa5;
    padding: 13px 0 5px;
}

.dbg{ border-top: 3px solid #f00;}

.rxb1 {
    width: 100%;
    margin: 0; padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.dectop80 { padding-top: 80px; }

div.moncompte, div.monpanier { padding: 0.8em 0 0; }
div.moncompte p { margin: 0 0 0.6em 0; line-height: 16px; }
div.monpanier p { font-size: 14px;  margin: 0; line-height: 16px; }
div.moncompte a { font-size: 13px; color: #d9d9d8; text-decoration: underline; }
div.monpanier a { font-size: 13px; color: #d9d9d8; }
div.moncompte h4 { font-size: 14px; padding: 2px 0 0 16px; margin: 0; }
div.monpanier h4 { font-size: 14px; padding: 2px 0 0 19px; margin: 0; }
div.moncompte h4 { background: url(/Medias/Dosatron/icons/icon_moncompte.png) left top no-repeat; }
div.monpanier h4 { background: url(/Medias/Dosatron/icons/icon_monpanier.png) left top no-repeat; }
div.moncompte h4 > a, div.monpanier h4 > a { font-size: 14px; font-weight: 700; color: #fff; text-decoration: none; margin: 0; }
div.moncompte h4 > a.titreMC { padding-right: 2em; background: url(/Medias/Dosatron/icons/Icon_Bas.png) right 3px no-repeat; }
div.monpanier h4 > a.titreMP { padding-right: 2em; background: url(/Medias/Dosatron/icons/Icon_Bas.png) right 3px no-repeat; }

.iconCatalogue {
    width: 160px;
    padding: 0 0 0 2em;
    background: url(/Medias/Dosatron/icons/icon_excel.png) left top no-repeat;
    line-height: 14px;
}
.iconCatalogue a { font-size: 14px; color: #fff; }
div.mci-cc { }
a.nolink { cursor: default; }
.iconav { text-align: center; }
.iconav ul { padding: 5px 0 0; }
.iconav li { display: inline; list-style: none; }
.iconav li a {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 2em;
    line-height: 92px;
}
.iconav li a.m-ah { background: url(/Medias/Dosatron/icons/Icon_AnimalHealth_off.png) center center no-repeat; }
.iconav li a.m-gl { background: url(/Medias/Dosatron/icons/Icon_Irrigation_off.png) center center no-repeat; }
.iconav li a.m-wl { background: url(/Medias/Dosatron/icons/Icon_WaterTreatment_off.png) center center no-repeat; }
.iconav li a.m-fl { background: url(/Medias/Dosatron/icons/Icon_FoodHygienne_off.png) center center no-repeat; }
.iconav li a.m-il { background: url(/Medias/Dosatron/icons/Icon_Industry_off.png) center center no-repeat; }

.iconav li a.m-ah-none { background: url(/Medias/Dosatron/icons/Icon_AnimalHealth_gray.png) center center no-repeat; }
.iconav li a.m-gl-none { background: url(/Medias/Dosatron/icons/Icon_Irrigation_gray.png) center center no-repeat; }
.iconav li a.m-wl-none { background: url(/Medias/Dosatron/icons/Icon_WaterTreatment_gray.png) center center no-repeat; }
.iconav li a.m-fl-none { background: url(/Medias/Dosatron/icons/Icon_FoodHygienne_gray.png) center center no-repeat; }
.iconav li a.m-il-none { background: url(/Medias/Dosatron/icons/Icon_Industry_gray.png) center center no-repeat; }

.iconav li a.m-ah.selected { background: url(/Medias/Dosatron/icons/Icon_AnimalHealth.png) center center no-repeat; }
.iconav li a.m-gl.selected { background: url(/Medias/Dosatron/icons/Icon_Irrigation.png) center center no-repeat; }
.iconav li a.m-wl.selected { background: url(/Medias/Dosatron/icons/Icon_WaterTreatment.png) center center no-repeat; }
.iconav li a.m-fl.selected { background: url(/Medias/Dosatron/icons/Icon_FoodHygienne.png) center center no-repeat; }
.iconav li a.m-il.selected { background: url(/Medias/Dosatron/icons/Icon_Industry.png) center center no-repeat; }

.iconav li a.m-ah:hover { background: url(/Medias/Dosatron/icons/Icon_AnimalHealth_on.png) center center no-repeat; }
.iconav li a.m-gl:hover { background: url(/Medias/Dosatron/icons/Icon_Irrigation_on.png) center center no-repeat; }
.iconav li a.m-wl:hover { background: url(/Medias/Dosatron/icons/Icon_WaterTreatment_on.png) center center no-repeat; }
.iconav li a.m-fl:hover { background: url(/Medias/Dosatron/icons/Icon_FoodHygienne_on.png) center center no-repeat; }
.iconav li a.m-il:hover { background: url(/Medias/Dosatron/icons/Icon_Industry_on.png) center center no-repeat; }

a.linktologin {
    background-image: url(/Medias/Dosatron/icons/bouton-ditrib.png);
    color: #fff;
    width: 250px;
    display: block;
    text-align: center;
    padding-right: 50px;
    margin: 0 4px 0 1px;
}

footer div.row {
    margin: 0;
    background-color: #323232;
    color: #fff;
    border-top: #323232 4px solid;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
}
footer li { list-style: none; padding-top: 2px; }
footer h4, footer h6 {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
footer h4 { text-transform: uppercase; }
footer a { color: #fff; }
footer a:hover { color: #fff; text-decoration: underline; }
#middelfoot { font-size: 10px; background-color: #2c2d2d; padding: 5px 2em; }

#linktotop {
    padding-right: 60px;
    font-size: 11px;
    background: url(/Medias/Dosatron/icons/fleche_retour_haut.png) right center no-repeat;
}
li.ifax { background: url(/Medias/Dosatron/icons/_fax.png) left center no-repeat; padding-left: 1.3em; }
li.itel { background: url(/Medias/Dosatron/icons/_tel.png) left center no-repeat; padding-left: 1.3em; }
li.imail a { text-decoration: underline; }

#btfoot {
    border-top: #1e1e1d  3px solid;
    background-color: #1e1e1d ;
}
#btfoot ul {
    width: 100%;
    margin: 0; padding: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
#btfoot ul > li { color: #fff; padding: 0.8em 1em; list-style: none; }

ul.resosocio {
    display: table;
}
ul.resosocio li {
    display: table-cell;
    padding-right: 0.6em;
}
ul.resosocio a {
    display: block;
    width: 27px;
    height: 27px;
}
ul.resosocio span {
    display: none;
}
ul.resosocio a.facebook { background: url(/Medias/Dosatron/icons/icon_facebook.png) left center no-repeat; }
ul.resosocio a.youtube { background: url(/Medias/Dosatron/icons/icon_youtube.png) left center no-repeat; }
ul.resosocio a.linkedin { background: url(/Medias/Dosatron/icons/icon_linkedin.png) left center no-repeat; }
ul.resosocio a.instagram { background: url(/Medias/Dosatron/icons/icon_instagram.png) left center no-repeat; }


footer .tfmrc {
    padding-left: 6em;
}

.bk-ah { background-color: #F1A005; }
.bk-gl { background-color: #00783c; }
.bk-wl { background-color: #00ABE4; }
.bk-fl { background-color: #72777A; }
.bk-il { background-color: #8D69A3; }

.tc-ah { color: #F1A005; }
.tc-gl { color: #00783c; }
.tc-wl { color: #00ABE4; }
.tc-fl { color: #72777A; }
.tc-il { color: #8D69A3; }

.sm-ah { background-color: #F1A005; color: #fff; }
.sm-gl { background-color: #00783c; color: #fff; }
.sm-wl { background-color: #00ABE4; color: #fff; }
.sm-fl { background-color: #72777A; color: #fff; }
.sm-il { background-color: #8D69A3; color: #fff; }
.sm-compte  { background-color: #BFB691; color: #fff; }
.sm-search  { background-color: #ccccca; color: #fff; }

.sm-ah span { background: url(/Medias/Dosatron/icons/mlg-ah.png) left center no-repeat; padding-left: 3em; }
.sm-gl span { background: url(/Medias/Dosatron/icons/mlg-gl.png) left center no-repeat; padding-left: 3em; }
.sm-wl span { background: url(/Medias/Dosatron/icons/mlg-wl.png) left center no-repeat; padding-left: 3em; }
.sm-fl span { background: url(/Medias/Dosatron/icons/mlg-fl.png) left center no-repeat; padding-left: 3em; }
.sm-il span { background: url(/Medias/Dosatron/icons/mlg-il.png) left center no-repeat; padding-left: 3em; }
.sm-compte span { background: url(/Medias/Dosatron/icons/mlg-compte.png) left center no-repeat; padding-left: 3em; }
.sm-search span { background: url(/Medias/Dosatron/icons/mlg-compte.png) left center no-repeat; padding-left: 3em; }

ul.menu_flex { width: 100%; list-style: none; display:table; width: 100%; background-color: #2e85be; }
ul.menu_flex li { display: table-cell; text-align: center; border-right: 1px solid #fff; text-transform: uppercase; }
ul.menu_flex li.last { border: inherit; }
ul.menu_flex li a { color: #fff; }

table.catalogue { width: 100%; color: #000; margin: 1.5em 0 1em; }
table.catalogue a { color: #2e85be; text-decoration: underline; }

table.catalogue tr.thead { background-color: #2e85be; color: #fff;}
table.catalogue tr.thead .titre { text-transform: uppercase; background-color: #a1daf8; color: #fff; line-height: 1.8em; }
table.catalogue tr.thead th { border-right: 1px solid #fff; text-align: center; }
table.catalogue tr.thead th.nb { border-right: inherit; }
table.catalogue tr.thead th.nw { white-space: nowrap; display: inline-block; }
table.catalogue tr.thead th.fixie { min-width: 8em; }
table.catalogue tr.thead th.fixielite { min-width: 0.5em; }
table.catalogue tr.thead a { color: #fff; text-decoration: underline; }

table.catalogue tr.thead .border-b-ah { border-bottom: 4px solid #F1A005; }
table.catalogue tr.thead .border-b-gl { border-bottom: 4px solid #00783c; }
table.catalogue tr.thead .border-b-wl { border-bottom: 4px solid #00ABE4; }
table.catalogue tr.thead .border-b-fl { border-bottom: 4px solid #72777A; }
table.catalogue tr.thead .border-b-il { border-bottom: 4px solid #8D69A3; }
table.catalogue tr.thead td { margin-left: 2px; margin-right: 2px; }

table.catalogue td.article { color: #2e85be; }
table.catalogue td.lx-ah { background: url(/Medias/Dosatron/icons/mnl-ah.png) left center no-repeat; padding-left: 20px; }
table.catalogue td.lx-gl { background: url(/Medias/Dosatron/icons/mnl-gl.png) left center no-repeat; padding-left: 20px; }
table.catalogue td.lx-wl { background: url(/Medias/Dosatron/icons/mnl-wl.png) left center no-repeat; padding-left: 20px; }
table.catalogue td.lx-fl { background: url(/Medias/Dosatron/icons/mng-fl.png) left center no-repeat; padding-left: 20px; }
table.catalogue td.lx-il { background: url(/Medias/Dosatron/icons/mnl-il.png) left center no-repeat; padding-left: 20px; }
table.catalogue tr.odd {
    background-color: #DFFCFF;
    /* background: url(/Medias/Dosatron/imgfnd-table.png) left center; */
}

table.catalogue ul { padding: 2px; list-style: none; margin: 0; }
table.catalogue li { display: inline; }
table.catalogue li img { width: 20px; margin: 0 1px; }
a.addcart, a.addcartsingle {
    background: url(/Medias/Dosatron/icons/icon_ajouter_panier.png) left center no-repeat;
    display: block;
    width: 20px;
    height: 17px;
    text-decoration: none;
    margin-left: 2em;
}
table.catalogue tr.tfoot td { height: 2em; text-align: center; vertical-align: top; padding-top: 5px; }
table.catalogue td.footer { border-top: 1px solid #2e85be; }

nav.pagination { margin: 1em 0;}
nav.pagination a {
    color: black;
    float: left;
    padding: 6px 12px;
    text-decoration: none;
    border-radius: 7px;
    transition: background-color .2s;
    margin: 0 1px;
}
nav.pagination a.active { color: white; }
nav.pagination a:hover:not(.active) { background-color: #ddd; }

p.noresult { text-align: center; padding: 5em; font-size: 18px; }

td.ar { text-align: right; }
td.ac { text-align: center; }
td.reducicon { padding: 1px; font-size: 0.7em; }

input.ar { text-align: right; padding: 0 2px; margin: 1px 0 1px 5px; font-size: 0.9em; }
input.ac { text-align: center; padding: 0 2px; margin: 1px 0 1px 5px; font-size: 0.9em; }

div#masteradr { display: flex; flex-wrap: wrap; justify-content: center;  }
div.bkadr {  min-height: 100px; min-width: 300px; margin: 0 2em; }
div.bkadr dl { font-size: 18px; }
div.bkadr dt { border-bottom: 1px solid #2e85be; }
div.bkadr dd { font-size: 14px; color: #000; }

h2.infocmd {  padding-left: 3.3em; text-decoration: underline; color: #666; }
p.retcmd { padding-left: 5em; }
p.retcmd a.retour { padding-left: 2.7em; font-size: 15px; color: #000; text-decoration: none; }

div.produit { display: flex; flex-wrap: wrap; justify-content: center; padding: 2em 0;}
div.produit div.center { padding: 0 2em; }
div.produit h3 { margin: 0 0 0.3em; font-size: 27px; color: #004967; }
div.produit p { margin: 0; font-size: 15px; color: #000000; }

div.produit table.cmdx {}
div.produit table.cmdx td { padding: 0 5px 0 0; }

div.produit a.pdf { font-size: 15px; color: #2e85be; text-decoration: underline; }
div.produit p.esp { padding: 0.6em 0; }
div.produit p.esp a { font-size: 12px; color: #f1a005; text-decoration: underline; }

div.produit a.retour { padding-left: 2.7em; font-size: 15px; color: #000; text-decoration: none; }
div.produit a.ret-ah { background: url(/Medias/Dosatron/icons/fleche_retour_ah.png) left center no-repeat; }
div.produit a.ret-gl { background: url(/Medias/Dosatron/icons/fleche_retour_gl.png) left center no-repeat; }
div.produit a.ret-wl { background: url(/Medias/Dosatron/icons/fleche_retour_wl.png) left center no-repeat; }
div.produit a.ret-fl, a.ret-cmd { background: url(/Medias/Dosatron/icons/fleche_retour_fl.png) left center no-repeat; }
div.produit a.ret-il { background: url(/Medias/Dosatron/icons/fleche_retour_il.png) left center no-repeat; }
div.produit a.ret-o2 { background: url(/Medias/Dosatron/icons/fleche_retour_o2.png) left center no-repeat; }

div.produit .zoom { display:inline-block; position: relative; border: 1px solid #eee; }
div.produit .zoom:after {
    content:'';
    display:block;
    width:33px;
    height:33px;
    position:absolute;
    top:0;
    right:0;
    background: url(/Medias/Dosatron/icons/icon_loupe.png);
}
div.produit .zoom img { max-width: 200px; max-height: 300px; display: block; padding: 0 1em; background-color: #fff; }
div.produit div.right { padding: 0 2em; font-size: 15px; color: #000000; }
div.produit a.addcart {
    background: url(/Medias/Dosatron/icons/icon_ajouter_panier.png) left center no-repeat;
    display: block;
    width: 20px;
    height: 17px;
    text-decoration: none;
}

div.produit .nozoom { display:inline-block; position: relative; border: 1px solid #eee; }
div.produit .nozoom img { max-width: 200px; max-height: 300px; display: block; }

div.box-master-section {
    padding: 1em 0 0;
    margin-bottom: 2em;
    /*background: #fff url(/Medias/Dosatron/imgfnd-iconav.png);*/
}

h3.master-section { text-align: center; font-size: 27px; color: #004967; }
div.ligne-catalogue {  display: flex; flex-wrap: wrap; justify-content: center; padding: 0 0 2em; }
div.bkPdtSimple { font-size: 13px; color: #000; width: 170px; margin: 0 1em; }
div.bkPdtSimple div.illus { display: flex; flex-wrap: wrap; justify-content: center; padding: 2em 0;}
div.bkPdtSimple div.illus-label { width: 24px; margin-top: auto; }
div.bkPdtSimple div.illus-label ul { padding: 0; list-style: none; }
div.bkPdtSimple div.illus-label li img { width: 24px; }
div.bkPdtSimple div.illus-illu { width: 134px; }
div.bkPdtSimple div.illus-illu img { max-width: 130px; }
div.bkPdtSimple div.illus-rien { width: 12px; }
div.bkPdtSimple h4 { margin: 0 0 0.3em; text-align: center; }
div.bkPdtSimple h4 a { font-size: 17px; color: #fff; padding: 1px 4px; }
div.bkPdtSimple p { margin: 0; font-size: 13px; text-align: center; }
div.bkPdtSimple p.eclate a { color: #2e85be; text-decoration: underline; }
div.bkPdtSimple p.esp a { text-decoration: underline; }

div.plierdeplier{ text-align: center; padding-bottom: 1em; }

/* login */
.loginmodal { }

.dosamodal-container {
    padding: 10px 20px;
    max-width: 350px;
    width: 100% !important;
    background-color: #e1e9ed;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.dosamodal-container h3 { color: #2e85be; text-align: center; font-size: 1.6em; }
.dosamodal-container input[type=submit] {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.dosamodal-container input[type=text], input[type=password] {
    height: 40px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #2e85be;
    border-top: 1px solid #2d7cb3;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dosamodal-container input[type=text]:hover, input[type=password]:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.dosamodal-submit {
    border: 0px;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    background-color: #2e85be;
    padding: 17px 0px;
}
.dosamodal-submit:hover {
    border: 0px;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    background-color: #357ae8;
}
.dosamodal-container a {
    text-decoration: none;
    color: #666;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    opacity: 0.6;
    transition: opacity ease 0.5s;
}
.dosamodal-container a.txtfff {
    color: #fff;
    font-weight: bold;
}


.dosamodal-container-lg {
    padding: 10px 20px;
    max-width: 550px;
    width: 100% !important;
    background-color: #e1e9ed;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.dosamodal-container-lg h4 { color: #2e85be; font-size: 1.2em; line-height: 1.4em; }


div.loadcmdfile {
    padding: 0 2em 5em;
    font-size: 0.9em;
    border-top: 22px solid #bfb691;
}
div.loadcmdfile a { color: #f1a005; }
div.loadcmdfile p.error { color: #f00; }
div.loadcmdfile ul { display:table; border: 1px solid #bfb691; padding: 8px; margin: 5px 0 0; }
div.loadcmdfile li { display: table-cell; padding-right: 2em; }

div#cg { padding: 2em 4em 4em 4em; text-align: justify; }
div#cg h3 {}
div#cg ol { margin-left: 3em; }
div#cg li {  padding-bottom: 1em; }

.zwaction {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
.zwaction > a { margin: 0 2em; }

div.commentaires { padding: 0 8em 1em; }
div.commentaires h4 { font-size: 18px; color: #2e85be; margin-bottom: 0.3em; }
div.commentaires div { background-color: #eeeeee; border: 1px solid #2e85be; padding: 1em; color: #101010; }
img.delete { margin: 0 8px; opacity: 0.5; }
img.delete:hover { opacity: 1; }

p.acceptcgv { text-align: center; }
p.acceptcgv a { text-decoration: underline; color: #2e85be; }
p.acceptcgv a:hover { color: #a0a0a0; }
p.acceptcgv span { padding-left: 0.5em; }

.bktoplist { display: flex; justify-content: space-between; }
.printpdf { text-align: right; padding: 0 1em; }
.txttrf { color: #000; padding: 0; text-align: center; font-style: italic; font-size: 0.8em; }
.txttrf strong { font-size: 1.2em; }

.confirmcart { text-align: center; }
.confirmcart h4 { font-size: 1.1em; }

.home-page {
    margin: 0 8em 0 19em;
    color: #0f0f0f;
}

.home-page h2 {
    font-size: 22px; color: #f1a005;
}