:root{
    --font-family:"greycliff-cf", sans-serif;
    --font-family-serif:"quincy-cf", serif;
    --color-primary:#40693d;
    --color-primary-light:#8fa588;
    --color-primary-lighter:#d8e7d9;
    --color-primary-dark:#1f341e;
    --color-text:#3c3c3c;
    --color-text-medium:#6e6e6e;
    --color-text-light:#9f9f9f;
    --color-white:#fff;
    --color-black:#000;
    --color-danger:#804b4c;  --color-danger-light:#b47e7f;  --color-danger-dark:#402626;
    --color-warning:#82784b; --color-warning-light:#b5aa7d; --color-warning-dark:#413c25;
    --color-success:#40693d; --color-success-light:#71ab6d; --color-success-dark:#2b4729;
    --color-info:#403859;    --color-info-light:#6c5e97;    --color-info-dark:#1b1826;
}

*{
    border-color:var(--color-text-light);
    border-style:solid;
    border-width:0;
    zoom:1;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

body{
    margin:0 auto;
    background:var(--color-white);
    font-family:var(--font-family);
    font-size:14px;
    color:var(--color-text);
    -webkit-font-smoothing:antialiased;
}
a{
    color:var(--color-primary-light);
    cursor:pointer;
    text-decoration:none;
    outline:none;
    transition:all 0.2s ease-in-out;
}
a:hover{
    color:var(--color-primary);
    text-decoration:none;
}
a:focus{
    color:var(--color-primary);
    text-decoration:none;
}
h1, h2, h3, h4, h5, h6{
    font-family:var(--font-family);
    color:var(--color-primary);
    line-height:1.3;
}
h1{
    font-family:var(--font-family-serif);
}
input, button, select, textarea{
    font-weight:400;
}
input[type=text], input[type=password], input[type=submit], input[type=button], button, select{
    border-radius:0;
}
input[type=submit]:hover, input[type=button]:hover, button:hover{
    opacity:0.7;
    border-color:var(--color-primary);
    cursor:pointer;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{
    font-size:0.975em;
}
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear{
    display:none;
}
.input-sm{
    border-radius:0;
}
select{
    box-shadow:0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.15) inset;
}
label{
    display:inline-block;
    font-size:1em;
}
table{
    font-size:13px;
}
ul, ol, nav ul{
    list-style:none;
    margin:0;
    padding:0;
}
p{
    font-family:var(--font-family);
    font-size:14px;
}

.btn{
    border-radius:0;
    font-weight:500;
}
.form-control{
    border-radius:0;
    border-width:2px;
    border-color:var(--color-text-light);
}
.form-control:focus,
.form-control:active{
    border-color:var(--color-primary);
}
button, input[type=button], .btn{
    transition:all 0.2s ease-in-out;
}
.table-striped > tbody > tr:nth-of-type(odd){
    background:none;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th{
    border:none;
}

.nav-tabs > li > a{
    color:var(--color-text-light);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{
    color:var(--color-black);
}

.small{
    font-size:11px;
}

.clear{
    clear:both;
}



.text-primary{
    color:var(--color-primary);
}

.bg-primary{
    color:var(--color-primary-dark);
    background-color:var(--color-primary-light);
}

.btn-primary,
.liQteAcheter #Acheter,
#TB_Produit .LigneAcheter #Acheter{
    color:var(--color-white);
    border-color:var(--color-text-medium);
    background-color:var(--color-text-medium);
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover{
    color:var(--color-white);
    border-color:var(--color-text-medium);
    background-color:var(--color-text-medium);
}

a.text-primary:hover{
    color:var(--color-primary-light);
}

a.bg-primary:hover{
    background-color:var(--color-primary-light);
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.liQteAcheter #Acheter:hover,
#TB_Produit .LigneAcheter #Acheter:hover,
.open>.dropdown-toggle.btn-primary{
    color:var(--color-black);
    background-color:var(--color-text-light);
    border-color:var(--color-text-medium);
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover{
    color:var(--color-black);
    background-color:var(--color-text-light);
    border-color:var(--color-text-medium);
}



a.text-success:hover{
    color:var(--color-success);
}

a.bg-success:hover{
    background-color:var(--color-success-light);
}

.text-success{
    color:var(--color-success);
}

.bg-success{
    color:var(--color-success-dark);
    background-color:var(--color-success);
}

.btn-success{
    color:var(--color-white);
    border-color:var(--color-success);
    background-color:var(--color-success);
}

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success{
    color:var(--color-black);
    background-color:var(--color-success-light);
    border-color:var(--color-success);
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover{
    color:var(--color-black);
    background-color:var(--color-success-light);
    border-color:var(--color-success);
}


a.text-danger:hover{
    color:var(--color-danger);
}

a.bg-danger:hover{
    background-color:var(--color-danger);
}

.text-danger{
    color:var(--color-danger);
}

.bg-danger{
    color:var(--color-danger-dark);
    background-color:var(--color-danger-light);
}

.btn-danger{
    color:var(--color-white);
    border-color:var(--color-danger);
    background-color:var(--color-danger);
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger{
    color:var(--color-black);
    background-color:var(--color-danger-light);
    border-color:var(--color-danger);
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover{
    color:var(--color-black);
    background-color:var(--color-danger-light);
    border-color:var(--color-danger-dark);
}


a.text-warning:hover{
    color:var(--color-warning);
}

a.bg-warning:hover{
    background-color:var(--color-warning);
}

.text-warning{
    color:var(--color-warning);
}

.bg-warning{
    color:var(--color-warning-dark);
    background-color:var(--color-warning-light);
}

.btn-warning{
    color:var(--color-white);
    border-color:var(--color-warning);
    background-color:var(--color-warning);
}

.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.dropdown-toggle.btn-warning{
    color:var(--color-black);
    background-color:var(--color-warning-light);
    border-color:var(--color-warning);
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover{
    color:var(--color-black);
    background-color:var(--color-warning-light);
    border-color:var(--color-warning-dark);
}


a.text-info:hover{
    color:var(--color-info);
}

a.bg-info:hover{
    background-color:var(--color-info);
}

.text-info{
    color:var(--color-info);
}

.bg-info{
    color:var(--color-info-dark);
    background-color:var(--color-info-light);
}

.btn-info{
    color:var(--color-white);
    border-color:var(--color-info);
    background-color:var(--color-info);
}

.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info{
    color:var(--color-black);
    background-color:var(--color-info-light);
    border-color:var(--color-info);
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info.focus,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover{
    color:var(--color-black);
    background-color:var(--color-info-light);
    border-color:var(--color-info-dark);
}


a.text-default:hover{
    color:var(--color-primary);
}

a.bg-default:hover{
    background-color:var(--color-text-light);
}

.text-default{
    color:var(--color-primary);
}

.bg-default{
    color:var(--color-primary-dark);
    background-color:var(--color-primary-light);
}

.btn-default{
    color:var(--color-white);
    border-color:var(--color-primary);
    background-color:var(--color-text-light);
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default{
    color:var(--color-black);
    background-color:var(--color-text-light);
    border-color:var(--color-text-medium);
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover{
    color:var(--color-black);
    background-color:var(--color-text-light);
    border-color:var(--color-text-medium);
}

.btn-link{
    color:var(--color-text);
}

#mobile-header{
    background:var(--color-primary);
    padding:10px 0;
}
#mobile-header ul li{
    position:relative;
    display:inline-block;
}
#mobile-header ul li a{
    display:inline-block;
}
#mobile-header ul li a + span{
    position:absolute;
    top:24px;
    right:2px;
    width:14px;
    height:14px;
    line-height:14px;
    padding:2px;
    font-size:10px;
    font-weight:600;
    text-align:center;
    background-color:rgba(255, 255, 255, 0.75);
    border-radius:35px;
    color:var(--color-black);
}

#header{
    border-bottom:1px solid rgba(0, 0, 0, 0.25);
}

#upper-banner{
    background-color:var(--color-primary);
}

#main-header{
    
}

#upper-banner ul{
    list-style:none;
    display:block;
}
#upper-banner ul li{
    display:inline-block;
    margin:10px 15px 0 0;
}
#upper-banner ul li.social a{
    display:block;
    padding-left:3px;
    padding-right:3px;
}
#upper-banner ul li.social a img{
    max-height:16px;
    transition:all 0.2s ease-in-out;
}
#upper-banner ul li.social a:hover img{
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.25);
    transition:all 0.2s ease-in-out;
}
#upper-banner nav{
    display:none;
    position:relative;
    background:var(--color-primary);
    color:var(--color-white);
    padding:5px;
    border-radius:0 0 9px 9px;
}
#upper-banner nav.collapse.in{
    display:inline-block;
}
#upper-banner nav a{
    display:inline-block;
    padding:5px;
}
#upper-banner nav > a{
    color:var(--color-white);
}
#upper-banner nav > a:hover,
#upper-banner nav > a:focus{
    color:var(--color-primary-lighter);
}
#upper-banner nav > a:first-child:after{
    content:'|';
    margin-left:10px;
}
#upper-banner nav ul.dropdown-menu li{
    margin:4px 8px;
    text-align:left;
}
#upper-banner #Upper2Links ul.dropdown-menu{
    display:none;
    position:absolute;
    top:28px;
    right:0;
    text-align:left;
    border-top:none;
    box-shadow:none;
    background:var(--color-primary);
    color:var(--color-white);
}
#upper-banner #Upper2Links ul.dropdown-menu a{
    color:var(--color-white);
}
#upper-banner #Upper2Links ul.dropdown-menu a:hover,
#upper-banner #Upper2Links ul.dropdown-menu a:focus{
    background:none;
    color:var(--color-primary-lighter);
}
#upper-banner #Upper2Links nav.open > ul.dropdown-menu{
    display:block;
}

