﻿@charset "UTF-8";
/*
 * @author Eléonore Leibzig
 * @author Luc Poupard
 * @site Webshop Unilabs
 * @lastmodified 2021-09-07
 */

/*
    = Normalize
    = Grid
    = Fonts
    = Colors
    = Tables
    = Général
      = Class génériques
      = Liens
      = Formulaires
    = Layout
      = Header
        = First row
        = Second row
      = Sidebar
      = Content
        = Search (shop)
        = Advanced Search (catalogue)
        = Promo
      = Footer
    = Pages Shop
      = Login
      = Résultats de recherche
      = Mes favoris
      = Mes dernières commandes
      = Panier
      = Contact / Compte
      = FAQ
      = Aide
    = Pages Catalogue
      = Configuration
      = Résultats de recherche
      = Analyse      
      = News
      = Feedback
    = Composants
      = Tooltips
    = Fix Telerik
    = Media queries
*/

/*
******************************
@section Normalize
@note normalize.css v1.0.0
@license MIT License
@see git.io/normalize
******************************
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

h2 {
    font-size: 1.5em;
    margin: .83em 0 0.5em;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0 0.5em;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: .83em;
    margin: 1.67em 0;
}

h6 {
    font-size: .75em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
******************************
@section Grid
@author Felipe Roy
@author Eléonore Leibzig
@note Base grid for responsive purpose
******************************
*/
* {
    box-sizing: border-box;
}

body {
    padding: 0 1em;
}

.mobile {
    display: none;
}

.right { float: right!important; }
.left { float: left; }
.clear { clear: both; }

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.inlineBlock {
    display: inline-block;
}

.passwordContainer {
    display: inline-flex;
    align-items: center;
}

header,
.row {
    width: 100%;
    overflow: auto;
}