#main-header ul{
    display:block;
    list-style:none;
}
#main-header ul li{
    display:block;
    padding:4px;
    text-align:center;
}
#main-header ul li a{
    border-radius:9px;
    padding:4px 8px;
    font-weight:500;
}
#main-header ul li.menu-lien.active a,
#main-header ul li.menu-lien a.active,
#main-header ul li.menu-lien a.active:hover,
#main-header ul li.menu-lien a.active:focus,
#main-header ul li.menu-lien a:hover,
#main-header ul li.menu-lien a:focus{
    color:var(--color-white);
    background:var(--color-primary-light);
    font-weight:500;
}

#main-header .menu-lien.devise{
    display:inline-flex;
}
#main-header .menu-lien.devise .active{
    cursor:default;
    font-weight:bold;
}
/*#main-header .menu-lien.devise .active:focus,
#main-header .menu-lien.devise .active:hover{
    background:none;
    color:var(--color-primary-light);
}*/

#main-header .menu-logo img{
    height:80px;
}

#mobile-header .devise a{
    display:inline-block;
    padding:4px 8px;
}
#mobile-header .devise a.active,
#mobile-header .devise a:focus,
#mobile-header .devise a:hover{
    color:var(--color-white);
}
#mobile-header .devise img{
    height:24px;
    width:auto;
}
#top-line .devise{
    display:inline-flex;
    padding:0 2px;
}
/*
#site-prelude{
    padding:10px 10px 15px 10px;
    text-transform:uppercase;
}
#site-prelude p{
    line-height:45px;
    font-weight:500;
    color:#9a9fa8;
}
#site-prelude a{
    display:inline-block;
}
#site-prelude img{
    max-height:45px;
    width:auto;
}

#site-header{
    position:relative;
    padding-top:10px;
}
#site-header:after{
    content:'';
    display:block;
    position:absolute;
    top:100%;
    width:100%;
    height:20px;
    background:transparent url(/images/CTC/ALIA/shreds-to-bottom.svg) repeat-x top left;
    background-size:contain;
    pointer-events:none;
}
*/
#MainContainer{
    min-height:480px;
}
/*
#site-footer{
    position:relative;
}
#site-footer:after{
    content:'';
    display:block;
    position:absolute;
    bottom:100%;
    width:100%;
    height:44px;
    background:transparent url(/images/CTC/ALIA/shreds-to-top-alt.svg) repeat-x top left;
    z-index:1;
}
*/
#ecom{
    padding:0;
    background:var(--color-white) url('/images/CTC/ALIA/Texture-Background-motif.png') top left repeat;
}
#page{
    margin:auto;
    width:100%;
}

#top-line{
    border-top:1px solid rgba(0, 0, 0, 0.05);
    background:var(--color-primary-lighter);
}

#footer{
    padding:50px 0 10px 0;
    background:var(--color-primary-lighter) url('/images/CTC/ALIA/AliaNature-Logo-Text.svg') center center no-repeat;
    background-size:auto 100%;
    border:none;
    color:var(--color-text);
    font-size:15px;
}
#footer h4{
    font-size:16px;
    color:var(--color-black);
}
#footer li{
    padding:4px 0;
}
#footer a{
    color:var(--color-text);
}
#footer a:hover,
#footer a:focus{
    color:var(--color-primary);
}

#footer #Newsletter p{
    font-weight:bold;
}
#footer #Newsletter form input[type=text],
#footer #Newsletter form input[type=email],
#footer #Newsletter #BtnSubmitNewsletter{
    background:none;
    border:none;
    border-bottom:2px solid var(--color-text);
    color:var(--color-text-medium);
}
#footer #Newsletter #BtnSubmitNewsletter{
    color:rgba(0, 0, 0, 0.25);
}
#footer #Newsletter #BtnSubmitNewsletter:hover{
    color:rgba(0, 0, 0, 0.5);
    opacity:1;
}

#footer .social-footer{
    display:flex;
    justify-content:space-between;
}
#footer .social-footer li{
    display:inline-flex;
}
#footer .social-footer li a{
    display:inline-block;
    height:40px;
    padding:8px;
}
#footer .social-footer li a img{
    width:auto;
    max-height:100%;
    opacity:0.8;
    transition:all 0.2s ease-in-out;
}
#footer .social-footer li a:hover img{
    opacity:1;
}

/*
.newsletter-link{
    font-weight:700;
    color:#77992C;
    text-transform:uppercase;
    font-size:12px;
}


a.logo{
    display:block;
    padding-right:10px;
    border-right:1px solid rgba(192, 199, 210, 0.5);
}
img.logo{
    margin-top:12px;
    margin-bottom:12px;
    max-width:100%;
    height:auto;
}
*/
.navbar-toggle{
    display:none;
    position:absolute;
    top:12px;
    right:0;
    background:transparent;
    border:none;
}
.navbar-toggle:hover{
    border:none;
}
.navbar-toggle .icon-bar{
    background:var(--color-white);
}

/*
.dropdown-supermenu:hover > .dropdown-menu{
    display:block;
}
*/
#div-containing-menu-gauche-boutique{
    background:var(--color-white);
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}

.menu-gauche,
.menu-cat-fam-ssfam{
    padding:6px 0;
}

.menu-gauche{
    display:none;
    background:var(--color-primary);
    color:var(--color-white);
}
.menu-gauche a{
    color:var(--color-white);
    font-weight:500;
}
#MainContainer .menu-gauche{
    margin-top:5px;
}

.menu-cat-fam-ssfam{
    margin-bottom:12px;
    background:var(--color-white);
    border-radius:0 0 15px 15px;
}
.menu-cat-fam-ssfam li{
    position:relative;
    padding:4px 2px 4px 8px;
}
.menu-cat-fam-ssfam > li + li{
    border-top:1px solid rgba(0, 0, 0, 0.1);
}
.menu-cat-fam-ssfam li > a > span:first-child{
    display:inline-block;
    min-width:32px;
    padding:2px 8px 2px 0;
}
.menu-cat-fam-ssfam a{
    color:var(--color-text-medium);
    letter-spacing:0.1px;
}
.menu-cat-fam-ssfam .current > a,
.menu-cat-fam-ssfam a:hover,
.menu-cat-fam-ssfam a:focus{
    font-weight:bold;
    color:var(--color-primary);
    letter-spacing:normal;
}
.menu-cat-fam-ssfam li .caret{
    position:absolute;
    top:8px;
    right:0;
    padding:4px 0 4px 8px;
}
.menu-cat-fam-ssfam .Famille li .caret{
    top:5px;
}
.menu-cat-fam-ssfam li .caret:after{
    content:"\e9c9";
}
.menu-cat-fam-ssfam li .open .caret:after{
    content:"\e9ca";
}
.menu-cat-fam-ssfam .dropdown-menu{
    margin-top:0;
    box-shadow:none;
    border:none;
}
.menu-cat-fam-ssfam > .dropdown-menu{
    border-top:1px solid rgba(0, 0, 0, 0.1);
}
.menu-cat-fam-ssfam .dropdown-backdrop{
    display:none;
}

.titre-menu{
    display:block;
    padding:6px 8px;
    background:var(--color-primary);
    color:var(--color-white);
}
.titre-menu a{
    color:var(--color-white);
    font-weight:500;
}
.titre-menu > a > span:first-child{
    display:inline-block;
    min-width:40px;
    padding:2px 8px;
}

.dropdown-menu{
    position:static;
    float:none;
    min-width:50%;
}
.dropdown-menu > ul{
    background:transparent;
    box-shadow:none;
    max-width:100%;
    padding:8px 0 8px 16px;
}