.col100,
.col90,
.col80,
.col75,
.col70,
.col66,
.col60,
.col50,
.col40,
.col33,
.col30,
.col25,
.col20,
.col15,
.col10 {
    float: left;
    display: block;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.col100 { width: 100%; }
.col90 { width: 90%; }
.col80 { width: 80%; }
.col75 { width: 75%; }
.col70 { width: 70%; }
.col66 { width: 66.66666666%; }
.col60 { width: 60%; }
.col50 { width: 50%; }
.col40 { width: 40%; }
.col33 { width: 33.333333333%; }
.col30 { width: 30%; }
.col25 { width: 25%; }
.col20 { width: 20%; }
.col15 { width: 15%; }
.col10 { width: 10%; }

.col100 .col75,
.col100 .col66,
.col100 .col50,
.col100 .col33,
.col100 .col25,
.col100 .col20,
.col100 .col10,
.col75 .col100 {
    padding: 0;
}

/*
******************************
@section Fonts
@author Felipe Roy
@author Eléonore Leibzig
******************************
*/
* {
    font-family: Arial, Verdana, sans-serif;
}

body {
    line-height: 1.4;
}

h1 {
    font-size: 1.3em;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 5px;
    margin: .5em 0;
}

.catalogue h1 {
    font-size: 1.5em;
    font-weight: normal;
    border-bottom: 1px solid #898989;
    padding-left: 10px;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.15em;
}

h4 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

h4 span {
    font-size: .7em;
}

h5 {
    font-size: .8em;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

p {
    font-size: 1em;
}

/*
******************************
@section Colors
******************************
*/
/*
Orange          #ea4616     Liens, boutons
Orange :hover   #e53517     Orange de la charte Unilabs
Bordures blocs  #898989     Bordure foncée des blocs principaux
Bordures champs #a9a9a9     Champs de formulaires
Séparateurs     #dbdbdb     Bordures cellules et séparateurs divers
Textes          #404040     Texte courant
Textes clairs   #908f8f     Header, information
Placeholder     #b1b1b1
*/
.orange-bg {
    background-color: #ea4616;
    color: #fff;
}

.orange {
    color: #ea4616;
}

.filter-bg {
    background-color: #fcfcfc;
}

/* À supprimer */
.dark-grey-bg {
    background-color: #818181;
    color: #fff;
}

.mid-grey-bg {
    background-color: #838383;
    color: #fff;
}

.mid-light-grey-bg {
    background-color: #dddddd;
}

.light-grey-bg {
    background-color: #f3f3f3;
}

.grey-bg {
    background-color: #a0a0a0;
    color: #fff;
}

.gradient {
    background: #fdfdfd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fdfdfd 0%, #e4e4e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #e4e4e2));
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #e4e4e2 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%, #e4e4e2 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #e4e4e2 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%, #e4e4e2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e2', GradientType=0);
}

/*
******************************
@section Tables
@author Felipe Roy
@author Eléonore Leibzig
@note Base grid for responsive purpose
******************************
*/
table th {
    font-weight: normal;
    padding: 3px;
}

table tr td {
    padding: 3px;
    vertical-align: top;
}

/*
******************************
@section Général
******************************
*/
html,
body {
    color: #404040;
    background-color: #fff;
    font-size: 13px;
    height: 100%;
}

body {
    max-width: 1280px;
    margin: 0 auto;
}

p {
    margin: 1em 0 0.5em;
}

/*
@subsection Class génériques
-----------------------------
*/
.wrapper {
    min-height: 100%;
    overflow: hidden;
    /* test lup 21/07 */
}

.paragraph {
    margin: 1em 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.txtRight {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.pad2010 {
    padding: 20px 10px;
}

.pad10 {
    padding: 10px;
}

.radius {
    padding: .25em 16px .25em 10px;
    /*margin-bottom: -2px; Décalage sur Chrome */
    margin-bottom: -1px;
    font-size: 13px;
}

.radius.orange-bg {
    font-size: 14px;
}

.bloc {
    border: 1px solid #898989;
    margin: 2px 0 30px 0;
}

.exposant {
    vertical-align: super;
    font-size: .8em;
}

.valignMiddle {
    vertical-align: middle;
}

.secondaryInformation,
.informationTxt {
    color: #908f8f;
}

.smallTxt {
    font-size: .8em;
    font-weight: normal;
}

.noRecords {
    padding: 5px 10px;
}

.succesMessage {
    color: #383838;
    background-image: url(../Images/thanksCheck.png);
    background-repeat: no-repeat;
    padding-left: 22px;
    background-size: 13px;
    background-position: 2px 1px;
    margin: 20px 10px;
}

.failedMessage {
    color: #b20000;
    background-image: url(../Images/iconCross.png);
    background-repeat: no-repeat;
    padding-left: 27px;
    background-size: 15px;
    background-position: 2px 1px;
    margin: 20px 10px 20px 0;
}

.errorMsg {
    color: #d41313;
    clear: both;
}

.alertMsg {
    border: 1px solid #DAB7B7;
    padding: 12px 1em;
    background-color: #FFDFDF;
    font-size: 1em;
    background-image: url(../Images/redAlert.png);
    background-repeat: no-repeat;
    padding-left: 46px;
    background-size: 21px;
    background-position: 10px 10px;
    margin-top: 20px;
}

.alertMsg ul:empty {
    display: none;
}

.warningMsg {
    color: #8a6d3b;
    border: 1px solid #faebcc;
    padding: 12px 1em;
    background-color: #fcf8e3;
    font-size: 1em;
    background-image: url(../Images/alert.png);
    background-repeat: no-repeat;
    padding-left: 46px;
    background-size: 21px;
    background-position: 10px 10px;
    margin-top: 20px;
}

.infoMsg {
    color: #31708f;
    border: 1px solid #bce8f1;
    padding: 12px 1em;
    background-color: #d9edf7;
    font-size: 1em;
    background-image: url(../Images/alert.png);
    background-repeat: no-repeat;
    padding-left: 46px;
    background-size: 21px;
    background-position: 10px 10px;
    margin-top: 20px;
}

/* Message d'alerte sur la page de configuration */
.validatorMessage {
    margin-top: 5px;
    padding: 4px 4px 4px 24px;
    border: 1px solid #000;
    background-image: url(../Images/alert.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 3px 4px;
    font-size: .9em;
}

/*
@subsection Liens
-----------------------------
*/
a,
a:visited {
    text-decoration: none;
    color: #ea4616;
}

a:hover,
a:focus {
    text-decoration: underline;
}

/*
@subsection Formulaires
-----------------------------
*/
select,
input {
    color: #404040;
}

/* Champs texte */
input[type="text"],
.RadInput input[type="text"] {
    border-color: #a9a9a9 !important;
}

/* Champs désactivés */
.RadInput_Default .riTextBox.riDisabled,
.RadInput_Disabled_Default {
    background: transparent !important;
    border: none !important;
    color: #404040;
}

select[disabled] {
    background: transparent !important;
    border: none !important;
    width: 80px !important;
}

/* Boutons */
.RadButton.mainButton .rbPrimaryIcon + input,
.RadButton.secondaryButton .rbPrimaryIcon + input {
    padding-left: 16px;
}

/* Boutons primaires */
.mainButton,
.search input[type="submit"],
.accessDenied input[type="submit"],
.rwOkBtn,
.RadButton.rbSkinnedButton.mainButton,
.RadButton.rbVerticalButton.mainButton,
.RadButton.mainButton input,
.RadButton.rbSkinnedButton.buttonAddToBasket,
.RadButton.buttonAddToBasket .rbDecorated {
    background-color: #ea4616;
    border: none;
    color: #fff !important;
    font-family: Arial, Verdana, sans-serif;
}

.RadButton.buttonAddToBasket.rbDisabled,
.RadButton.buttonAddToBasket.rbDisabled .rbDecorated {
    background-color: lightgray !important;
}

.mainButton,
.rwOkBtn,
.RadButton.rbSkinnedButton.mainButton,
.RadButton.rbVerticalButton.mainButton,
.RadButton.mainButton input,
.RadButton.rbSkinnedButton.buttonAddToBasket,
.RadButton.buttonAddToBasket .rbDecorated {
    background-image: none !important;
}

.mainButton:hover,
.mainButton:focus,
.search input[type="submit"]:hover,
.search input[type="submit"]:focus,
.accessDenied input[type="submit"]:hover,
.accessDenied input[type="submit"]:focus,
.rwOkBtn:hover,
.rwOkBtn:focus,
.RadButton.rbSkinnedButton.mainButton:hover,
.RadButton.rbSkinnedButton.mainButton:focus,
.RadButton.rbSkinnedButton.mainButton input:hover,
.RadButton.rbSkinnedButton.mainButton input:focus,
.RadButton.rbSkinnedButton.mainButton:hover input,
.RadButton.rbSkinnedButton.mainButton:focus input,
.RadButton.rbVerticalButton.mainButton:hover,
.RadButton.rbVerticalButton.mainButton:focus,
.RadButton.rbVerticalButton.mainButton input:hover,
.RadButton.rbVerticalButton.mainButton input:focus,
.RadButton.rbVerticalButton.mainButton:hover input,
.RadButton.rbVerticalButton.mainButton:focus input,
.RadButton.rbSkinnedButton.buttonAddToBasket:hover,
.RadButton.rbSkinnedButton.buttonAddToBasket:focus,
.RadButton.rbSkinnedButton.buttonAddToBasket:hover .rbDecorated,
.RadButton.rbSkinnedButton.buttonAddToBasket:focus .rbDecorated,
.RadButton.buttonAddToBasket .rbDecorated:hover,
.RadButton.buttonAddToBasket .rbDecorated:focus {
    background-color: #e53517;
}

.mainButton {
    padding: 7px 15px;
}

.rwOkBtn {
    padding: 7px 10px;
}

.RadButton.mainButton input {
    padding: 0;
}

.accessDenied input[type="submit"] {
    padding: 4px 10px;
}

.RadButton.rbSkinnedButton.mainButton,
.RadButton.rbVerticalButton.mainButton {
    padding: 2px 10px;
}

.RadButton.rbSkinnedButton.buttonAddToBasket,
.RadButton.buttonAddToBasket .rbDecorated {
    padding: 0 3px 0 21px;
}

.mainButton .rbPrimaryIcon,
.mainButton .rbSecondaryIcon {
    background-size: 100%;
}

/* Boutons secondaires */
.secondaryButton .rbPrimaryIcon,
.secondaryButton .rbSecondaryIcon {
    background-size: 100%;
}

.RadButton.rbSkinnedButton.secondaryButton,
.RadButton.rbVerticalButton.secondaryButton,
.rwCancelBtn,
.unitToggleButton {
    background-image: none !important;
    background-color: #fff;
    border: 1px solid #ea4616;
    color: #ea4616 !important;
    font-family: Arial, Verdana, sans-serif;
    padding: 1px 10px;
}

.rwCancelBtn {
    padding: 7px 10px;
}

.RadButton.secondaryButton input {
    background-image: none !important;
    font-family: Arial, Verdana, sans-serif;
    color: #ea4616 !important;
    padding: 0;
}

.RadButton.rbSkinnedButton.secondaryButton input:hover,
.RadButton.rbSkinnedButton.secondaryButton input:focus,
.RadButton.rbSkinnedButton.secondaryButton:hover input,
.RadButton.rbSkinnedButton.secondaryButton:focus input,
.RadButton.rbVerticalButton.secondaryButton input:hover,
.RadButton.rbVerticalButton.secondaryButton input:focus,
.RadButton.rbVerticalButton.secondaryButton:hover input,
.RadButton.rbVerticalButton.secondaryButton:focus input {
    color: #e53517;
}

.RadButton.rbSkinnedButton.secondaryButton:hover,
.RadButton.rbSkinnedButton.secondaryButton:focus,
.RadButton.rbVerticalButton.secondaryButton:hover,
.RadButton.rbVerticalButton.secondaryButton:focus,
.rwCancelBtn:hover,
.rwCancelBtn:focus,
.unitToggleButton:hover,
.unitToggleButton:focus {
    background-color: #fff;
    border: 1px solid #e53517;
    color: #e53517;
}

/* Boutons look lien */
.bloc .RadButton_Default.RadButton.rbLinkButton {
    background-color: transparent;
    border: none;
    padding: 3px 5px;
    color: #ea4616;
    text-align: left;
}

.bloc .RadButton_Default.RadButton.rbLinkButton:hover,
.bloc .RadButton_Default.RadButton.rbLinkButton:focus {
    background-color: transparent;
    color: #e53517;
    border: none;
}

.bloc .RadButton_Default.RadButton.rbLinkButton:hover span,
.bloc .RadButton_Default.RadButton.rbLinkButton:focus span,
.bloc .RadButton_Default.RadButton.rbLinkButton span:hover,
.bloc .RadButton_Default.RadButton.rbLinkButton span:focus {
    text-decoration: underline;
}

.bloc .RadButton_Default.rbLinkButton.rbDisabled,
.bloc .RadButton_Default.rbLinkButton.rbDisabled:hover {
    border: none;
    color: #908f8f;
}

.bloc .RadButton_Default.RadButton.rbLinkButton.rbDisabled:hover span,
.bloc .RadButton_Default.RadButton.rbLinkButton.rbDisabled span:hover {
    text-decoration: none;
}

/*
******************************
@section Layout
******************************
*/
/*
@subsection Header
-----------------------------
*/
#header {
    z-index: 1;
    position: relative;
    top: 0;
    font-size: 14px;
}

#header .col100 {
    padding-bottom: 0;
}

#header .col100 .col25,
#header .col100 .col75 {
    padding: 0;
}

#header .col100 .col75 {
    padding-left: .5em;
}

/* Logo */
.logo img {
    width: 250px;
    max-width: 100%;
    height: auto;
    margin-top: 7px;
}

/* First row ----------------*/
.headerFirstRow {
    border-bottom: 1px solid #c3c3c3;
    margin-top: 0;
    margin-bottom: 8px;
    padding-bottom: 4px;
    color: #908f8f;
}

/* Onglets Shop/Catalogue */
/* .headerSecondRow .buttonCart, */
.UnilabsTabs a,
.loginZone a,
.headerSecondRow .contactLink,
.headerSecondRow .helpSetting a,
.headerSecondRow .news a {
    display: inline-block;
    padding: 0 0 0 24px;
    margin-right: 1em;
    color: #908f8f;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    vertical-align: middle;
}

.UnilabsTabs a {
    margin: 0 1em;
}

.UnilabsTabs a[target="_blank"] {
    padding-left: 2em;
    width: auto;
    border-left: 1px solid #c3c3c3;
}

.loginZone .loginStatus {
    margin-right: 0;
    padding-right: 0;
}

.UnilabsTabs a.selected,
.headerSecondRow .buttonCart {
    color: #ea4616;
}

.UnilabsTabs a:hover,
.UnilabsTabs a:focus,
.loginZone a:hover,
.loginZone a:focus,
.headerSecondRow a:hover,
.headerSecondRow a:focus,
.headerSecondRow .helpSetting a:hover,
.headerSecondRow .helpSetting a:focus,
.headerSecondRow .news a:hover,
.headerSecondRow .news a:focus {
    text-decoration: none;
    color: #ea4616;
}

.UnilabsTabs a.selected:hover {
    cursor: default;
}

.UnilabsTabs .Ucatalog              { background-image: url(/Images/unilabsTabs_catalog.png); }
.UnilabsTabs .Uprescription         { background-image: url(/Images/unilabsTabs_prescription.png); }
.UnilabsTabs .Uresult               { background-image: url(/Images/unilabsTabs_result.png); }
.UnilabsTabs .Ushop                 { background-image: url(/Images/unilabsTabs_shop.png); }

.loginZone .password-expired        { background-image: url(/Images/redAlert.png); }
.loginZone .Uaccount                { background-image: url(/Images/unilabsTabs_account.png); }
.loginZone .loginStatus             { background-image: url(/Images/unilabsTabs_logout.png); }

.headerSecondRow .contactLink       { background-image: url(/Images/unilabsTabs_contact.png); }
.headerSecondRow .home              { background-image: url(/Images/unilabsTabs_home.png); }
.headerSecondRow .config            { background-image: url(/Images/unilabsTabs_config.png); }
.headerSecondRow .NewsPreviewToggle { background-image: url(/Images/unilabsTabs_news.png); }

/*.headerSecondRow .contactLink,
.headerSecondRow .buttonCart {
    background-position: 3px 6px;
}*/

.headerSecondRow .helpSetting a,
.headerSecondRow a.NewsPreviewToggle {
    background-size: 16px;
    background-position: 2px 2px;
}

.UnilabsTabs .Ucatalog:hover,
.UnilabsTabs .Ucatalog:focus,
.UnilabsTabs .Ucatalog.selected             { background-image: url(/Images/unilabsTabs_catalog_on.png); }

.UnilabsTabs .Ushop:hover,
.UnilabsTabs .Ushop:focus,
.UnilabsTabs .Ushop.selected                { background-image: url(/Images/unilabsTabs_shop_on.png); }

.UnilabsTabs .Uprescription:hover,
.UnilabsTabs .Uprescription:focus,
.UnilabsTabs .Uprescription.selected        { background-image: url(/Images/unilabsTabs_prescription_on.png); }

.loginZone .Uaccount:hover,
.loginZone .Uaccount:focus                  { background-image: url(/Images/unilabsTabs_account_on.png); }

.loginZone .loginStatus:hover,
.loginZone .loginStatus:focus               { background-image: url(/Images/unilabsTabs_logout_on.png); }

.headerSecondRow .contactLink:hover,
.headerSecondRow .contactLink:focus         { background-image: url(/Images/unilabsTabs_contact_on.png); }

.headerSecondRow .home:hover,
.headerSecondRow .home:focus                { background-image: url(/Images/unilabsTabs_home_on.png); }

.headerSecondRow .config:hover,
.headerSecondRow .config:focus              { background-image: url(/Images/unilabsTabs_config_on.png); }

.headerSecondRow .NewsPreviewToggle:hover,
.headerSecondRow .NewsPreviewToggle:focus   { background-image: url(/Images/unilabsTabs_news_on.png); }

.UnilabsTabs .Uresult.selected              { background-image: url(/Images/unilabsTabs_result_on.png); }

.UnilabsTabs .Ushop.selected                { background-image: url(/Images/unilabsTabs_shop_on.png); }

/* Onglets Zone de login */
.loginZone {
    text-align: right;
    color: #d8d8d8;
}

/* Second row ----------------*/
.headerSecondRow {
    margin-bottom: 10px;
    /*line-height: 25px;*/
    color: #d8d8d8;
}

/* Panier */
.buttonsZone {
    text-align: right;
}

.buttonsZone a.buttonCart img {
    border: none;
    float: left;
    width: 22px;
    margin-left: 3px;
}

.buttonsZone a.buttonCart img:hover,
.buttonsZone a.buttonCart img:focus {
    opacity: 1;
}

.buttonCart span {
    float: left;
    padding: 0 10px 0 3px;
    cursor: pointer;
}

.buttonCart:hover span {
    color: #ea4616;
}

.buttonCart span:after {
    clear: both;
}

.buttonCart img[src*="active"] + span {
    padding: 0;
}

.simpleMaster .languageSwitcher {
    float: right;
}

.languageSwitcherDropDown .rcbItem div {
    text-align: left !important;
    padding: 2px 0 2px 2px;
}

.languageSwitcherDropDown .rcbItem div a,
.RadComboBox.languageSwitcher .rcbInputCell .rcbInput {
    color: #908f8f;
}

.languageSwitcherDropDown .rcbItem div a:hover,
.languageSwitcherDropDown .rcbItem div a:focus,
.RadComboBox.languageSwitcher .rcbReadOnly .rcbInputCell .rcbInput:hover,
.RadComboBox.languageSwitcher .rcbReadOnly .rcbInputCell .rcbInput:focus,
.RadComboBox.languageSwitcher .rcbHovered .rcbReadOnly .rcbInput {
    color: #ea4616;
    text-decoration: none;
}

.RadComboBox.languageSwitcher .rcbInputCell,
.RadComboBox.languageSwitcher .rcbArrowCell {
    background-image: url(/Images/customDropDownSprite.png) !important;
}

.RadComboBox.languageSwitcher,
.RadComboBox.languageSwitcher .rcbInputCell,
.RadComboBox.languageSwitcher .rcbReadOnly .rcbInputCell .rcbInput,
.RadComboBox.languageSwitcher .rcbArrowCell,
.RadComboBox.languageSwitcher .rcbArrowCell a {
    cursor: pointer;
}

.RadComboBox.languageSwitcher .rcbReadOnly .rcbArrowCellRight {
    background-position: -307px -176px !important;
}

.RadComboBox.languageSwitcher .rcbFocused .rcbReadOnly .rcbArrowCellRight {
    background-position: -289px -176px !important;
}

.RadComboBox.languageSwitcher .rcbInputCell {
    background-image: none !important;
}

/* Catalogue - Config */
.configSummary {
    padding: 0 0 .5em 0;
    text-align: right;
    font-size: 12px;
    color: #908f8f;
}

.configSummary img {
    height: 15px !important;
    margin-bottom: -3px;
    margin-left: 5px;
}

.infoTooltip {
    cursor: help;
    margin-left: 2px;
    color: #EA4616;
    vertical-align: super;
}

/*
@subsection Sidebar
-----------------------------
*/
/* Mes favoris / Mes dernières commandes */
#navleft .links {
    padding: 13px 0 10px 10px;
    line-height: 21px;
    border: 1px solid #898989;
    margin-bottom: 20px;
    /*max-height: 66px; Évite débordement entre 800 et 960px*/
}