.navbar-nav > li > a{
}
.navbar-nav > li:focus > a,
.navbar-nav > li:hover > a,
.navbar-nav > li.current > a,
.navbar-nav > li.active > a{
}
.dropdown-menu > ul > li > a{
    display:block;
}
.dropdown-menu > ul.Famille > li > a:first-child{
    padding-bottom:2px;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-menu > ul.Famille > li:last-child > a{
    border-bottom:none;
}
.dropdown-menu > ul.SousFamille > li{
    padding:0;
}

#IconePanier,
#IconesDevise{
    display:table-cell;
    position:relative;
    margin:0;
    padding:8px 0;
}
#IconePanier{
    width:33%;
}
#IconesDevise{
    width:66%;
}
#IconePanier > a{
    display:inline-block;
    width:35px;
    height:35px;
    line-height:35px;
    border-radius:35px;
    background:var(--color-white);
    text-align:center;
}
#IconePanier > a i{
    font-size:22px;
}
#IconePanier > span{
    position:absolute;
    top:28px;
    right:2px;
    width:14px;
    height:14px;
    line-height:14px;
    padding:2px;
    background:rgba(0, 0, 0, 0.5);
    border-radius:35px;
    color:var(--color-white);
    font-size:10px;
    font-weight:600;
    text-align:center;
}
#IconePanier > .dropdown-menu{
    position:absolute;
    top:100%;
    right:0;
    margin:0;
    width:230px;
    border-radius:0;
}
#IconesDevise .devise{
    margin:0 2px;
    padding:2.5px;
}
#IconesDevise .devise a{
    display:inline-block;
    padding:1px 2.5px;
    border-radius:5px;
}
#IconesDevise .devise a:first-child{
    margin-right:10px;
}
#IconesDevise .devise a img{
    height:25px;
}
#IconesDevise .devise a span{
    display:inline-block;
    padding:4px;
}
#IconesDevise .devise a.active,
#IconesDevise .devise a:focus,
#IconesDevise .devise a:hover{
    background-color:var(--color-primary-light);
    color:var(--color-white);
    font-weight:500;
}
/*
#footer-top{
    padding-top:20px;
    padding-bottom:20px;
}
#footer-top h3,
#footer-top div.contact-phones{
    display:inline-block;
    margin-right:2em;
}
#footer-top #footer-contact a{
    text-transform:uppercase;
    color:#333;
}

#site-footer .footer-title{
    font-size:18px;
}

#footer-bottom{
    border-top:1px solid #f0f0f0;
    padding-top:20px;
    padding-bottom:20px;
    font-size:14px;
    color:#81817e;
}
#footer-bottom .fvd-link{
    margin-right:2em;
}
#legal-nav{
    display:inline;
}
#legal-menu{
    display:inline;
}
#legal-menu li{
    display:inline;
}
#legal-menu li a{
    color:#6c6c6c;
}
#legal-menu li a:focus,
#legal-menu li a:hover{
    opacity:0.7;
    color:#808080;
}
#legal-menu li:before{
    content:'';
    position:relative;
    top:1px;
    width:1px;
    display:inline-block;
    background-color:#f0f0f0;
    height:12px;
    margin:0 .7em 0 .4em;
}

.phone-element{
    display:inline-block;
}
.phone-element + .phone-element{
    margin-left:30px;
}
.phone-element span{
    position:relative;
    padding-left:25px;
}
.phone-element span:before{
    content:'';
    display:inline-block;
    position:absolute;
    top:2px;
    left:0;
    width:18px;
    height:12px;
    background-repeat:no-repeat;
    background-position:top left;
}
.phone-element span.belgium:before{
    background-image:url(/images/CTC/ALIA/flag-belgium.svg);
}
.phone-element span.france:before{
    background-image:url(/images/CTC/ALIA/flag-france.svg);
}
.phone-element span.deutschland:before{
    background-image:url(/images/CTC/ALIA/flag-deutschland.svg);
}
*/
#TitreCatAccueilLienBarNav{
    display:none;
}

.Titre, .TitrePage{
    margin-bottom:10px;
    padding:10px 3px;
    color:var(--color-text);
    font-family:'quincy-cf', sans-serif;
    font-size:28px;
    font-weight:bold;
    border-bottom:1px solid var(--color-text-light);
    text-align:left;
    line-height:36px;
    vertical-align:middle;
}

h1.Titre{
    text-align:center;
}

#TitreCatFamillePhoto, #TitreCatSousFamillePhoto{
    display:none;
}
#TitreCatFamilleDescWeb, #TitreCatSousFamilleDescWeb{
    text-align:left;
    margin-top:15px;
    margin-bottom:15px;
}
#TitreCatFamilleLienBarNav, #TitreCatSousFamilleLienBarNav{
    text-align:left;
    margin-bottom:15px;
}

.SousTitre, #TitreRechCatBA{
    margin-top:15px;
    margin-bottom:15px;
    margin-left:2px;
    background:none;
    text-align:left;
    color:var(--color-text);
    font-size:16px;
    font-weight:normal;
}

.header .logo{
    text-align:center;
}
.header .logo img{
    width:200px;
}

.mixed-title {
    font-family:"greycliff-cf", sans-serif;
    font-weight:300;
    margin-bottom:1em;
}
.mixed-title > *{
    font-family:'quincy-cf', sans-serif;
    font-size:1.25em;
    font-weight:400;
}

.BlocInfo{
    display:inline-block;
    text-align:justify;
    width:100%;
}
.BlocTri{
    margin:10px auto;
    font-weight:bold;
    font-size:16px;
}
.BlocTri span{
    float:right;
    font-weight:normal;
    font-size:12px;
}

.FontBase, .FontBouton{
    font-size:13px;
}
.FontBoutonPetit{
    font-size:11px;
}
.SearchBody{
    background-color:var(--color-white);
    margin:2px;
    width:770px;
    font-size:11px;
    background-image:none;
}

.HautPage{
    font-size:24px;
    font-weight:bold;
}

.TitreLogin{
    font-size:24px;
    font-weight:bold;
    padding-top:20px;
    padding-bottom:20px;
}

.version{
    margin:30px auto;
    padding-bottom:15px;
    line-height:32px;
    color:rgba(0, 0, 0, 0.25);
}

.bg-white{
    background-color:var(--color-white);
}
.bg-light-silver{
    background-color:#f9f9f9;
}

.Erreur{
    font-weight:bold;
    color:var(--color-danger);
    font-size:12px;
}

.FondGris{
    background-color:var(--color-text-light);
}

h1:not(#Titre):not(.Titre):not(.Div_CatInfo):not(.liNomprod){
    color:var(--color-text);
    font-size:16px;
    font-weight:bold;
    margin-top:20px;
    padding-bottom:1px;
}

h1:not(#Titre):not(.Titre):not(.Div_CatInfo):not(.liNomprod) span{
    background:none;
    margin-left:5px;
    border:none;
    padding:0px 5px 0px 5px;
}

h2:not(#Titre):not(.Titre):not(.Div_CatInfo):not(.liNomprod){
    color:var(--color-primary);
    font-size:16px;
    font-weight:bold;
    padding:0;
    margin:0;
}

.Entete td, .Entete th{
    font-weight:bold;
}
#Entete td, #Entete th{
    font-weight:bold;
    text-align:center;
}

.header-icons > li{
    position:relative;
    display:inline-block;
}
.header-icons > li > a{
    display:block;
    padding:5px 10px;
}
.header-icons > li .dropdown-menu{
    left:auto;
    right:0;
    margin-top:0;
    padding:0;
}
.header-icons > li:focus .dropdown-menu,
.header-icons > li:hover .dropdown-menu{
    display:block;
}

.top-icon{
    height:20px;
    width:auto;
    opacity:0.9;
}
.top-icon:focus,
.top-icon:hover{
    opacity:1;
}

form.FiltreAttributs{
    margin-bottom:0;
}
.ButtonAsLink{
    appearance:none;
    display:block;
    margin:0;
    padding:0 0 10px 0;
    background:none;
    border:none;
    align-items:normal;
    font-weight:500;
    font-size:15px;
    color:var(--color-black);
}
.ButtonAsLink:focus,
.ButtonAsLink:hover{
    color:var(--color-primary-light);
}

.LienPagination{
    text-decoration:none;
}

.LienPagination:visited{
    text-decoration:none;
}

.MotDePasseRetrouve{
    font-size:14px;
    font-weight:bold;
    color:var(--color-success);
    width:100%;
    text-align:center;
}

.DateDerSynchro{
    font-size:11px;
    font-style:italic;
    text-align:right;
    width:100%;
}

#TitrePage{
    margin-bottom:10px;
    padding:10px 0px 10px 5px;
    border-bottom:2px solid none;
    line-height:32px;
    font-family:'quincy-cf', sans-serif;
    font-size:28px;
    font-weight:bold;
    text-transform:uppercase;
    vertical-align:middle;
}

#ComplementTitrePage{
    font-family:'quincy-cf', sans-serif;
    font-size:18px;
    font-weight:normal;
}

#SousTitrePage{
    font-size:18px;
    margin-bottom:10px;
}
#TitrePanier{
    font-size:11px;
    margin-top:40px;
    margin-bottom:50px;
    padding-left:20px;
}
.LienBarNav{
    display:none;
    margin-top:15px;
    margin-bottom:15px;
    padding:10px 0;
    background:rgba(255, 255, 255, 0.75);
    color:var(--color-primary-light);
    font-size:14px;
}
.LienBarNav a{
    text-decoration:none;
    font-size:14px;
    margin-top:15px;
    margin-bottom:15px;
    padding:3px;
}
.LienBarNav a:focus,
.LienBarNav a:hover{
    text-decoration:underline;
}

.TitreModule{
}

.TitreModule *{
    display:none;
}
#LstSousFamille .TitreModule{
    display:none;
}

.Recherche{
    margin:5px 0;
    padding:4px 8px 4px 0;
}
#top-line .FormRecherche{
    display:none;
}
#top-line .FormRecherche .input-group-addon,
#top-line .FormRecherche .form-control,
#top-line .FormRecherche .input-group-btn,
#top-line .FormRecherche .input-group-btn #BtnSubmit{
    background:var(--color-white);
    border:none;
}
#top-line .FormRecherche .form-control::placeholder{
    color:var(--color-text);
    font-weight:600;
}
#top-line .FormRecherche .form-control:focus::placeholder{
    color:var(--color-text-light);
}
#top-line .FormRecherche .input-group-addon{
    border-radius:35px 0 0 35px;
}
#top-line .FormRecherche .input-group-btn,
#top-line .FormRecherche .input-group-btn #BtnSubmit{
    border-radius:0 35px 35px 0;
}

.TableInfo{
    border:1px solid var(--color-primary-lighter);
    border-collapse:collapse;
    margin:auto;
}
.TableInfo img{
    vertical-align:middle;
    border:0;
    padding-right:4px;
}
.TableInfo td, .TableInfo th{
    border:1px solid var(--color-primary-lighter);
    padding:2px;
}
.Montant{
    padding-right:5px;
    text-align:right;
}
.TableInfo .Email{
    font-size:11px;
}
#TableArticles .MontantGras{
    padding-right:5px;
    text-align:right;
    font-weight:bold;
}
.MontantTotaux{
    padding-right:3px;
    text-align:right;
    font-weight:bold;
    background:none;
}
.ReadOnly{
    border:none;
    background-color:transparent;
}
.TableInfoFond{
    background:none;
}
.TableInfoFond td, .TableInfoFond th{
    border:1px solid var(--color-text-light);
    padding:2px;
}
.TableInfoFond img{
    vertical-align:middle;
    border:0;
    padding-right:4px;
}
.TableInfoTitre, #TableArticles .EnteteColonne, #TableArticles .Titre{
    font-weight:bold;
    background:none;
    margin-top:5px;
}

.Adresse{
    overflow:hidden;
}
.TableField{
    font-size:11px;
}
.Pagination{
    font-size:11px;
    border:0px;
    padding:5px;
}
.Pagination span{
    font-weight:bold;
}
.Pagination span.Filtre{
    font-size:12px;
    font-style:italic;
}
.Pagination span.Page{
    font-size:12px;
}
.Pagination a{
    text-decoration:none;
}
.Pagination .Numero{
    float:right;
}
.Numero > span, .Numero > a{
    margin:3px;
    padding:6px 12px;
    background:var(--color-white);
    border:2px solid var(--color-primary-light);
    border-radius:0;
    color:var(--color-text-medium);
    font-weight:bold;
    font-style:normal;
    transition:background 200ms ease-out;
}
.Numero > span, .Numero > span.btn-default[disabled], .Numero > span:hover, .Numero > a:hover{
    background:var(--color-primary-lighter);
    border-radius:0;
    color:var(--color-text) !important;
}
.Numero > span:hover{
    cursor:auto;
}
.Numero > *:first-child,
.Numero > *:first-child:hover{
    border-radius:15px 0 0 15px;
}
.Numero > *:last-child,
.Numero > *:last-child:hover{
    border-radius:0 15px 15px 0;
}