#navleft .links img.desktop {
    display: inline-block !important;
}

.desktop {
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}

/* Menu */
.catalogue #navleft h4 {
    margin: 3px 0;
}

#navleft .bloc {
    min-height: 300px;
    margin-top: -3px;
}

/* Filtres */
#navleft .bloc .filter {
    padding: .5em 10px;
    border-bottom: 1px solid #898989;
}

#navleft .bloc .filter span {
    display: block;
    color: #ea4616;
    margin: 2px 0 6px 0;
}

#navleft .filter select {
    width: 130px;
    margin-left: 5px;
}

/* Contentnav */
#navleft .bloc.contentnav {
    border-top: none;
    padding: 0;
}

#navleft .contentnav ul {
    margin-top: 3px;
    padding: 0 10px;
    min-height: 215px;
    margin-bottom: 0;
}

#navleft .contentnav ul li {
    list-style-type: none;
    border-top: 1px solid #dbdbdb;
}

#navleft .contentnav ul li:first-of-type {
    border-top: none;
}

#navleft .contentnav ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 5px 0;
}

.catalogue #navleft .contentnav ul li a {
    padding: 5px 0 0 0;
}

#navleft .contentnav ul li a:hover .fl,
#navleft .contentnav ul li a:focus .fl,
#navleft .contentnav ul li a:hover .fl span,
#navleft .contentnav ul li a:focus .fl span {
    text-decoration: none;
    color: #ea4616;
}

#navleft .resultsList a.selected div,
#navleft .contentnav ul li a.selected .fl,
#navleft .contentnav ul li a.selected .fl span {
    color: #ea4616;
}

.resultsList div {
    color: #404040;
    width: 90%;
}

.catalogue .contentSearchResults .entry a div {
    color: #404040;
}

.resultsList div.fr {
    width: 10%;
    text-align: right;
}

.catalogue .contentSearchResults .entry a div span,
.resultsList div span {
    color: #898989;
    font-size: .9em;
}

.resultsList a:hover,
.resultsList a:focus,
.resultsList a:hover div,
.resultsList a:focus div,
.contentSearchResults .col100 a:hover div,
.contentSearchResults .col100 a:focus div,
.contentSearchResults .col100 a:hover div span,
.contentSearchResults .col100 a:focus div span {
    text-decoration: none !important;
    color: #ea4616;
}

/* Pagination recherche */
.resultsLeftPanelPager {
    text-align: center;
    border-top: 1px solid #898989;
    padding: 7px 0 5px 0;
    background-color: #fcfcfc;
    height: 30px;
    font-size: .9em;
}

.resultsLeftPanelPager a {
    display: inline-block;
    padding: 0 2px;
    color: #6a6a6a;
}

.resultsLeftPanelPager a:hover,
.resultsLeftPanelPager a:focus {
    color: #ea4616;
    text-decoration: none;
}

.resultsLeftPanelPager span {
    color: #ea4616;
    cursor: default;
}

.resultsLeftPanelPager .aspNetDisabled,
.resultsLeftPanelPager .aspNetDisabled:hover {
    color: #ccc;
}

/* Informations utiles et assistance */
.sidebar .sidebarInfos h4 {
    font-size: .95em;
}

.sidebar .sidebarInfos h4 {
    margin-top: 20px;
    margin-bottom: 5px;
    padding-bottom: 1px;
    padding-left: 10px;
    border-bottom: 1px solid #dbdbdb;
    font-weight: bold;
}

.sidebar .sidebarInfos p {
    margin: 4px 10px;
}

/*
@subsection Content
-----------------------------
*/
#content {
    position: relative;
}

/* Search (shop) ----------------*/
.bloc.search {
    float: left;
    width: 65%;
    margin-top: 0;
    height: 66px;
    margin-bottom: 20px;
}

.wrapsearch {
    overflow: auto;
    padding-bottom: 5px;
    border-top: none;
    margin-top: 5px;
    padding: 1em;
}

.wrapsearch .inputSearch {
    width: 88%;
}

.catalogue .wrapsearch input.col50 {
    width: 50%;
}

.wrapsearch .RadInput {
    vertical-align: top;
    max-width: 500px;
}

.wrapsearch input[type="submit"],
.wrapsearch input[type="button"] {
    background-image: url(../Images/search.png);
    background-repeat: no-repeat;
    background-position: 6px;
    width: 30px;
    height: 30px;
    background-size: 18px;
    border: 0;
}

.inputSearch {
    min-width: 210px;
    line-height: 23px;
    margin-right: 10px;
    padding: 0 2px;
    height: 30px;
    border: 1px solid #a9a9a9;
}

.RadSearchBox {
    vertical-align: top !important;
    background-color: #FFF;
}

.RadSearchBox .rsbInner {
    border: none !important;
    margin-top: 0;
}

.RadSearchBox_Silk .rsbLoadingIcon {
    background-image: url(/Images/small_loading.gif) !important;
    background-repeat: no-repeat;
    background-size: 100%;
}

/* Advanced Search (catalogue) ----------------*/
.advancedsearch {
    margin-top: 0;
}

/* Domains & Microbio */
.advancedsearch .filters {
    padding: .3em 1em 0;
}

.advancedsearch .filters label {
    display: block;
    height: 22px;
    margin-top: 10px;
}

.advancedsearch .domain,
.advancedsearch .microbiology {
    float: left;
}

.advancedsearch .domain {
    border-right: 1px solid #dbdbdb;
    padding-right: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
}

.advancedsearch .filters .RadComboBox {
    margin-right: 10px;
    width: 250px !important;
}

.advancedsearch .microbiology .RadComboBox {
    margin: 0 10px 15px 0;
}

.advancedsearch .RadComboBox_Default .rcbInputCell,
.advancedsearch .RadComboBox_Default .rcbArrowCell {
    background: none;
    border: 1px solid #a9a9a9;
}

.advancedsearch .RadComboBox_Default .rcbInputCell {
    border-right: 0px;
}

.advancedsearch .RadComboBox_Default .rcbArrowCell {
    border-left: 0px;
}

.advancedsearch .RadComboBox_Default .rcbArrowCell {
    background-image: url(/Images/customDropDownSprite.png) !important;
    background-position: -307px -176px !important;
}

/* Wrapsearch */
.advancedsearch .wrapsearch {
    border-top: 1px solid #dbdbdb;
}

.advancedsearch .inputSearch {
    min-width: 150px;
    width: 50%;
}

/* Autocomplétion */
body .rsbPopup_Silk .rsbListItemHovered {
    color: #ea4616;
    background-color: #fff;
    cursor: pointer;
}

/* Tri alphabétique */
.wrapsearch ul.alpha {
    list-style-type: none;
    padding: 0;
    float: right;
    cursor: default;
}

.wrapsearch ul.alpha li {
    display: inline;
}

.wrapsearch ul.alpha li a {
    padding: 3px;
    color: #404040;
}

.wrapsearch ul.alpha li.disabled a {
    color: #c0c0c0;
}

.wrapsearch ul.alpha li a:hover,
.wrapsearch ul.alpha li a:focus {
    background-color: #ea4616;
    text-decoration: none;
    color: #fff;
}