.Message{
    color:var(--color-danger);
    font-weight:bold;
    margin:10px auto;
    text-align:center;
}
.AucunEnreg{
    text-align:center;
    color:var(--color-danger);
    font-weight:bold;
    margin:10px;
}
.AucunEnreg i{
    font-weight:normal;
}
.InfoAlerte{
    color:var(--color-danger);
    font-size:12px;
    text-align:center;
}
.InfoAlerteToutPetit{
    color:var(--color-danger);
    font-size:11px;
    text-align:center;
}
.InfoPetit{
    font-size:12px;
    margin-top:5px;
}
.InfoToutPetit{
    font-size:11px;
}
.PaiementExt{
    font-size:11px;
    color:var(--color-info);
}
.PaiementExtTitre{
    font-weight:bold;
}
.CommandeRegle{
    color:var(--color-success);
    font-size:12px;
    font-weight:500;
}
.DetailsEtatCmde{
    display:block;
}
.Compteur{
    text-align:right;
    font-size:11px;
    color:var(--color-text);
}
.NoScript{
    color:var(--color-danger);
    font-weight:bold;
    margin-top:10px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
}

/* Paramètre de menu de navigation */
#MenuNavigation{
    position:relative;
    background:rgba(255, 255, 255, 0.75);
    border-top:1px solid rgba(0, 0, 0, 0.75);
    border-right:5px solid rgba(255, 255, 255, 0.75);
    border-bottom:1px solid rgba(0, 0, 0, 0.75);
    border-left:5px solid rgba(255, 255, 255, 0.75);
}
#MenuNavigation fieldset{
    display:inline-block;
    padding-bottom:0;
    border-color:transparent;
    vertical-align:top;
    padding:1.25em 0.75em 1.5em 0;
}
#MenuNavigation fieldset legend{
    margin-bottom:15px;
    margin-top:10px;
    padding-left:1em;
    font-size:15px;
    font-weight:bold;
}
#MenuNavigation fieldset ul{
    margin-bottom:0;
    white-space:nowrap;
}
#MenuNavigation fieldset input[type=checkbox]{
    margin-bottom:0.5em;
}
#MenuNavigation fieldset label{
    min-width:50%;
    margin-left:1em;
    vertical-align:top;
    font-weight:normal;
}

#MenuCompte #MenuCompteDeconnecte, .ItemMenuGauche{
    display:block;
    margin-bottom:10px;
    padding:10px 0;
    border-bottom:1px solid var(--color-primary-lighter);
    text-align:left;
    line-height:36px;
    vertical-align:middle;
    font-family:"greycliff-cf", sans-serif;
    font-weight:300;
    font-size:19px;
    color:var(--color-text-medium);
}

#MenuCompte #MenuCompteConnecte{
    display:none;
}
#upper-banner #LstMenuCompte > li#MenuCpt_VotrePanier{
    display:none;
}

.TextMenuGauche{
    text-decoration:none;
    color:#137400;
    font-weight:normal;
}

/* Paramètre des div */
.separateur{
    width:inherit;
    height:10px;
    background-color:transparent;
}
.Separateur{
    clear:both;
    float:none;
    display:block;
}

/************* FIDELISATION ******************/
.BlocFidel{                /* idem EnteteColonne */
    font-weight:bold;
    font-size:14px;
    line-height:22px;
    background-color:#e1e1e1;
    text-align:center;
}
.BlocFidel td, .BlocFidel th{
    text-align:left;
    padding-left:10px;
    padding-right:10px;
}
.BlocFidelMnt{
    float:right;
    color:var(--color-black);
}

.Submit{
    text-align:center;
    margin:10px 0;
}


/******************** OUVERTURE COMPTE CLIENT *************************/
#Identification, #InfoPerso{
    margin-bottom:50px;
}

.Contenu, #MsgCreation.InfoTitre{
    margin-top:15px;
    text-align:left;
    margin-bottom:15px;
}

#Contact{
    line-height:25px;
}

#Contact #InfoFacturation{
    line-height:15px;
    font-size:12px;
    margin-bottom:15px;
}

#Identification #NouvClient{
    margin-bottom:15px;
}

#Identification #Login{
    min-width:75%;
    margin:auto;
    margin-top:15px;
    margin-bottom:15px;
}

#Identification #Login .SousTitre, #Contact .SousTitre{
    font-size:16px;
    font-weight:normal;
    text-align:center;
    background:none;
}
#Contact .SousTitre{
    text-align:left;
}

#TB_Login #SeSouvenir{
    text-align:center;
    line-height:25px;
}

#TB_Login .Submit{
    margin:5px;
}

#Contact td, #Contact th{
    text-align:left;
    padding-right:5px;
}

#MsgInfoPerdu{
    text-align:center;
    margin-top:50px;
}

#MsgInfoPerdu a{
    color:#999;
}

#MsgInfoPerdu a:hover{
    color:#666;
}

#TB_Contact, #TB_Contact_Email, #Login{
    max-width:90%;
    text-align:left;
}
#TB_Contact .Entete, #TB_Contact_Email .Entete,
#TB_Contact #TrInfoDpt > td:first-child{
    display:none;
}

#TB_Contact .Contenu, #TB_Contact_Email .Contenu{
    background:none;
}

#TB_Contact .InfoPetit{
    line-height:11px;
}

#Icone_Quit_16{
    display:none;
}

.MsgLogin{
    margin:10px;
    min-height:18px;
}
#Deconnection{
    margin-left:10px;
}
#Menu_Deconnection.ItemMenuGauche{
    margin-top:20px;
}