.wrapsearch ul.alpha li.disabled:hover {
    background-color: transparent;
    color: #c0c0c0;
}

.wrapsearch ul.alpha li.disabled:hover a {
    color: #c0c0c0;
}

/* Promos ----------------*/
.promoTop {
    display: table-cell;
    float: right;
    margin-left: 8px;
    padding: 0 2% 0 40px;
    width: 33%;
    min-height: 66px;
    background: url(/Images/iconChronoOrange.png) no-repeat 5px center;
    background-size: 28px;
    border: 1px dashed #ea4616;
    color: #000;
    font-size: 1.1em;
    line-height: 1.2em;
}

.promoTop p {
    margin: 0px;
    height: 64px;
    vertical-align: middle;
    display: table-cell;
}

.xmas-hours {
    margin-bottom: 1em;
    padding: 10px;
    border: 1px dashed #e53517;
    color: #000;
}

.xmas-title {
    color: #e53517;
    font-weight: bold;
    font-size: 1.1em;
    background: url(/Images/xmas-star.png?v=20171120) no-repeat top left;
    background-size: 40px 40px;
    min-height: 40px;
    padding-left: 50px;    
}

/* Contenu ----------------*/
.title-orange {
    width: 100%;
    border-bottom: 2px solid #ea4616;
    margin-top: 20px;
}

.configuration .title-orange {
    margin-top: 2em;
}

.title-alt {
    width: 100%;
    margin-top: 20px;
}

.title-alt h1 {
    font-size: 14px;
    font-weight: normal;
    border-bottom: none;
    padding-top: 5px;
    padding-bottom: 1px;
    margin-bottom: 0;
}

.title-alt h2 {
    font-size: 14px;
    font-weight: normal;
    color: #ea4616;
}

.catalogue .title-alt h2 {
    padding-left: 10px;
    font-size: 1.3em;
}

/*
@subsection Footer
-----------------------------
*/
#footer {
    text-align: right;
}

#footer .col100 {
    padding-top: 0;
}

/*
******************************
@section Pages Shop
******************************
*/
/*
@subsection Login
-----------------------------
*/
.loginForm {
    width: 500px;
    margin: 80px auto 130px;
    overflow: hidden;
}

.loginForm table tr td {
    vertical-align: middle;
}

.loginForm label {
    width: 120px;
    display: inline-block;
    padding-right: 10px;
}

.loginForm.resetPswd label {
    width: 170px;
}

.loginForm input[type="text"],
.loginForm input[type="password"] {
    width: 170px;
    border: 1px solid #a9a9a9;
    padding: 2px;
    height: 25px;
    font-family: Arial, Verdana, sans-serif !important;
}

.loginForm .submitLoginButton {
    margin-top: 10px;
    margin-right: 19px;
    padding: 4px 12px;
    height: 27px;
    border: none;
    background-image: none !important;
    background-color: #ea4616;
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
}

.loginForm .submitLoginButton:hover,
.loginForm .submitLoginButton:focus {
    background-color: #e53517;
}

.field-validation-error {
    color: #d41313;
    font-size: 11px;
}

.forgotPwdLink {
    line-height: 52px;
}

.loginInformation {
    color: #908f8f;
    border-top: 1px solid #dbdbdb;
    padding-top: 6px;
}

/*
@subsection Résultats de recherche
-----------------------------
*/
/* Filtre */
.searchFilters {
    border-bottom: 1px solid #898989;
    background: #fcfcfc;
}

.systemSwitcher,
.orderby {
    float: none;
    padding: 6px 10px;
    font-size: .9em;
}

.systemSwitcher strong,
.orderby strong {
    display: inline-block;
    width: 60px;
}

/*
@subsection Mes favoris
-----------------------------
*/
.bloc.favourites {
    border-top: none;
    margin-top: 0;
}

/* Résultats */
.bloc .entry {
    margin: 0;
    display: block;
    width: 100%;
    border-top: 1px solid #dbdbdb;
}

.bloc .entry:first-child {
    border-top: none !important;
}

.bloc .entry .label {
    font-weight: bold;
    padding-left: 1em;
}

.bloc .entry .label,
.bloc .entry .description {
    padding: .7em;
}

.entry .col100 {
    float: none;
    padding: .7em;
}

.contentSearchResults .entry .col100 {
    padding: 0;
}

.contentSearchResults .entry .col100 a {
    padding: .7em;
}

/* Résultat de recherche  */
.cartouche {
    padding: 20px 10px;
}

.articleInfoWrapper {  
    width: calc(100% - 395px);
    display: inline-block;
    vertical-align: top;
}

/* Miniature */
.displayThumbnail {
    width: 105px;
    height: 95px;
    display: inline-block;
    margin: 5px;
}

.displayThumbnail .thumbnail {
    border: 1px solid #898989;
    width: 95px;
}

.displayThumbnail .thumbnail:hover {
    cursor: pointer;
    opacity: .7;
}

/* Article */
.articleName {
    position: relative;
    font-weight: bold;
    margin-bottom: 3px;
    padding-bottom: 5px;
    padding-right: 16px;
    border-bottom: 1px solid #dbdbdb;
}

.articleName .stock {
    position: absolute;
    top: 2px;
    right: 0;
}

.articleDescription {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #dbdbdb;
    font-size: 9pt;
}

/* Zone d'action */
.rightActionZone {
    font-size: .9em;  
    width: 270px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    padding-left: 10px;
}

/* Choix médecin prescripteur */
.dropdownPrescriber {
    width: 100%;
    padding-top: 2px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dbdbdb;
    text-align: left;
}

.dropdownPrescriber .RadComboBox {
    width: 100%;
}

/* Ajouter au panier */
.rightActionZone .pieces,
.rightActionZone .quantite,
.rightActionZone .addToCart > span {
    display: inline-block;
    vertical-align: bottom;
}

/* Quantité */
.rightActionZone .quantite {
    width: 45px;
    margin-right: 5px;
    text-align: center;
}

.rightActionZone .quantite input[type="text"] {
    width: 45px;
}

.rightActionZone .quantite input[type="text"],
.rightActionZone .pieces select,
.rightActionZone .pieces .rcbInner {
    padding: 2px;
    font-size: .9em;
    height: 24px;
    text-align: center;
}

/* Pièces */
.pieces {
    width: 110px;
    text-align: left;
}

.pieces .RadComboBox_Default .rcbInputCell,
.pieces .RadComboBox_Default .rcbArrowCell,
.pieces .RadDropDownList .rddlInner,
.pieces .RadComboBox_Default .rcbInner,
.pieces .RadComboBox_Default .rcbActionButton {
    background: none;
    border: 1px solid #a9a9a9;
}

.pieces .RadComboBox_Default .rcbInputCell {
    border-right: 0px;
}

.pieces .RadComboBox_Default .rcbArrowCell {
    border-left: 0px;
}

.pieces .RadComboBox_Default .rcbArrowCell,
.pieces .RadComboBox_Default .rcbActionButton {
    background-image: url(/Images/customDropDownSprite.png) !important;
    background-position: -305px -176px !important;
}

.pieces .RadComboBox_Default .rcbActionButton .t-i-arrow-down {
    width: unset;
}

.pieces .RadComboBox_Default .rcbActionButton .t-i-arrow-down:before {
    content:"";
}

.pieces .riTextBox:disabled {
    padding: 0;
    text-align: left;
    font-family: Arial, Verdana, sans-serif;
}

.pieces .RadComboBox_Default .rcbInner {
    border-radius:0;
}

/* Bouton Ajouter */
.addToCart .buttonAddToBasket {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*margin: 16px 0 2px 0;*/
    width: 95px;
}

.RadButton.rbSkinnedButton.buttonAddToBasket,
.RadButton.buttonAddToBasket .rbDecorated {
    height: 24px;
}

.buttonAddToBasket .iconButton {
    background-size: 100%;
}

.RadButton.rbSkinnedButton.buttonAddToBasket.rbDisabled:hover,
.RadButton.rbSkinnedButton.buttonAddToBasket.rbDisabled:hover .rbDecorated,
.RadButton.buttonAddToBasket.rbDisabled .rbDecorated:hover {
    background-color: #ea4616;
}

/* Total pièces */
.totalPieces {
    margin: 3px 0;
    padding: 2px 3px;
    border: 1px dashed #b8b8b8;
    text-align: left;
}

.totalPieces span {
    display: inline-block;
    margin-right: 5px;
}

.totalPieces input[type="image"] {
    float: right;
    margin-top: 3px;
    margin-left: 5px;
    width: 9px;
}

.addToCart +div +div + .totalPieces {
    margin-top:10px;
}

@media screen and (min-width: 801px) and (max-width:990px) {
    .articleInfoWrapper {
        width: calc(100% - 345px);
    }

    .rightActionZone {
        width: 220px;
    }

    .RadButton.rbSkinnedButton.buttonAddToBasket {
        padding: 0 25px 0 20px;
        width: auto;
    }

    .RadButton.buttonAddToBasket .rbDecorated {
        padding: 0;
        width: 0;
        overflow: hidden;
        text-indent: 100%;
    }
}

/*
@subsection Mes dernières commandes
-----------------------------
*/
.lastOrders {
    margin-top: 0;
    border-top: none;
}

.lastOrders .rgMasterTable {
    table-layout: fixed !important;
}

/* Fonds */
.lastOrders .RadGrid_Default .rgHeader,
.lastOrders .RadGrid table.rgMasterTable tr th.rgExpandCol,
.lastOrders .RadGrid_Default .rgPager {
    background-image: none;
    background-color: #fcfcfc;
}

/* Bordures */
.lastOrders .RadGrid_Default th.rgHeader,
.lastOrders .RadGrid.RadGrid_Default table.rgMasterTable thead tr th.rgExpandCol,
.lastOrders .RadGrid_Default td.rgPagerCell {
    border: none;
}

.lastOrders .RadGrid_Default th.rgHeader,
.lastOrders .RadGrid.RadGrid_Default table.rgMasterTable thead tr th.rgExpandCol {
    border-bottom: 1px solid #898989;
}

.lastOrders .RadGrid_Default td.rgPagerCell {
    border-top: 1px solid #898989 !important;
}

.lastOrders > .RadGrid_Default .rgAltRow td,
.lastOrders > .RadGrid_Default .rgRow td,
.lastOrders .RadGrid table.rgMasterTable tr .rgGroupCol,
.lastOrders .RadGrid table.rgMasterTable tr .rgExpandCol {
    background-color: #fff;
    border-top: 1px solid #dbdbdb;
    border-bottom: none;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lastOrders .RadGrid table.rgMasterTable tr.rgNoRecords .rgExpandCol,
.lastOrders > .RadGrid_Default tr:first-child td,
.lastOrders > .RadGrid_Default tr:first-child td.rgExpandCol .lastOrders .RadGrid table.rgMasterTable .rgAltRow + tr:not(.rgRow):first-child > td,
.lastOrders .RadGrid table.rgMasterTable .rgRow + tr:not(.rgAltRow):first-child > td,
.lastOrders .RadGrid table.rgMasterTable tr:first-child .rgExpandCol {
    border-top: none;
}

.lastOrders .RadGrid table.rgMasterTable .rgAltRow + tr:not(.rgRow) > td,
.lastOrders .RadGrid table.rgMasterTable .rgRow + tr:not(.rgAltRow) > td {
    border-top: none;
    background-color: #fff;
}

.lastOrders .RadGrid table.rgMasterTable tr.rgRow,
.lastOrders .RadGrid table.rgMasterTable tr.rgAltRow {
    cursor: pointer;
}

.lastOrders .RadGrid table.rgMasterTable .rgDetailTable tr.rgRow,
.lastOrders .RadGrid table.rgMasterTable .rgDetailTable tr.rgAltRow {
    cursor: default;
}

.lastOrders .RadGrid tr[expanded=true] td,
.lastOrders .RadGrid tr[expanded=true] + tr > td,
.RadGrid tr[expanded*="true"] td,
.RadGrid tr[expanded*="true"] + tr > td {
    background-color: #fcfcfc !important;
}

.lastOrders .RadGrid tr[expanded=true] td,
.lastOrders .RadGrid tr[expanded=true] td.rgExpandCol,
.RadGrid tr[expanded*="true"] td,
.RadGrid tr[expanded*="true"] td.rgExpandCol {
    border-top: 1px solid #898989 !important;
    border-bottom: none;
    margin-top: -1px;
}

.lastOrders .RadGrid tr[expanded=true]:first-child td,
.lastOrders .RadGrid tr[expanded=true]:first-child td.rgExpandCol,
.RadGrid tr[expanded*="true"]:first-child td,
.RadGrid tr[expanded*="true"]:first-child td.rgExpandCol {
    border-top: none !important;
}

.lastOrders .RadGrid tr[expanded=true] + tr > td,
.RadGrid tr[expanded*="true"] + tr > td {
    border-bottom: 1px solid #898989 !important;
}

.lastOrders .RadGrid tr[expanded=true] + tr:last-child > td,
.RadGrid tr[expanded*="true"] + tr:last-child > td {
    border-bottom: none !important;
}

.lastOrders .RadGrid tr[expanded=true] + tr + tr td,
.RadGrid tr[expanded*="true"] + tr + tr td,
.lastOrders .RadGrid tr[expanded=true] + tr + tr td.rgExpandCol,
.RadGrid tr[expanded*="true"] + tr + tr td.rgExpandCol {
    border-top: none !important;
}

.lastOrders .RadGrid_Default.RadGrid tr[expanded=true] .rgCollapse,
.lastOrders .RadGrid_Default.RadGrid tr[expanded*="true"] .rgCollapse {
    background-image: url(/Images/arrow_down.png) !important;
    background-position: 5px 5px !important;
}

.lastOrders .rgDetailTable thead {
    display: none;
}

.lastOrders .RadGrid_Default .rgDetailTable {
    border-right: 1px solid #898989;
    width: 98% !important;
    margin: 5px 5px 5px 0;
}

.lastOrders .rgDetailTable .thumbnail {
    border: 1px solid #898989;
}

.lastOrders .RadButton.rbSkinnedButton.buttonAddToBasket {
    padding: 0 3px 0 18px;
    height: 24px;
}

.lastOrders .RadButton.rbSkinnedButton .rbDecorated {
    height: 24px;
    font-size: .95em;
    padding: 0 3px 0 18px;
}

.lastOrders .RadButton.rbSkinnedButton.buttonAddToBasket .rbPrimaryIcon {
    top: 5px !important;
    left: 10px !important;
    width: 20px !important;
    height: 15px !important;
}

/*.lastOrders tr:hover td {
  background-color: #fff !important;
}*/

.lastOrders table tr .rgExpandCol + td,
.lastOrders table tr .rgExpandCol + th {
    width: 160px !important;
}

/*
@subsection Panier
-----------------------------
*/
.contentBasket .RadGrid_Default .rgHeader {
    background-image: none;
    background-color: #fcfcfc;
}

.contentBasket .displayThumbnail {
    /*width: 17% !important;*/
    height: auto;
    vertical-align: middle;
    width: 30px;
    /*min-width: 30px;*/
}

.contentBasket .deleteArticle {
    width: 9px;
}

.contentBasket .articleTable tr td {
    min-height: 34px;
    vertical-align: middle;
}

.contentBasket .articleName {
    border-bottom: none;
    vertical-align: middle;
}

.contentBasket .language {
    margin: 5px 0;
    vertical-align: middle;
    float: none;
}

.packageCol,
.quantityCol {
    width: 80px;
}

.packageCol .RadComboBox {
    overflow: hidden;
}

.packageCol select,
.quantityCol input[type="text"] {
    height: 25px;
    border: 1px solid #a9a9a9;
}

.deleteArticleCol {
    width: 9px;
}

.alertQuantity {
    cursor: help;
    width: 20px;
    margin-bottom: -6px;
    margin-left: 7px;
}

.commentZone > div {
    margin: 10px;
}

.commentZone .RadInput textarea.riTextBox {
    border-color: #a9a9a9 !important;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.sendingInformation .riSingle .riTextBox {
    height: 23px;
}

.sendingInformation .RadButton.rbSkinnedButton.mainButton {
    border: 1px solid #f36715;
    padding: 0 10px;
    height: 21px;
    margin-top: -1px;
}

.sendingInformation .RadButton.rbSkinnedButton.secondaryButton {
    padding: 0 10px;
    height: 21px;
    margin-top: -1px;
}

.sendingInformation .prescriberAddress {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.sendingInformation .deliveryType {
    border-top: 1px solid #dbdbdb;
}

.sendingInfoLabel {
    vertical-align: top;
    width: 190px;
    font-weight: bold;
    display: inline-block;
}

.addressBlock {
    width: 200px;
    margin: 10px 10px 10px 0;
    border: 1px solid #dbdbdb;
    display: inline-block;
    vertical-align: top;
}

.addressBlock_address {
    display: table;
}

.addressBlock_address > div {
    display: table-cell;
    padding: 5px;
    vertical-align: top;
}

.addressBlock_buttons {
    border-top: 1px solid #dbdbdb;
    margin-top: 5px;
    padding: 5px;
}

.addressBlock_buttons:empty {
    display: none;
}

.editAddressBlock {
    width: 350px;
    margin: 10px 10px 10px 0;
    padding: 5px;
    border: 1px solid #dbdbdb;
}

.emailCheckbox {
    margin-left: 5px;
    margin-right: 5px;
    /*height:30px*/
}

.emailModif {
    padding-top: 10px;
}

.sendingInformation .emailModif .RadButton.rbSkinnedButton.mainButton,
.sendingInformation .emailModif .RadButton.rbSkinnedButton.secondaryButton {
    margin-left: 5px;
    margin-top: 0;
}

@media screen and (max-width: 440px) {
    .sendingInformation .emailModif .RadButton.rbSkinnedButton.mainButton,
    .sendingInformation .emailModif .RadButton.rbSkinnedButton.secondaryButton {
        display: table;
        margin-left: 0;
        margin-top: 10px;
    }
}

.orderButton {
    float: right;
    width: 150px !important;
}

/* Modale suppression article - RadWindow buttons  */
.rwPopupButton[onclick*="close(true)"] {
    background-image: none !important;
    background-color: #ea4616;
    border: none;
    color: #fff !important;
    font-family: Arial, Verdana, sans-serif;
}

.RadWindow_Default .rwShadow .rwPopupButton[onclick*="close(true)"] span {
    background-image: none;
    font-family: Arial, Verdana, sans-serif;
    color: #fff;
    cursor: pointer;
}

.rwPopupButton[onclick*="close(true)"]:hover,
.rwPopupButton[onclick*="close(true)"]:focus {
    background-color: #e53517;
}

.rwPopupButton[onclick*="close(false)"] {
    background-image: none !important;
    background-color: #fff;
    border: 1px solid #ea4616;
    color: #ea4616 !important;
    font-family: Arial, Verdana, sans-serif;
}

.rwPopupButton[onclick*="close(false)"]:hover,
.rwPopupButton[onclick*="close(false)"]:focus {
    background-color: #fff;
    border: 1px solid #e53517;
    color: #e53517;
}

.RadWindow_Default .rwShadow .rwPopupButton[onclick*="close(false)"] span {
    background-image: none !important;
    font-family: Arial, Verdana, sans-serif;
    cursor: pointer;
    color: #ea4616;
}

.RadWindow_Default .rwShadow .rwPopupButton[onclick*="close(false)"]:hover span,
.RadWindow_Default .rwShadow .rwPopupButton[onclick*="close(false)"]:focus span,
.RadWindow_Default .rwShadow .rwPopupButton[onclick*="close(false)"] span:hover,
.RadWindow_Default .rwShadow .rwPopupButton[onclick*="close(false)"] span:focus {
    color: #e53517;
}

/*
@subsection Contact / Compte
-----------------------------
*/
.contactForm {
    margin: 10px 10px 10px;
}

.contactForm label {
    display: inline-block;
    width: 130px;
    vertical-align: top;
    font-weight: bold;
    margin: 5px 5px 5px 0;
}

.contactForm .inlineBlock .RadInput input {
    width: 250px !important;
}

.contactForm .inlineBlock .RadInput input,
.contactForm .inlineBlock .RadInput textarea,
.contactForm .inlineBlock .RadComboBox {
    border: 1px solid #a9a9a9;
    font-family: Arial, Verdana, sans-serif;
}

.contactForm .inlineBlock .RadComboBox select {
    border: none;
}

.contactForm .inlineBlock .RadInput input,
.contactForm .inlineBlock .RadComboBox select {
    height: 24px;
}

.contactForm .inlineBlock .RadInput {
    width: 270px !important;
}

.contactForm .longFields .inlineBlock .RadInput {
    width: 480px !important;
}

.contactForm .inlineBlock .RadInput input.subjectField,
.contactForm .inlineBlock .RadInput .messageField {
    width: 450px !important;
}

.contactForm .mainButton {
    margin: 10px 0 10px 140px;
}

.contactForm .errorMsg {
    vertical-align: top;
}

.contactForm .longFields .errorMsg[style*="display: inline"],
.contactForm .longFields .errorMsg[style*="display:inline"] {
    display: block !important;
    margin: 2px 0 10px;
}

.contactForm .secondaryInformation {
    margin-top: 0;
}

.contactBlock .thanksMessage {
    font-size: 18px;
    font-weight: bold;
    background-image: url(../Images/thanksCheck.png);
    background-repeat: no-repeat;
    padding-left: 22px;
    background-size: 13px;
    background-position: 4px 5px;
    margin: 2em .5em;
}

.separationH {
    height: 1px;
    border-top: 1px solid #dbdbdb;
    margin: 10px 0;
}

/* Confirmation */
.orderSentMessage .thanksMessage p {
    display: inline-block;
    padding-left: 22px;
    font-size: 18px;
    font-weight: bold;
    background-image: url(../Images/thanksCheck.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 4px 5px;
}

.orderSentMessage .referenceNumber {
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0 5px;
}

.orderSentMessage .buttons {
    margin-top: 40px;
}

/*
@subsection FAQ
-----------------------------
*/
.FAQpage .question {
    padding: 10px 10px 0 20px;
    font-weight: bold;
    font-size: 1.1em;
    background-image: url(/Images/iconArrowGrey.png);
    background-repeat: no-repeat;
    background-position: 7px 15px;
    background-size: 9px;
    margin-left: 5px;
}

.FAQpage .question:first-of-type {
    margin-top: 15px;
}

.FAQpage .answer {
    padding: 5px 20px 20px 20px;
    margin-left: 5px;
}

/*
@subsection Aide
-----------------------------
*/
.helpPageBlock {
    padding: 10px 10px 0 10px;
}

.helpPageBlock h3 {
    margin-top: 1.3em;
}

.helpPageBlock h3:first-of-type {
    margin-top: 0;
}

.helpPageBlock p {
    line-height: 19px;
}

.helpPageBlock ol li,
.helpPageBlock ul li {
    padding-bottom: 5px;
}

.helpPageBlock h3 + p {
    margin-top: 0;
}

.helpPageBlock .illustration {
    width: 250px;
    border: 1px solid #a9a9a9;
    float: right;
    margin: 0 0 10px 10px;
    max-height: 250px;
}

.helpPageBlock .overview {
    border: 1px solid #dbdbdb;
    background-color: #fcfcfc;
    padding: 1em;
}

.overviewImage {
    border: 1px solid #a9a9a9;
    width: 100%;
}

.overviewSummary {
    font-size: .9em;
}

.overviewSummary li {
    padding-bottom: 3px;
}

/*
******************************
@section Pages Catalogue
******************************
*/
/*
@subsection Configuration
-----------------------------
*/
.configuration .informationTxt {
    padding: 1.5em 1.5em 2em 1em;
    line-height: 1.75;
}

/*.configuration .entry.iAm {display: none;}*/
.configuration .bloc {
    border: none;
}

.configuration .description .label {
    font-weight: normal;
}

.configuration .bloc .entry:nth-child(odd),
.configuration .bloc .entry:nth-child(even) {
    background-color: transparent;
}

.configurationEntries {
    font-size: 14px;
    color: #373737;
}

.configurationEntries .entry {
    border-top: 1px solid #dbdbdb;
}

.configurationEntries .entry:first-of-type {
    border-top: none;
}

.configuration .bloc .entry .label {
    padding: 1.5em 1em 1em 1em;
}

.configuration .bloc .entry .description {
    padding: 1em;
}

.configuration .bloc .entry.buttonsEntry .description {
    padding-top: 2em;
}

.configuration .bloc .entry.iAm .description {
    padding-bottom: 1.5em;
}

.configurationEntries .col30.label {
    font-weight: bold;
    color: #404040;
    max-width: 280px;
}

.configurationEntries .RadComboBox_Default .rcbInputCell,
.configurationEntries .RadComboBox_Default .rcbArrowCell,
.configurationEntries .RadDropDownList .rddlInner {
    background: none;
    border: 1px solid #a9a9a9;
}

.configurationEntries .RadComboBox_Default .rcbInputCell {
    border-right: 0px;
}

.configurationEntries .RadComboBox_Default .rcbArrowCell {
    border-left: 0px;
}

.configurationEntries .RadComboBox_Default .rcbArrowCell {
    background-image: url(/Images/customDropDownSprite.png) !important;
    background-position: -305px -176px !important;
}

.iAm .externalProfiles {
    float: left;
    width: auto;
    min-width: 170px;
}

.externalProfiles table {
    min-width: 200px;
}

.iAm .label {
    display: inline-block;
    cursor: pointer;
}

.iAm .label img {
    float: left;
}

.myView .RadComboBox,
.myView select {
    width: 250px;
}

.myView .choice {
    padding: .5em .5em 1.5em .5em;
}

.configuration .myView .choice .label {
    padding: 0;
    display: inline-block;
    min-width: 140px;
    width: auto;
}

.tubeSystemTable {
    width: 360px;
}

.tubeSystemTable td {
    border-top: 1px solid #dbdbdb;
    padding: 1em 0;
}

.tubeSystemTable tr:last-child td {
    padding: 1em 0 0 0;
}

.tubeSystemTable tr:first-of-type td {
    border-top: none;
}

.tubeSystemTable label {
    vertical-align: middle;
    display: inline-block;
    line-height: 40px;
    cursor: pointer;
}

.tubeSystemTable label img {
    margin-right: 10px;
    display: inline-block;
    float: left;
    width: 36px;
    height: 36px;
}

.showTubeImage {
    float: right;
    margin-top: 14px;
    cursor: pointer;
}

/*
@subsection Résultats de recherche
-----------------------------
*/
.bloc.filter-bg {
    position: relative;
}

.bloc.filter-bg .filter {
    border-bottom: 1px solid #898989;
}

.resultsPanelPager.top {
    position: absolute;
    top: 0;
    right: 0;
}

.resultsPanelPager {
    text-align: right;
    padding: 7px 0 5px 0;
    background-color: #fcfcfc;
    height: 30px;
    font-size: .9em;
}

.resultsPanelPager.bottom {
    border-top: 1px solid #898989;
    border-bottom: none;
}

.resultsPanelPager a {
    display: inline-block;
    padding: 0 2px;
    color: #6a6a6a;
}

.resultsPanelPager a:hover {
    color: #ea4616;
    text-decoration: none;
}

.resultsPanelPager span {
    color: #ea4616;
    cursor: default;
}

.resultsPanelPager .aspNetDisabled,
.resultsPanelPager .aspNetDisabled:hover {
    color: #ccc;
}

.bloc .resultsPanelPager + .entry {
    border-top: none !important;
}

.catalogue .contentSearchResults .entry .col100 a {
    padding: 10px .7em 5px .7em;
}

.catalogue .contentSearchResults .entry a:hover,
.catalogue .contentSearchResults .entry a:focus,
.catalogue .contentSearchResults .entry a:hover div,
.catalogue .contentSearchResults .entry a:focus div {
    text-decoration: underline;
}

/*
@subsection Analyse
-----------------------------
*/
.analysisDetail .bloc .entry {
    border-top: 1px dashed #dbdbdb;
    margin: 0 10px;
    width: calc(100% - 20px);
}

.analysisDetail .bloc .specimenPrimaryMaterial select,
.analysisDetail .bloc .specimenSecondaryMaterial select {
    font-weight: bold;
}

.analysisDetail .bloc .specimenPrimaryMaterial .entry,
.analysisDetail .bloc .specimenSecondaryMaterial .entry {
    border-top: none;
    margin: 0;
    width: 100%;
}

.analysisDetail .bloc .specimenPrimaryMaterial,
.analysisDetail .bloc .specimenSecondaryMaterial {
    margin: 0 10px;
}

.analysisDetail .bloc .specimen .specimenPrimaryMaterial,
.analysisDetail .bloc .specimen .specimenSecondaryMaterial {
    margin: 0;
}

.analysisDetail .bloc .specimenSecondaryMaterial {
    border-top: 1px dashed #898989;
}

.analysisDetail .bloc .specimen {
    border-top: 1px solid #898989;
    margin: 0 10px;
    padding-top: 15px;
    margin: 15px 10px 0px;
    width: calc(100% - 20px);
}

.analysisDetail .bloc .specimen:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.analysisDetail .bloc .specimen .entry {
    margin: 0;
    width: 100%;
}

.analysisDetail .bloc .entry .label {
    padding-left: 0;
}

.analysisDetail .bloc .entry .description {
    padding-right: 0;
}

.LISindic,
.fromLis {
    vertical-align: super;
    font-size: .8em;
    color: #908f8f;
    font-weight: normal;
    margin-left: 3px;
}

/* Laboratoire */
.laboList ul {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
}

.laboList ul li {
    display: inline-block;
}

.laboList a {
    font-style: normal;
}

.laboList .favoriteLabo:after {
    content: " \2605";
    font-weight: normal;
}

.laboList .selected {
    font-weight: bold;
}

/* Spécimen - Stabilité */
.stabilityTable {
    /*width: 285px;*/
    /*width: 100%;*/
    width: 300px;
    /* 2015-11-24 */
    background-color: #fff;
    border: 1px solid #dbdbdb;
}

@media screen and ( min-width: 1000px) {
    .stabilityTable {
        width: 440px;
    }
}

.stabilityTable th {
    background-color: #fcfcfc;
    color: #404040;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
}

.stabilityTable th,
.stabilityTable td {
    text-align: left;
    padding: 5px 5px 5px 10px;
}

/* Spécimen - Type de tube */
.primaryMatTube .tubeSystem {
    /*width: 33%;
    border: 1px dashed #dbdbdb;
    padding: .3em .5em;*/    
    font-size: .9em;
    display: table;
    width: 100%;
    table-layout: auto;
}

.primaryMatTube .tubeSystem > div {
    display: table-cell;
    padding: .5em 1em .3em 0;
    vertical-align: top;
}

.primaryMatTube .tubeSystem > div:nth-child(1) {
    width: 65px;
}

.primaryMatTube .tubeSystem > div:nth-child(2) {
    width: 150px;
}

@media screen and ( min-width: 1000px) {
    .primaryMatTube .tubeSystem > div:nth-child(1) {
        width: 75px;
    }

    .primaryMatTube .tubeSystem > div:nth-child(2) {
        width: 240px;
    }
}

.tubeSystem .tubeImage {
    cursor: pointer;
    margin-top: .9em;
    width: 50px;
    height: 50px;
}

.tubeSystem .tubeImage.noTube {
    cursor: default;
}

/*.primaryMatTube .left {
    width: 66%;
}*/

.toggleTubeSystem {
    cursor: pointer;
    margin-top: -20px;
}

.otherTubesLink {
    margin-top: 10px;
    /*margin-right: 25px;*/
}

.otherTubesLink img {
    float: left;
    width: 14px;
    margin-right: 5px;
    margin-top: -1px;
}

.tubeSystem .brand {
    font-size: 1.1em;
    font-weight: bold;
    padding: .3em 0;
}

.otherTubesContentWrapper {
    min-width: 250px;
}

.otherTubesContentWrapper table {
    width: 100%;
}

.changeTubeSystem {
    font-size: 13px;
}

.changeTubeSystem input[type="radio"] {
    display: inline-block;
    margin-right: 4px;
}

.changeTubeSystem input[type="radio"],
.changeTubeSystem label {
    cursor: pointer;
}

.otherTubeImage {
    cursor: pointer;
    width: 50px;
    height: 50px;
}

.systemToggleButton {
    background-color: #fff;
    color: #404040;
    border: 1px solid #B0B8C0;
    padding: 5px 11px;
    font-size: 12px;
    float: right;
}

.systemToggleButton:hover {
    background-color: #fff;
    border: 1px solid #F56617;
    color: #EA5701;
}

.primaryMatTube .left,
.secondaryMatTube {
    width: 55%;
}

/* Spécimen - intégration shop */
.samplingEquipmentShop {
    position: relative;
}

.samplingEquipmentShop .closeShop {
    position: absolute;
    right: 3px;
    top: -6px;
}

.analysisDetail .samplingEquipmentShop .entry {
    padding: 0 10px;
    border-top: none;
    margin: 0;
    width: 100%;
}

.samplingEquipmentShop .entry .entry {
    border-top: 1px solid #dbdbdb;
    padding: 20px 10px;
}

/* Analyse */
.serieAnalysesList.RadGrid_Default {
    border: none;
}

.serieAnalysesList.RadGrid_Default .rgHeader {
    background-color: #fcfcfc;
    background-image: none;
    padding: 5px 0;
}

.serieAnalysesList.RadGrid_Default .rgRow .whitelabel a,
.serieAnalysesList.RadGrid_Default .rgAltRow .whitelabel a {
    color: #ea4616;
}

.serieAnalysesList table .rgRow td,
.serieAnalysesList table .rgAltRow td,
.serieAnalysesList.RadGrid_Default .rgMasterTable td.rgGroupCol,
.serieAnalysesList.RadGrid_Default .rgMasterTable .rgRow td.rgExpandCol,
.serieAnalysesList.RadGrid_Default .rgMasterTable .rgAltRow td.rgExpandCol,
.serieAnalysesList.RadGrid_Default .rgMasterTable td.rgGroupCol,
.serieAnalysesList.RadGrid_Default .rgMasterTable td.rgExpandCol {
    background-color: #fff;
    border-top: 1px solid #dbdbdb;
    border-bottom: none;
}

.serieAnalysesList .rgRow .rgExpandCol,
.serieAnalysesList .rgAltRow .rgExpandCol,
.serieAnalysesList.RadGrid_Default .rgMasterTable td.rgExpandCol {
    padding-top: .7em;
    /* match lightlabel padding */
}

.bloc .serieAnalysesList .entry {
    background-color: #fff;
}

.serieAnalysesList table tbody tr:first-child td,
.serieAnalysesList.RadGrid_Default .rgMasterTable tbody tr:first-child td.rgExpandCol {
    border-top: none;
}

.bloc .RadGrid_Default.serieAnalysesList .rgExpandCol + td[align="left"] {
    padding: 0;
}

.bloc .RadGrid_Default.serieAnalysesList .rgExpandCol + td[align="left"] .entry {
    background-color: #fff;
    border-top: 1px solid #dbdbdb;
}

.bloc .RadGrid_Default.serieAnalysesList .rgExpandCol[style="border-right-width:0;"] {
    border-top: 0;
    border-right: 1px solid #dbdbdb !important;
}

.serieAnalysesList.RadGrid_Default .rgHeader a {
    padding: 3px 10px;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #dbdbdb;
    color: #404040;
    margin: 2px 5px 0 0;
}

.serieAnalysesList.RadGrid_Default .rgHeader a:hover {
    border: 1px solid #ea4616;
    color: #ea4616;
}

.serieAnalysesList .label {
    width: auto;
}

.bloc .serieAnalysesList .col30.lightlabel.whitelabel {
    width: 40%;
}

.serieAnalysesList .col70.description {
    width: 59%;
    float: right;
}

.serieAnalysesList .referencesValuesTable {
    background-color: #fff;
}

.serieAnalysesList .referencesValuesTable {
    font-size: 1em;
}

.serieAnalysesList .referencesValuesTable .tableHeader > div {
    background-color: #fcfcfc;
    color: #404040;
}

/* Informations additionnelles - Unité */
.description .unitToggleButton {
    float: right;
}

/* Informations additionnelles - Valeurs de référence */
.referencesValues {
    padding-top: 0;
}

.referencesValues .legend {
    background-color: transparent;
    font-size: .8em;
    table-layout: fixed;
    width: 95%;
    display: table;
    margin-left: 5%;
    margin-top: 3px;
    margin-bottom: -1px;
    padding: 0;
}

.referencesValues .legend tr td {
    padding: 0 4px;
    border: none;
    text-align: center;
    line-height: 12px;
    border: none !important;
}

.referencesValues .legend tr td:first-child {
    padding-left: 10px;
}

.referencesValuesTable {
    display: table;
    width: 100%;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-collapse: collapse;
}

.referencesValues .referencesAreaTextContentField {
    margin: 0.6em 0.5em 0 0.5em;
    font-size: 0.85em;
}

.tableHeader,
.tableRow {
    display: table-row;
    font-size: 0.85em;
}

.tableHeader > div,
.tableRow > div {
    display: table-cell;
    padding: 6px 10px;
    border: 1px solid #dbdbdb;
    vertical-align: top;
}

.tableHeader > div {
    text-align: left;
    background-color: #fcfcfc;
    color: #404040;
    font-weight: bold;
}

.referencesValues .values {
    width: 40%;
    display: table-cell;
    padding: 0;
}

.referencesValues .values > div {
    width: 25%;
    display: block;
    float: left;
    padding: 6px 10px;
}

.referencesValues .arrow {
    display: none !important;
}

.referencesValues .clearingDiv {
    padding: 0;
    height: 0;
    border: none;
    float: none;
    display: inline;
    width: 0;
    display: none !important;
}

.minref,
.maxref {
    text-align: right;
}

/* Informations additionnelles - Code OFAS / TP */
.OFAS {
    width: 70px;
}

.TP {
    text-align: right;
    width: 90px;
}

/*
@subsection News
-----------------------------
*/
.allNews .bloc {
    background-color: #fff;
}

.allNews footer {
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 1em 2px;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
}

/*
@subsection Feedback
-----------------------------
*/
.feedback-panel {
    position: relative;
}

.feedback-open {
    position: absolute;
    top: 0;
    right: 0;
}

.feedback-close {
    position: absolute;
    top: 5px;
    right: 5px;
}

.feedback-panel .bloc {
    margin-bottom: 0;
}

.feedback-panel .title-alt h2 {
    color: #404040;
}

/*
******************************
@section Composants
******************************
*/
/*
@subsection Tooltips
-----------------------------
*/
.RadToolTip {
    max-height: 700px;
    z-index: 3000000 !important;
}

.tooltipTubeName {
    font-size: 1.15em;
    margin: .2em 0;
}

.tooltipTubeName .brand {
    font-size: 12px;
    display: block;
    font-weight: bold;
    padding-top: 3px;
}

.tooltipTubeName .exposant {
    font-size: .5em;
}

.tooltipTubeImageWrapper {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 0;
    margin-bottom: 5px;
    text-align: center;
}

.tooltipTubeImage {
    max-height: 500px;
}

.tooltipTubeInfos,
.tubeInfos {
    font-size: 12px;
    margin-bottom: 10px;
}

.tooltipTubeInfos label,
.tubeInfos label {
    display: inline-block;
    width: 120px;
    font-weight: bold;
    margin-top: 3px;
}

.tooltipTubeInfos .tubeFormat,
.tubeInfos .tubeFormat {
    font-size: 15px;
    margin-bottom: 2px;
}

.tooltipTubeInfos .secondaryInfos,
.tubeInfos .secondaryInfos {
    font-size: 11px;
}

.simpleTooltipTubeImageWrapper {
    padding: 10px 0;
    margin-bottom: 15px;
    text-align: center;
}

body .RadToolTip_Default .rtClose,
body .RadToolTip_Default .rtClose:hover {
    border: none;
    color: #fff;
}

body .RadToolTip_Default .rtClose {
    background: #6b6b6b;
}

body .RadToolTip_Default .rtClose:hover {
    background: #000;
}

body .RadToolTip .rtCloseIcon::before {
    font-size: 1.1em;
    text-indent: .1em;
}


/*
******************************
@section Fix Telerik
******************************
*/
.RadDropDownList .rddlInner,
.RadDropDownList_Default .rddlInner,
.bloc .RadDropDownList .rddlInner {
    border-radius: 0 !important;
}

.RadGrid_Default .rgAltRow td,
.RadGrid_Default .rgRow td {
    background-color: #fff;
    border-color: #dbdbdb !important;
}

.RadGrid_Default .rgAltRow:last-child td,
.RadGrid_Default .rgRow:last-child td {
    border-bottom: none !important;
}

.bloc .RadGrid_Default .rgHeader,
.bloc .RadGrid_Default th.rgResizeCol,
.bloc .RadGrid_Default .rgHeaderWrapper {
    border-bottom-color: #a9a9a9;
}

/* Modales */
.RadWindow .rwTitleRow,
.RadWindow .rwCorner.rwBodyLeft,
.RadWindow .rwCorner.rwBodyRight,
.RadWindow .rwStatusbarRow,
.RadWindow .rwFooterRow {
    display: none;
}

.RadWindow .rwWindowContent .radconfirm {
    background-image: url(../Images/question.png) !important;
    font-size: 1.1em;
    font-family: Arial, Verdana, sans-serif;
}

table.rwTitlebarControls {
    display: none;
}

.RadWindow .rwShadow .rwTopLeft,
.RadWindow .rwShadow .rwTopRight,
.wrapper .RadWindow .rwShadow .rwTitlebar,
.wrapper .RadWindow.rwMinimizedWindow .rwShadow .rwTitlebar {
    height: 20px !important;
}

.RadWindow_Default td.rwWindowContent {
    border: 1px solid #898989;
}

/*.RadWindow.rwNoTitleBar td.rwWindowContent {
    border-top: none;
}*/

.RadWindow.rwNoTitleBar,
.RadWindow.rwNoTitleBar > table,
.RadWindow .rwShadow,
.RadWindow .rwShadow > table {
    height: 120px !important;
}

.rwDialogMessage {
    padding: 5px;
}

.rwDialogButtons input {
    margin: 5px;
}

/* Notification */
body .RadNotification .rnTitleBar {
    background: transparent;
    border: none;
}

body .RadNotification .rnTitleBarTitle {
    color: #000;
}

body .RadNotification {
    border: 1px solid #898989;
}

body .RadNotification .rnContent {
    padding: 0 0 0 4.98333em;
}

body .RadNotification .rnContentWrapper .rnIcon {
    left: 1.5em;
    background-size: 100%;
}

/* Combobox */
body .RadComboBoxDropDown_Default {
    border-color: #898989;
}

body .RadComboBoxDropDown_Default .rcbFooter {
    border-top-color: #898989;
}

body .RadComboBoxDropDown_Default .rcbHeader,
body .RadComboBoxDropDown_Default .rcbFooter,
body .rddlPopup_Default .rddlItemSelected {
    color: #404040;
    background-color: #fcfcfc;
}

body .RadComboBoxDropDown_Default .rcbHovered,
body .rddlPopup_Default .rddlItemHovered {
    color: #ea4616;
    background-color: #fff;
}

body .RadComboBox_Default .rcbHovered,
body .RadComboBox_Default .rcbFocused,
body .RadComboBox_Default .rcbReadOnly.rcbHovered,
body .RadComboBox_Default .rcbReadOnly.rcbFocused,
body .RadComboBox_Default .rcbHovered .rcbActionButton,
body .RadComboBox_Default .rcbFocused .rcbActionButton,
body .RadComboBox_Default .rcbReadOnly.rcbHovered .rcbActionButton {
    background-color: #fff;
    background-image:none;
}

body .RadComboBox_Default .rcbHovered .rcbInput,
body .RadComboBox_Default .rcbReadOnly.rcbHovered .rcbInput {
    color:#000;
}

body .RadComboBoxDropDown_Default .rcbCheckAllItems,
body .RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
    color: #404040;
    background-color: #fcfcfc;
    border-bottom: 1px solid #898989;
}

body .RadGrid_Default .rgMasterTable,
body .RadGrid_Default .rgDetailTable,
body .RadGrid_Default .rgGroupPanel table,
body .RadGrid_Default .rgCommandRow table,
body .RadGrid_Default .rgEditForm table,
body .RadGrid_Default .rgPager table {
    font-size: 13px;
    line-height: 1.5;
}

.RadComboBoxDropDown .rcbScroll {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* Old styles */
body .rbSkinnedButton {
    box-sizing: content-box;
}


/*
******************************
@section Media queries
******************************
*/
@media screen and (max-width: 450px) {
    .radius {
        font-size: 13px;
    }

    .radius.orange-bg {
        font-size: 15px;
    }
}

@media screen and (max-width: 395px) {
    .radius {
        padding: .25em 5px;
    }

    .radius img {
        display: none;
    }
}

@media screen and (max-width: 1235px) {
    .advancedsearch .domain {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        padding-bottom: 0;
        width: 100%;
    }
}

@media screen and (min-width: 961px) and (max-width: 1280px) {
    html,
    body {
        padding: 0 1em;
    }
}

@media screen and (min-width: 801px) and (max-width: 930px) {
    .wrapsearch .inputSearch {
        width: 80%;
    }
}

/* ************************************************************************************************************** */
/* Général */
.RadComboBox .rcbInput {
    font: normal 12px Arial, Verdana, sans-serif !important;
}

/* ------------------ COMMON ELEMENTS ---------------- */
.multiRow + .multiRow {
    padding: 5px 0 0;
}
.imgCenter {
    margin: 0 auto;
    display: block;
}

/* -------------------- blocs ----------------- */
.filter {
    padding: .5em;
}

.filter label {
    padding-right: 10px;
}

.bloc .label {
    width: 30%;
    margin: 0;
    display: inline-block;
    float: none;
    vertical-align: top;
}

.bloc .lightlabel {
    padding: .7em .7em .7em 1em;
    width: 30%;
    margin: 0;
    display: inline-block;
    float: none;
    vertical-align: top;
}

.bloc .description {
    width: 69%;
    margin: 0;
    display: inline-block;
    float: none;
}

.descriptionNestedTable tr {
    border-bottom: 1px solid #DADADA;
}

.descriptionNestedTable tr:first-child td {
    padding-top: 0;
}

.buttonSwitchSystem {
    float: right;
    margin-left: 10px;
}

/* ---------------- GENERIC ERROR PAGE -------------- */
.genericErrorMessage {
    font-size: 18px;
    text-align: center;
    line-height: 28px;
}

.genericErrorMessage img {
    width: 45px;
    height: auto;
    margin: 20px auto;
    display: block;
}


/* ---------------- Access Denied -------------- */
.accessDenied .center {
    margin-top: 2em;
    text-align: center;
}

.accessDenied .center > * {
    margin: 0 .5em;
}

/* --------------- Preview News --------------- */
.toggleBlock {
    display: block;
    padding: 1em;
    font-size: 14px;
    /*  background-color: #5F71B1;*/    
    background-color: #B7C6F5;
    cursor: pointer;
    color: #000;
    border-bottom: 1px solid #fff;
    background-image: url(../Ressources/images/arrow.png);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    padding-left: 25px;
}

.toggleBlock:hover {
    background-color: #AEBCE7;
}

.toggleBlock.active {
    background-color: #5F71B1;
    color: white;
    background-image: url(../Ressources/images/arrow_active.png);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    padding-left: 25px;
}

.block {
    padding: 1em;
}

#news .col75 {
    padding: 0 1em;
}

#FirstNews {
    border: 1px solid #818181;
    border-top-color: #fff;
    background-color: #f3f3f3;
}

#FirstNews h3 {
    margin: 0;
    padding: 6px 1em;
    background-color: #818181;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}

.newsContent {
    padding: 1em;
}

.newsContent p {
    padding: 0;
    margin: 0;
}

.MoreNewsLink {
    display: inline-block;
    padding: 0 1em 1em;
}

.validationRedPoint {
    display: inline-block;
    border-radius: 100%;
    background-color: red;
    width: 16px;
    height: 16px;
    font-weight: bold;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.saeCheckBoxList input {
    margin-left: 10px;
    vertical-align: middle;
}

.saeCheckBoxList input:first-of-type {
    margin-left: 0;
}

.saeCheckBoxList label {
    padding-left: 4px;
    vertical-align: middle;
}

.oldBrowserWarning {
    width: 500px;
    margin: 10px auto 10px;
    padding: 5px;
    overflow: hidden;
    border: dotted 1px #EA5701;
    margin-bottom: 10px;
}

.testCode {
    font-size: medium;
    font-style: italic;
}

.testCode:before {
    content: "[";
}

.testCode:after {
    content: "]";
}


/* --------------- Tooltip information shop --------------- */
.RadToolTip.informationTooltip {
    width: 90%;
    max-width: 400px;
    max-height: 90%;
}

.RadToolTip.informationTooltip h2 {
    padding-left: 26px;
    background: transparent url('/Images/notification-info.png') no-repeat 0 0;
    background-size: 20px 20px;
}

.RadToolTip.informationTooltip .rtContent {
    padding: .2em 1em 1em 1em;
}


.password-validation-list-item {
    font-size: 12px;
    padding-left: 30px;
}

.password-validation-list-item.hide {
    display:none;
}

.errorMsg.hide {
    display: none;
}

.password-validation-list-item::before {
    content: '✘';
    color: red;
    font-weight: bold;
    margin-right: 8px;
}

.errorMsg {
    color: red;
}

.alert {
    background: #2b78e4;
    text-align: center;
    width: 100%;
    position: sticky;
    margin: 0.71429em 0;
    top: 0;
    z-index: 6000;
}

.alert .alert-content {
    color: #fff;
    font-weight: bold;
    padding: .5em 1.5em;
    font-size: 1.1em;
}

.alert .alert-close {
    position: absolute;
    right: .5em;
    top: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.4em;
    background: transparent;
    height: 1.6em;
    color: white;
    border: none;
}

.alert.alert-warning {
    background: #e53517;
}

    .alert.alert-warning .alert-content .icon:before {
        background-image: url(../../Images/whiteAlert.png);
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 1em;
    }

.alert.alert-error {
    background: #f00;
}

.alert.alert-success {
    background: #2e742e;
}

@media screen and (max-width: 1000px) {
    .alert {
        display: none;
    }
}

.vertical-align-top {
    vertical-align: top !important;
}

.out-of-stock-description {
    color: darkred;
}

.out-of-stock-label {
    text-align: right;
    color: darkred;
    font-weight: bold;
}