#Menu_Deconnection.ItemMenuGauche .LienMenu{
    margin-left:0;
}

#upper-banner #Upper2Links ul.dropdown-menu li{
    display:block;
}
#upper-banner #Upper2Links ul.dropdown-menu li.dropdown-compte a{
    display:block;
}

#upper-banner #LstMenuCompte{
    margin:0;
    width:100%;
    text-align:left;
    list-style-position:inside;
}
#upper-banner #LstMenuCompte > li{
    display:block;
    position:relative;
    font-weight:normal;
    list-style:none;
}
#upper-banner #LstMenuCompte > li a:link,
#upper-banner #LstMenuCompte > li a:visited{
    text-decoration:none;
}
#Identification .table>tbody>tr>td, 
#Identification .table>tbody>tr>th, 
#Identification .table>tfoot>tr>td, 
#Identification .table>tfoot>tr>th, 
#Identification .table>thead>tr>td, 
#Identification .table>thead>tr>th{
    vertical-align:middle;
}

#Identification input[type="radio"], 
#Identification input[type="checkbox"]{
    margin-right:2px;
}

#TB_Login .Entete{
    display:none;
}

/***************** VALIDATION DE COMMANDE ********************/

#ValEtape2 .SousTitre, #ValEtape2 #ContenuAdrFact{
    text-align:center;
}
#ValEtape2 .SousTitre .Entete, #ValEtape2 form .SousTitre{
    margin:40px auto 20px;
    padding:10px;
    line-height:20px;
    font-size:18px;
    font-weight:normal;
    text-align:center;
    color:var(--color-info);
    border-bottom:1px solid var(--color-primary-lighter);
}
#ValEtape2 .SousTitre .Contenu{
    text-align:center;
    margin-top:0px;
    line-height:20px;
}

#TB_ValEtape2 td, #TB_ValEtape2 th{
    min-height:25px;
    vertical-align:middle;
}

#TB_ValEtape2 .InfoPetit{
    text-align:left;
}

#ValEtape2 .Submit{
    margin-bottom:50px;
}

#TB_Recapitulatif, #TB_Recapitulatif_Panier{
    margin-top:15px;
    width:100%;
}

#TB_Recapitulatif .Entete{
    vertical-align:top;
    font-weight:bold;
    border-bottom:1px solid var(--color-primary-lighter);
}

#TB_Recapitulatif_Panier #Entete td,
#TB_Recapitulatif_Panier #Entete th{
    font-weight:bold;
    border-bottom:1px solid var(--color-primary-lighter);
}

#TB_Recapitulatif .Contenu{
    border-bottom:1px solid var(--color-primary-lighter);
    padding-top:5px;
    padding-bottom:5px;
}

#TB_Recapitulatif_Panier .ColEff{
    width:0px;
}

#TB_Caddie .ColDescription, #TB_Recapitulatif_Panier .ColDescription{
    text-align:left;
}

#Totaux_Ligne1 td, #Totaux_Ligne1 th{
    padding-top:10px;
}

#TB_Recapitulatif_Panier td, #TB_Recapitulatif_Panier th{
    line-height:20px;
}

#TB_Recapitulatif_Panier_Totaux thead{
    display:none;
}
#TB_Recapitulatif_Panier_Totaux .Totaux .Entete,
#TB_Recapitulatif_Panier .Totaux .Entete{
    font-weight:500;
    text-align:right;
    border-bottom:1px solid var(--color-primary-lighter);
}

#TB_Recapitulatif_Panier_Totaux .Totaux .Montant,
#TB_Recapitulatif_Panier .Totaux .Montant{
    text-align:right;
    font-weight:bold;
    border-bottom:1px solid var(--color-primary-lighter);
}

#PaiementEntete{
    clear:both;
    font-family:var(--font-family-serif);
    font-size:25px;
    font-weight:600;
    text-align:center;
    border-bottom:1px solid var(--color-primary-lighter);
    margin:auto;
    margin-top:30px;
}

#PaiementContenu{
    text-align:center;
    margin:auto;
    margin-top:15px;
}

#PaiementContenu div{
    text-align:center;
    margin-bottom:10px;
}

.Paiements a img{
    max-width:100%;
}

.cartes-acceptees{
    max-width:100%;
    height:auto;
}

#RecapValideEntete{
    text-align:center;
}

#InfoVendeur,
#InfoReunion{
    margin-top:10px;
    margin-bottom:20px;
}
#InfoVendeur:after,
#InfoReunion:after{
    content:'';
    display:table;
    height:1px;
}

#InfoVendeur{
    min-height:192px;
}
#InfoVendeur > div{
    margin-bottom:5px;
}
#InfoVendeur #Photo{
    display:block;
    margin:10px 0;
    min-height:90px;
}
#InfoVendeur #Photo img{
    max-height:110px;
    max-width:100%;
    height:auto;
    width:auto;
}
#InfoVendeur #PrenomNom{
    margin-top:15px;
}

#InfoVendeur .Entete,
#InfoReunion .Entete{
    display:inline-block;
    min-width:125px;
    font-weight:600;
    color:var(--color-text-medium);
}

#InfoVendeur .Contenu,
#InfoReunion .Contenu{
    display:inline-block;
    margin:5px 0;
    line-height:20px;
}

#InfoVendeur.condensed{
    min-height:30px;
}
#InfoVendeur.condensed > div{
    display:inline-block;
    margin-right:10px;
}
#InfoVendeur.condensed > div.Titre{
    display:block;
    margin:30px auto 5px auto;
    padding:15px 0 0 0;
    border-top:1px solid rgba(0, 0, 0, 0.25);
    border-bottom:none;
    font-size:16px;
}
#InfoVendeur.condensed #PrenomNom{
    margin-top:0;
}
#InfoVendeur.condensed #Photo,
#InfoVendeur.condensed .Entete{
    display:none;
}

.page-catalogue #TB_InfoReunion,
.page-panier #TB_InfoReunion{
    display:none;
}

.page-catalogue #InfoReunion .Titre,
.page-panier #InfoReunion .Titre{
    margin-bottom:0;
    font-size:18px;
    line-height:22px;
    color:var(--color-text-medium);
    border-color:var(--color-primary-lighter);
}


#ModalAjoutOk .modal-header{
    text-align:center;
    border-bottom:none;
}
#ModalAjoutOk .modal-header h3{
    font-family:var(--font-family-serif);
    color:var(--color-text);
}
#ModalAjoutOk .modal-header .close,
#ModalPhotoProd .close{
    top:0;
    right:10px;
    font-size:45px;
    font-weight:300;
}
#ModalAjoutOk .modal-body{
    padding:15px 30px 30px 30px;
}
#ModalAjoutOk .modal-body > .row > .text-center > a.btn{
    min-width:175px;
    max-width:100%;
}

@media only screen and (max-width:767px){
    .navbar-toggle{
        display:block;
    }
    .navbar-collapse{
        background:var(--color-white);
        overflow:auto;
        width:100%;
    }
    .dropdown-menu > ul > li > a{
        padding:5px 15px;
        color:var(--color-text-medium);
        border-bottom:none;
    }
    .dropdown-supermenu > a > span:last-child{
        font-weight:600;
    }
    .nav-tabs > li.active > a:after,
    .nav-tabs > li.active > a:focus:after,
    .nav-tabs > li.active > a:hover:after{
        width:5px;
        background-color:var(--color-primary-light);
    }
    #ListeFamilleMenu > li:before, #LstMenuCompte > li:before,
    #ListeCategorie > li:before, #LstMenuCompte > li:before{
        top:4px;
    }
}

@media (min-width:768px) and (max-width:991px){
    #IconePanier > .dropdown-menu{
        left:-56px;
    }
    #IconesDevise .devise a img{
        height:28px;
    }
    #IconesDevise .devise a span{
        display:none;
    }
    .titre-menu > a > span:first-child{
        display:none;
    }
    .menu-cat-fam-ssfam li a span:first-child{
        display:none;
    }
}

@media (max-width:991px){
    .logo-container{
        text-align:left;
        margin-left:20px !important;
    }
    .header .primary .navbar .nav > .parent.active > a,
    .header .primary .navbar .nav > .parent.active:hover > a,
    .header .primary .navbar .nav .open-sub span{
        background-color:#f89406;
    }
    .header .primary .navbar .nav .open-sub span + span{
        height:16px;
        margin:10px 0 0 22px;
        width:2px;
    }
    #Produit .Div_BlocProd{
        float:none;
        margin:25px auto 15px auto;
    }
}

@media (min-width:768px){
    #upper-banner{
        background-color:var(--color-white);
    }
    #upper-banner #Upper2Links{
        text-align:right;
    }
    #upper-banner #Upper2Links nav > a.dropdown-toggle:hover + ul.dropdown-menu,
    #upper-banner #Upper2Links nav > ul.dropdown-menu:hover{
        display:block;
        text-align:left;
    }
    #upper-banner #Upper2Links ul.dropdown-menu{
        margin-top:0;
    }
    #upper-banner #Upper2Links ul.dropdown-menu > li > a:focus,
    #upper-banner #Upper2Links ul.dropdown-menu > li > a:hover{
        background:none;
        color:var(--color-primary-lighter);
    }
    #main-header ul{
        display:flex;
        align-items:center;
        justify-content:center;
        justify-content:space-between;
    }
    #main-header ul li{
        display:inline-flex;
        align-items:center;
        padding:0;
    }
    .text-right.navbar-collapse{
        text-align:right !important;
    }
    #div-containing-menu-gauche-boutique{
        background:transparent;
        border-bottom:none;
    }
    .menu-gauche{
        display:block;
    }
    #IconePanier:hover > .dropdown-menu{
        display:block;
        min-width:230px;
        left:auto;
    }
    #top-line .FormRecherche{
        display:block;
    }
    .menu-cat-fam-ssfam{
        border:2px solid var(--color-primary);
        padding:6px 12px;
    }
    #upper-banner nav{
        display:inline-block;
    }
    #Deconnection{
        margin-left:0;
        float:right;
    }
    #ModalAjoutOk .modal-dialog{
        margin-top:90px;
    }
    #ModalAjoutOk .modal-body > .row > .text-center:first-child{
        text-align:right;
    }
    #ModalAjoutOk .modal-body > .row > .text-center:last-child{
        text-align:left;
    }
    #TB_Contact, #TB_Contact_Email, #Login{
        max-width:75%;
    }
    .nav-tabs.nav-tabs-highlight > li.active > a,
    .nav-tabs.nav-tabs-highlight > li.active > a:focus,
    .nav-tabs.nav-tabs-highlight > li.active > a:hover{
        border-top-color:var(--color-primary-light);
    }
}

@media (min-width:992px){
    .Recherche input#SaisieMotCle{
        min-width:230px;
    }
}

@media (min-width:992px) and (max-width:1199px){
    #site-prelude p{
        font-size:15px;
    }
    #site-prelude img{
        max-height:40px;
    }
    .header .primary .navbar .nav > li > a,
    .header .primary .navbar .nav > li > a:visited{
        font-size:15px;
        padding:10px 5px;
    }
    #IconesDevise .devise a:first-child{
        margin-right:5px;
    }
}
@media (min-width:1200px){
    #IconePanier > .dropdown-menu{
        width:100%;
    }
    #IconesDevise .devise a:first-child{
        margin-right:25px;
    }
    #TB_Contact, #TB_Contact_Email, #Login{
        max-width:50%;
    }
}
@media (min-width:1366px){
    .container{
        width:1320px;
    }
}

@media only screen and (max-width:420px){
    #MenuNavigation fieldset{
        width:95%;
    }
}

@media print{
    a:after{
        content:"" !important;
    }

    #Produit #ColImgProd{
        display:block;
        max-width:50% !important;
        margin:0 auto;
    }
    /*#Produit #ColImgProd + #ColInfoProd{
    }*/
}