/* body, html{margin:0;padding:0;color:#707173;}
body{text-align:center;background: url(../images/background.jpg) repeat-x  center bottom #fff;border-top:9px solid #dedfe2;font-size: 100.01% !important;}
#bodyWrap{margin-top: -9px;}
@font-face {font-family: "Code-Pro-Demo";src: url("http://www.lapadd.com/storage/2751/2642c400.eot"), url("http://www.lapadd.com/storage/2751/2642c400.eot#iefix") format("embedded-opentype"), url("http://en.lapadd.com/storage/2751/2642c400.woff") format("woff"), url("http://www.lapadd.com/storage/2751/2642c400.ttf") format("truetype"), url("http://en.lapadd.com/storage/2751/2642c400.svg#Code-Pro-Demo") format("svg");font-style:normal;font-weight:normal;}
@font-face {font-family: "Code-Pro-Light-Demo";src: url("http://www.lapadd.com/storage/2751/2642c410.eot#iefix") format("embedded-opentype"), url("http://www.lapadd.com/storage/2751/2642c410.woff") format("woff"), url("http://www.lapadd.com/storage/2751/2642c410.ttf") format("truetype"), url("http://www.lapadd.com/storage/2751/2642c410.svg#Code-Pro-Light-Demo") format("svg");font-style:normal;font-weight:normal;}
#searchWrap {
    padding: 0;
    clear: both;
    margin-left: 222px;
    left: 50%;
    width: 273px;
    position: absolute;
    z-index: 1;
    top: 127px;
}

#searchWrap form#search {
    float: right;
    width: 267px;
}

#searchWrap input {
    font-size: 0.7em;
    margin: 0;
    padding: 0 5px;
    font-weight: normal;
    text-transform: uppercase;
}

#searchWrap input#query {
    width: 153px;
    border: none;
    color: #333;
    float: right;
    background: #e7e8e9 url(../images/inputLoupe.jpg) no-repeat right center;
    height: 27px;
}

#searchWrap input#searchSubmit {
    border: none;
    background: #e7e8e9 url(../images/submitTrait.jpg) no-repeat right center;
    padding: 0;
    cursor: pointer;
    width: 104px;
    height: 27px;
}

#banner {
    border-left: 1px solid #a3a1a4;
    border-right: 1px solid #a3a1a4;
}

#wrap {
    background: #FFFFFF;
    position: relative;
    margin: 0 auto;
    min-width: 990px;
    width: 990px;
    text-align: left;
    padding: 0;
    overflow: auto;
    padding: 0 24px;
}

#bannerWrap {
    padding: 0;
    border-top: 9px solid #dedfe2;
    margin: 0 -24px;
    padding: 0 24px;
}

#banner {
    text-align: left;
    cursor: pointer;
    background-repeat: no-repeat;
}

ul.top {
    list-style: none;
    float: right;
    margin-top: -12px;
}

ul.top li {
    float: left;
    padding: 18px 9px 4px;
    margin: 0;
}

ul.top li a {
    font-size: 0.75em;
    text-decoration: none;
    padding: 5px 0 1px 25px;
}

li.contactTop a {
    background: url(../images/contact.jpg) no-repeat left bottom;
}

li.panierTop {
    background: #6c91a4;
}

li.panierTop a {
    color: #fff;
    background: url(../images/panier.jpg) no-repeat left bottom;
}

li.newsletterTop a {
    background: url(../images/newsletter.jpg) no-repeat left bottom;
}

li.compteTop a {
    background: url(../images/compte.jpg) no-repeat left bottom;
}

li.fr {
    background: url(../images/fr.jpg) no-repeat right bottom;
}

li.uk {
    padding: 18px 0 4px !important;
}

li.uk a {
    padding-left: 7px !important;
}

#logo {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0;
    margin: 0;
}

#navigation {
    text-align: left;
    padding: 0;
    font-family: "Trebuchet MS";
    background: url(../images/backgroundMenu.jpg) repeat-x center;
    height: 41px;
}

table#menuWrap {
    width: 100%;
}

#navigation ul.dynamic {
    margin: 0 0 20px;
    padding: 8px 0 0;
    clear: both;
}

#navigation ul.dynamic a {
    color: #403f4d;
    text-decoration: none;
    font-size:.75em;
    text-transform: uppercase;
    transition: all .2s linear;
}

#navigation ul.dynamic a:hover {
    color: #6c91a4;
}

#navigation ul.dynamic li.horizontal {
    float: left;
    position: relative;
    padding: 3px 14px 7px;
    margin: 0;
}

#navigation ul.dynamic li.topFirst {
    border-left: 0;
}

#navigation ul.dynamic li.topLast {}

#navigation ul.dynamic li.topLast:hover {}

#navigation ul.dynamic li.topLast a:hover {}

#navigation ul.dynamic li.vertical {
    position: relative;
    text-align: left;
    padding: 5px 0;

}

#navigation ul.dynamic ul li {
    float: left;
    position: relative;
    border-left: 1px solid #c1c0c4;
    border-right: 1px solid #c1c0c4;

}

#navigation ul.dynamic li.topCurrent {}

#navigation ul.dynamic li.topCurrent a.top {}

#navigation ul.dynamic li:hover {
    border-bottom: 3px solid #6c91a4;
}

#navigation ul.dynamic li.top:hover a.top {
    color: #6c91a4;
}

#navigation ul.dynamic li.horizontal ul {
    background: url(../images/ulMenu.jpg) repeat-x -15px top;
    padding-top: 7px;
    margin-top: -4px;
    border-bottom: 1px solid #c1c0c4;



}

#navigation ul.dynamic li.vertical ul {
    margin-top: 2px;
}

#navigation ul.dynamic a.sub {
    color: #403f4d;
    text-decoration: none;
    padding: 8px 0 8px 5px;
    font-size: .6em;
    text-transform: uppercase;
    line-height: 1.5;
}

#navigation ul.dynamic li.current ul a:hover {}

#navigation ul.dynamic ul a:hover {
    text-decoration: none;
    color: #000;
}

#navigation ul.dynamic li ul li {
    width: 135px;
    background: #fff;
    padding: 0;
    padding: 0 10px;
    margin: 0;
    text-align: left;
    line-height: 22px;
    border-bottom: 1px solid #f7f7f7;
}

#navigation ul.dynamic ul li:hover {
    border-bottom: 1px solid #f7f7f7;
    background: #ededee
}

#navigation ul.dynamic li.horizontal:hover ul,
#navigation ul.dynamic li.sfHoverhorizontal ul {
    left: 0;
    top: 1.9em;
}

#navigation ul.dynamic li.vertical:hover ul,
#navigation ul.dynamic li.sfHoververtical ul {
    left: 120px;
    top: 0;
}

#contentWrap {}

#content {
    clear: left;
    padding: 20px 0 0 0;
}

#content p.breadcrumbs {
    font-size: .8em;
    margin: -1px 0 30px 16px;
    color: #6C91A4;
}

#content p.breadcrumbs a {
    text-decoration: none;
}

div.withNavigation {
    padding: 0;
}

div.withSide {
    clear: left;
    float: left;
    width: 71%;
    margin-right: 0px;
}

#content .pluginBox {
    margin: 58px 0 10px 5px;
}

#plugin-26217 {
    width: 41%;
    float: right;
}

#content .pluginBox h2 {
    margin: 0 40px 0 0;
    padding: 0 0 0 2px;
    font-weight: bold;
    font-size: 1.4em;
    color: #747476;
}

#contentSide {
    margin-top: 30px;
    margin-right: 15px;
    width: 20%;
    clear: right;
    float: right;
    padding: 0 0 100px 12px;
    border-left: 1px solid #a1a2a3;
}

#contentSide .pluginBox {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    font-size: 75%;
}

#contentSide .pluginBox h2 {
    font-weight: bold;
    font-size: 1.1em;
    padding: 5px 1px 5px 5px;
    color: #403F4D;
    margin: 0;
}

#contentSide .pluginBox p {
    padding: 0 5px;
}

#bottomNavigation {
    display: none;
}

#bottomNavigation ul {
    background: #a1a2a3;
    margin: 0;
    padding: 7px 0;
}

#bottomNavigation li {
    display: inline;
    padding: 0 10px;
}

#bottomNavigation a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
}

#bottomNavigation a:hover {
    color: #747476;
}

#footerWrap {
    padding: 0 24px;
    margin: 38px -24px 0;
    background: url(../images/backgroundFooter.jpg) repeat-x center bottom;
    height: 240px;
    overflow: hidden;
    font-size: 0.8125em;
    position: relative;
}

ul#footerLiens {
    float: left;
    list-style: none;
}

.liens01 {
    margin-left: 67px;
}

.liens02 {
    margin-left: 153px;
}

#footerLiens li a {
    border-bottom: 1px solid #51505d;
    display: block;
    padding: 3px 0 5px;
    width: 184px;
}

#footerLiens li:last-child a {
    border-bottom: none;
}

#footerLiens li {
    background: url(../images/puceFooter.png) left top no-repeat;
    padding-left: 15px;
}

.footerContact {
    float: left;
    background: url(../images/backgroundFooterContact.png) left top no-repeat;
    padding-left: 55px;
    margin: 9px 0 0 53px;
}

.footerContact h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 1.076923em;
}

ul.footerSocials {
    position: absolute;
    list-style: none;
    right: 10px;
    top: 119px;
    width: 265px;
}

ul.footerSocials li {
    display: inline;
    margin-right: 3px;
}


.copyright,
#plug {
    font-size: 0.7692307em;
        text-align: center;
    }
    
    .copyright {
        margin-top: 46px;
    }
    
    #footer a {
        text-decoration: none;
    }
*/

.bleu {
    color: #6c91a4;
}

.rouge {
    color: #c51f1f;
}

#plug {
    clear: both;
    display: none;
}

#plug a {}

/* ELEMENTS */
table {
    font-size: 1.0em;
}

td.vtop {
    vertical-align: top;
}

td.vbottom {
    vertical-align: bottom;
}

td.bordertop {
    border-top: 3px solid #707173;
}

h1,
h1.pTitle {
    font-size: 1.6em;
    margin: 5px 0 22px;
    /* background: url(../images/h1Back.jpg) no-repeat left bottom; */
    padding: 0 0 0 23px!important;
    text-transform: none!important;
    color: #3c4b71!important;
    font-family: "Muli", Sans-serif;
    font-weight: 600!important;
}

h1:before{
    content: "/ ";
    display: inline-block;
    padding-right: 15px;
    color: #84A2B1;
}

h2,
h2 a {
    font-size: 1.44em;
    color: #A1A2A3;
    font-weight: normal
}

h2.sTitle {
    font-size: 1.44em;
    font-weight: normal;
    margin: 5px 0 0 0;
}

h3 {
    font-size: 0.9375em;
    padding: 0;
    margin: 15px 0 5px 0;
    color: #403F4D;
    text-transform: uppercase;
}

h4 {
    font-size: 0.875em;
    padding: 0;
    margin: 8px 0 0px 0;
    color: #6c91a4;
    font-weight: normal;
    text-transform: uppercase;
}

#content p,
#content li {
    font-size: 0.75em;
    margin: 8px 0 0 0;
    line-height: 1.5;
}

p.small {
    font-size: 80%;
}

ul {
    margin: 0 0 0 18px;
    padding: 2px;
    list-style: disc;
}

ol {
    margin: 0 0 0 18px;
    padding: 2px;
}

li {
    margin: 4px 0 0 0;
    padding: 0;
    line-height: 1.3em;
}

a {
    color: #707173;
    text-decoration: underline;
}

a img {
    border-width: 0;
}

img {
    max-width: 100%;
}

.fondBleu {
    color: #fff;
    background: #6c91a4;
    padding: 2px 5px;
}

/* UTILITIES */
.alertOK {
    color: #0C659E;
}

.alertError {
    color: #f00;
}

div.rsNavigate {
    margin: 20px;
    text-align: center;
    clear: both;
}

div.rsNavigate li {
    display: inline;
    margin: 20px;
    padding: 8px 11px;
    background: url(../images/paginationLi.jpg) no-repeat center;
    font-weight: bold;
    font-family: arial;
    color: #3c3c3c;
}

div.rsNavigate li.current {
    background: url(../images/paginationLiCurrent.jpg) no-repeat center;
    color: #fff;
}

div.userComment {
    width: 80%;
    background: #eee;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 20px;
}

div.rsNavigate li a {
    text-decoration: none;
}

div.userComment p {
    margin: 3px 20px;
}

div.userComment p.author {
    margin: 3px 5px;
}

/* FORMS */
form.fStandard {
    background: #fff;
    border: 0px dotted #A1A2A3;
    padding: 5px 5px 0px 15px;
    margin: 20px 0;
    width: 90%;
}

form.fLong {
    padding: 5px 5px 0px 15px;
    margin: 20px 0;
    width: 80%;
}

form.fInline {
    border: 1px solid #000;
    padding: 2px;
    margin: 20px 10% 20px 10%;
    text-align: center;
}

form.fPlugin {
    padding: 5px 5px 0px 15px;
}

p.fTitle {
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px 0 5px 0;
}

p.fLegend {
    font-size: 1.0em;
    margin: 2px 0;
}

div.fError {
    border: 1px solid #000;
    margin: 10px;
    padding: 0 0 5px 20px;
    background-color: #fff;
    font-weight: bold;
}

div.fConfirm {
    border: 1px solid #000;
    margin: 10px;
    padding: 0 0 5px 20px;
    background-color: #eee;
    font-weight: bold;
}

p.fError {
    font-size: 1.05em;
}

ul.fError {}

p.fConfirm {}

table.mAuthenticate {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
}

td.mLogin {
    vertical-align: top;
    width: 50%;
}

td.mRegister {
    vertical-align: top;
    padding-left: 10px;
    border-left: 1px solid #999;
    width: 50%;
}

div.fInputArea {
    margin: 10px 0 0 0;
    font-size: 0.75em;
}

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

div.fSubmitArea {
    margin: 0;
    padding: 10px 0;
    font-size: 0.75em;
}

label.fLabel {
    font-weight: bold;
}

label.fLabelInline {
    float: left;
    text-align: right;
    margin: 3px 5px 0 0;
    width: 100px;
}

label.fLabelFixed {
    width: 150px;
    float: left;
    text-align: right;
    margin: 3px 5px;
    padding: 0 5px 0 0;
    font-weight: bold;
}

label.fError {
    color: #f00;
}

input.fInput {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    padding: 2px;
}

input.fInputInline,
select.fInputInline {
    font-weight: bold;
}

textarea.fInput {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    padding: 2px;
}

input.fSubmit {
    font-size: 1.0em;
    font-weight: bold;
    padding: 1px 5px;
}

input.fInput:focus,
textarea:focus,
fInput:focus,
select.fInput:focus {
    background: #fffff6;
}

label.fOptional {
    font-weight: normal;
}

p.serSummary {}

span.serpQuery {
    font-weight: bold;
}

div#serp {}

div.ser {
    margin: 10px 0 15px 0;
}

div.ser p {
    padding: 0;
    margin: 2px 0;
}

div.ser span.hl {
    font-weight: bold;
    background-color: #ffc;
}

p.serTitle {
    font-weight: bold;
}

p.serSnippet {}

p.serUrl {}

p.serUrl a {
    color: #004080;
    font-size: 0.8em;
    padding: 0;
    text-decoration: none;
}

/* horizontal carousel */
div.car-h {
    position: relative;
    visibility: hidden;
    left: -5000px;
}

div.car-h li {
    margin: 5px 10px;
    padding: 10px;
    width: 400px;
}

a.car-h-prev {
    background: url("/images/carousel/left.png") no-repeat;
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    text-decoration: none;
}

a.car-h-next {
    background: url("/images/carousel/right.png") no-repeat;
    display: block;
    float: right;
    width: 14px;
    height: 14px;
    text-decoration: none;
}

td.car-h-prev {
    width: 20px;
}

td.car-h-next {
    width: 20px;
}

img.car-h-thumbnail {
    float: left;
    border-width: 0px;
}

div.car-h-desc {
    margin-left: 160px;
}

div.car-h-desc h3 {
    margin: 0 0 5px 0;
    padding: 0;
}

div.car-h-desc p {
    margin: 0 0 5px 0;
    padding: 0;
}

/* vertical carousel */
div.car-v {
    text-align: center;
}

div.car-v li {}

div.car-v-next {
    padding: 0;
    margin: 5px 0 0 0;
}

div.car-v-prev {
    padding: 0;
    margin: 0 0 5px 0;
}

a.car-v-prev {
    background: url("/images/carousel/up.png") no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    text-decoration: none;
    margin: 0 auto;
}

a.car-v-next {
    background: url("/images/carousel/down.png") no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    text-decoration: none;
    margin: 0 auto;
}

img.car-v-thumbnail {
    border-width: 0px;
    margin: 0;
}

p.car-v-desc {
    margin: 0;
    padding: 0;
    height: 1.2em;
    font-size: 0.8em
}

div#socialWrap {
    margin: 15px 0;
}

body.body-home div#socialWrap {
    margin: 25px 0 0;
    float: right;
}

div.socialWidget {
    float: left;
    margin-right: 10px;
}

/* Slide Home*/
.slideOne {
    width: 700px !important;
    float: left;
    margin: 0 18px 0 0 !important;
}

#SlideHome {
    position: relative;
    overflow: hidden;
    width: 700px;
    height: 400px;
}

.slideOne p.jshowoff-slidelinks a {
    background: url(../images/slideBullet.png) no-repeat center bottom;
    display: inline-block;
    height: 7px;
    width: 7px;
    text-indent: -9999px;
    margin: 0 3px;
}

.slideOne p.jshowoff-slidelinks a.jshowoff-active {
    background: url(../images/slideBulletActive.png) no-repeat center bottom;
}

.slideOne p.jshowoff-slidelinks {
    position: absolute;
    top: 357px !important;
    left: 489px !important;
}

/*blocs ï¿½ cotï¿½ du sliderHome*/
.blocfirst,
.blocLast {
    float: left;
    height: 122px;
    width: 272px;
}

.blocfirst {
    margin-bottom: 17px;
}

/* commons */
div.itemZoomWrap {
    margin: 10px 10px 0 0;
    padding: 0;
    float: left;
}

div.itemZoom {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
}

div.itemZoom img {
    display: block;
}

div.itemZoom img::selection {
    background-color: transparent;
}

div.itemZoomThumbnailWrap {
    clear: both;
    margin: 0;
    padding: 0;
}

div.itemZoomThumbnailWrap ul {
    margin: 0;
    padding: 0;
}

div.itemZoomThumbnailWrap li {
    list-style: none;
    display: inline;
    float: left;
    padding: 0;
    margin: 5px 5px 0 0;
}

div.itemZoomThumbnailWrap img {
    width: 46px;
    height: 46px;
}

/* product detail custom Old */
h2.raisons {
    background: #fff url("../images/spriteOld_v1.jpg") no-repeat left 0;
    padding: 0 0 0 70px;
    height: 52px;
    color: #403f4d;
    font-size: 1.0625em;
    margin: 0;
    text-transform: uppercase;
    line-height: 58px;
}

h2.comment {
    background: #fff url("../images/spriteOld_v1.jpg") no-repeat left -52px;
    padding: 0 0 0 70px;
    height: 52px;
    color: #403f4d;
    font-size: 1.0625em;
    margin: 0;
    text-transform: uppercase;
    line-height: 56px;
}

h2.detail {
    background: #fff url("../images/spriteOld_v1.jpg") no-repeat left -206px;
    padding: 0 0 0 70px;
    height: 51px;
    color: #403f4d;
    font-size: 1.0625em;
    margin: 0;
    text-transform: uppercase;
    line-height: 56px;
}

h2.plus {
    background: #fff url("../images/spriteOld_v1.jpg") no-repeat left -103px;
    padding: 0 0 0 70px;
    height: 52px;
    color: #403f4d;
    font-size: 1.0625em;
    margin: 0;
    text-transform: uppercase;
    line-height: 56px;
}

h2.prevenu {
    background: #fff url("../images/spriteOld_v1.jpg") no-repeat left -217px;
    padding: 0 0 0 70px;
    height: 52px;
    color: #403f4d;
    font-size: 1.0625em;
    margin: 0;
    text-transform: uppercase;
    line-height: 58px;
}

h2.arrete {
    background: #fff url("../images/spriteOld_v1.jpg") no-repeat left -130px;
    padding: 0 0 0 70px;
    height: 52px;
    color: #403f4d;
    font-size: 1.0625em;
    margin: 0;
    text-transform: uppercase;
    line-height: 58px;
}

h2.clientPlus {
    color: #403f4d;
    font-size: 1.0625em;
    margin: 15px 0;
    text-transform: uppercase;
}

/* product detail custom News */
h2.raisonsN {
    background: #fff url("../images/sprite_v1.jpg") no-repeat left 0;
    padding: 0 0 0 64px!important;
    height: 44px;
    color: #403f4d!important;
    font-size: 24px!important;
    /* margin: 0!important; */
    text-transform: uppercase;
    line-height: 41px!important;
}

h2.commentN {
    background: #fff url("../images/sprite_v1.jpg") no-repeat left -43px;
    padding: 0 0 0 64px!important;
    height: 44px;
    color: #403f4d;
    font-size: 1.0625em ;
    margin: 0;
    text-transform: uppercase;
    line-height: 41px;
}

h2.detailN {
    background: #fff url("../images/sprite_v1.jpg") no-repeat left -174px;
    padding: 0 0 0 64px!important;
    height: 43px;
    color: #403f4d;
    font-size: 1.0625em;
    margin: 0;
    text-transform: uppercase;
    line-height: 41px;
}

h2.plusN {
    background: #fff url("../images/sprite_v1.jpg") no-repeat left -86px;
    padding: 0 0 0 64px!important;
    height: 44px;
    color: #403f4d;
    font-size: 1.0625em
    ;
    margin: 0;
    text-transform: uppercase;
    line-height: 41px;
}

h2.prevenuN {
    background: #fff url("../images/sprite_v1.jpg") no-repeat left -217px;
    padding: 0 0 0 64px!important;
    height: 44px;
    color: #403f4d;
    font-size: 1.0625em;
    margin: 0;
    text-transform: uppercase;
    line-height: 41px;
}

h2.arreteN {
    background: #fff url("../images/sprite_v1.jpg") no-repeat left -130px;
    padding: 0 0 0 64px!important;
    height: 44px;
    color: #403f4d;
    font-size: 1.0625em;
    margin: 0;
    text-transform: uppercase;
    line-height: 41px;
}

h2.clientPlusN {
    color: #403f4d;
    font-size: 1.0625em;
    margin: 15px 0;
    text-transform: uppercase;
}

#linkWrap div.link {
    width: 156px;
    float: left;
    margin: 0 40px 20px 0;
    height: 214px;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.link img {
    padding: 5px;
    background: url(../images/backgroundImg.jpg) repeat;
}

#content .link p {
    padding: 0 5px;
}

#docWrap {
    margin-left: 80px
}

#docWrap h2 {
    background: url("../images/spriteOld_v1.jpg") no-repeat left -308px;
    padding: 0 0 0 70px;
    margin-left: -80px;
    height: 52px;
    color: #403f4d;
    font-size: 1.0625em;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 41px;
}

#photoWrap {}

#photoWrap h2 {
    background: url("../images/pictos-sprite.png") no-repeat left -350px;
    padding: 20px 0 0 90px;
    margin-left: -80px;
    height: 50px;
    color: #707173;
    font-size: 2em;
    margin-bottom: 10px;
    text-transform: lowercase;
}

div.explain {
    overflow: hidden;
    padding: 0 13px 17px 56px;
    background: #fff url(../images/explainBottom.jpg) no-repeat center bottom;
}

div.explainXL {
    overflow: hidden;
    padding: 0 13px 17px 13px;
    background: #fff url(../images/explainBottom.jpg) no-repeat center bottom;
}

div.explainNews {
    margin: 0 0 0 66px;
    overflow: hidden;
    padding: 0 13px 0 0;
}

div.explainSkeleton {
    margin: 0 0 0 66px;
    /* overflow: hidden; */
    padding: 0 13px 0 0;
}

/*livraison*/
#content #plugin-31297 {
    margin: 0;
}

/*quoi de neuf*/
#content #plugin-4060 {
    background: url(../images/backgroundImg.jpg) repeat;
    padding: 0 9px 44px 0;
    width: 489px;
    float: left;
    margin: 0;
    position: relative;
    height: 254px;
}

#content #plugin-4060 h2 {
    background: url(../images/quoiDeNeuf.jpg) no-repeat left top;
    display: block;
    text-indent: -9999px;
    height: 48px;
    margin: 0;
    padding: 0;
}

#content #plugin-4060 li {
    margin: 16px 0 0;
}

#plugin-4060 ul {
    background: #dae3e8;
    list-style: none;
    border-left: 3px solid #52515c;
    margin: 0 0 0 16px;
    padding: 7px 0 29px 9px;
}

.pluginLatestLast {
    position: absolute;
    bottom: 14px;
    right: 21px;
}

.pluginLatestLast a {
    text-transform: uppercase;
    text-decoration: none;
    background: url(../images/toutVoir.png) no-repeat left center;
    padding-left: 9px;
}

/*qui parle de nous*/
#content #plugin-26217 {
    background: url(../images/backgroundImg.jpg) repeat;
    width: 492px;
    float: left;
    margin: 0;
    height: 298px;
}

#content #plugin-26217 h2 {
    background: url(../images/quiParleDeNous.jpg) no-repeat left top;
    display: block;
    text-indent: -9999px;
    height: 48px;
    margin: 0;
    padding: 0;
}

#plugin-26217 p {
    margin: 0;
}

#plugin-26217 p a {
    float: none;
}

#plugin-26217 a {
    font-size: 0.75em;
    text-decoration: none;
    float: right;
    padding: 11px 21px 14px 0;
}

#plugin-26217 img {
    border-left: 3px solid #52515c;
}

/*a decouvrir aussi*/
#content #plugin-31456 {
    margin: 0;
}

#decouvreProduits {
    width: 162px;
    float: left;
    margin: 0 0 30px 45px;
}

#decouvreProduits a,
#decouvreProduitsFirst a {
    font-size: 0.75em;
    text-decoration: none;
    text-transform: uppercase;
    color: #403F4D;
}

#decouvreProduitsFirst span,
#decouvreProduits span {
    padding: 5px 5px 0;
    display: block;
}

#decouvreProduitsFirst {
    width: 162px;
    float: left;
    margin: 0 0 30px 0;
}

#decouvreProduits img,
#decouvreProduitsFirst img {
    background: url(../images/backgroundImg.jpg) repeat;
    padding: 5px;
}

#content #plugin-31456 h2 {
    background: url(../images/decouvrirAussi-15.jpg) no-repeat left top;
    display: block;
    text-indent: -9999px;
    height: 29px;
    margin: 0 0 20px;
    padding: 0;
}

/*Meilleures Ventes*/
#content #plugin-31457 {
    margin: 0 0 30px 0;
}

#content #plugin-31457 h2 {
    background: url(../images/topVentes-15.jpg) no-repeat left top;
    display: block;
    text-indent: -9999px;
    height: 25px;
    margin: 33px 0 6px;
    padding: 0;
}

#topVentes {
    width: 307px;
    float: left;
    margin-left: 34px;
}

#topVentesFirst {
    width: 307px;
    float: left;
}

#topVentesNext {
    width: 307px;
    float: left;
    margin-left: 34px;
    margin-top: 7px;
}

#topVentesFirstNext {
    width: 307px;
    float: left;
    margin-top: 7px;
}

.loupeOn h3 {
    font-size: 0.9375em
        /*15 / 16*/
    ;
    font-weight: normal;
    text-transform: uppercase;
}

.loupeOn a {
    text-decoration: none;
    color: #403f4d;
}

.loupeOn img.photoProd {
    background: url(../images/backgroundImg.jpg) repeat;
    padding: 5px;
    margin-bottom: 11px;
}

.loupe {
    position: absolute;
}

.loupeOn span,
.loupeOn p {
    padding: 0;
    display: block;
    color: #403f4d;
}

.loupeOn span {
    margin-top: 10px;
}

#content .loupeOn p {
    margin-top: 4px;
    line-height: normal;
}

/*paiement*/
#secure .livraisonGratuite {
    float: left;
    padding: 0 15px;
    text-align: center;
    width: 285px;
}

#secure .colissimo {
    float: left;
    padding: 0 35px;
    text-align: center;
    width: 286px;
}

#secure .paiementSecu {
    float: left;
    padding: 0 15px;
    text-align: center;
    width: 284px;
}

#plugin-31458,
#plugin-31460 {
    clear: both;
    background: url(../images/paiementBackground.jpg) no-repeat center bottom;
    height: 274px;
    padding-top: 26px;
}

#secure h3 {
    font-weight: normal;
    font-size: 1.25em;
}

#secure p {
    font-size: 0.65em;
}

#secure h4 {
    font-size: 1.6em;
    font-family: arial;
    color: #7c7b86;
}

#plugin-31458 h2.sTitle,
#plugin-31460 h2.sTitle {
    background: url(../images/commanderSecurite.jpg) no-repeat left center;
    display: block;
    text-indent: -9999px;
    height: 26px;
    margin: 0;
}

#plugin-31458 h3 {
    margin: 0 0 5px;
}

/*-- jShowOff module styles --*/
.jshowoff {
    box-shadow: none;
    margin: 0px;
    height: 400px;
    width: 900px;
    overflow: hidden;
}

.jshowoff p.jshowoff-slidelinks {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -5px;
    left: 513px;
}

.jshowoff p.jshowoff-controls {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -5px;
    left: 423px;
}

.jshowoff-slidelinks a,
.jshowoff-controls a {
    background-color: #E4E4E4;
    color: #3e3c47;
    display: table-cell;
    float: left;
    font-size: 11px;
    line-height: 14px;
    margin: 5px 0 0 5px;
    padding: 5px 7px;
    text-decoration: none;
    border-radius: 3px;
}

.jshowoff-slidelinks a.jshowoff-active,
.jshowoff-slidelinks a.jshowoff-active:hover {
    background-color: #6c91a4;
    color: #fff;
}

.jshowoff h1 {
    background: 0 none;
}

h1.slider {
    font-family: "Code-Pro-Light-Demo";
    font-size: 2.1em;
    margin: 5px 0 0 0;
    color: #5A5A5A;
    text-transform: uppercase;
    font-weight: 100;
    height: auto;
    line-height: 0.9em;
}

h2.slider {
    font-family: "Code-Pro-Demo";
    font-size: 1.5em;
    color: #5A5A5A;
    text-transform: uppercase;
    ;
    font-weight: 100;
}

.blocfirst img:hover,
.blocLast img:hover,
#plugin-31456 img:hover,
#plugin-26217 img:hover,
.footerSocials img:hover,
.lThumbnail img:hover,
input:hover,
.link img:hover,
a img:hover {
    opacity: 0.8;
}

img.detail {
    margin: 0 9px 9px 0;
    box-shadow: 3px 3px 3px 0px #CFCFCF;
}

/* BUTTONS 2016*/
p.buttonList {
    line-height: 2.4 !important;
    text-align: justify;
}

a.buttonBlue {
    padding: 2px 5px;
    background: #6c91a4 none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 3px;
    width: 100%;
}

a.buttonBlue:hover {
    background: #4f95b9;
}

a.buttonGrey {
    padding: 2px 5px;
    background: #707579 none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 3px;
}

a.buttonGrey:hover {
    background: #9e9e9e;
}

a.buttonGold {
    padding: 2px 5px;
    background: #beaa76 none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 3px;
}

a.buttonGold:hover {
    background: #d0b46b;
}

a.buttonKaki {
    padding: 2px 5px;
    background: #838646 none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 3px;
}

a.buttonKaki:hover {
    background: #a0a447;
}

a.buttonSlice {
    padding: 2px 5px;
    background: #8ac10c none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 3px;
}

a.buttonSlice:hover {
    background: #a7e41c;
}

a.buttonKlever {
    padding: 2px 5px;
    background: #ff4e00 none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 3px;
}

a.buttonKlever:hover {
    background: #ff6600;
}

a.buttonMartor {
    padding: 2px 5px;
    background: #049ce8 none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 3px;
}

a.buttonMartor:hover {
    background: #04c0e8;
}

a.buttonRed {
    padding: 2px 5px;
    background: #c51f1f none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 3px;
}

a.buttonRed:hover {
    background: #e02424;
}

a.buttonMarque {
    padding: 2px 5px;
    background: #ff4e00 none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 3px;
}

a.buttonMarque:hover {
    background: #ff6600;
}

.buttonTitle {
    padding: 5px;
    background: #FFF none repeat scroll 0 0;
    color: #707173;
    margin: 0 1px;
    border: 1px solid #707173;
    border-radius: 3px;
}

/* SKELETON GRID (getskeleton.com)*/
/* .container {
    position: relative;
    width: 100%;
    max-width: 990px;
    margin: 0 0 0 -20px;
    padding: 0 20px;
    box-sizing: border-box;
} */

.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.row {
    margin-bottom: O;
}

.buttonlike {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-bottom: 9px;
    margin-top: 3px;
}

.framelike {
    background-color: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-bottom: 9px;
}

.small {
    font-size: 80%;
}

.rowtitle {
    border-bottom: 1px dotted #707173;
    font-weight: bold;
}

.rowbarBlue {
    padding: 2px 5px;
    background: #6c91a4 none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;
    margin: 0 1px;
    border-radius: 3px;
    width: 100%;
}

.rowborderbottom {
    border-bottom: 1px dotted #707173;
    padding: 7px 0 3px 0;
}

.column,
.columns {
    margin-left: 4%;
}

.column:first-child,
.columns:first-child {
    margin-left: 0;
}

.one.column,
.one.columns {
    width: 4.66666666667%;
}

.two.columns {
    width: 13.3333333333%;
}

.three.columns {
    width: 22%;
}

.four.columns {
    width: 30.6666666667%;
}

.five.columns {
    width: 39.3333333333%;
}

.six.columns {
    width: 48%;
}

.seven.columns {
    width: 56.6666666667%;
}

.eight.columns {
    width: 65.3333333333%;
}

.nine.columns {
    width: 74.0%;
}

.ten.columns {
    width: 82.6666666667%;
}

.eleven.columns {
    width: 91.3333333333%;
}

.twelve.columns {
    width: 100%;
    margin-left: 0;
}

.one-third.column {
    width: 30.6666666667%;
}

.two-thirds.column {
    width: 65.3333333333%;
}

.one-half.column {
    width: 48%;
}

.offset-by-one.column,
.offset-by-one.columns {
    margin-left: 8.66666666667%;
}

.offset-by-two.column,
.offset-by-two.columns {
    margin-left: 17.3333333333%;
}

.offset-by-three.column,
.offset-by-three.columns {
    margin-left: 26%;
}

.offset-by-four.column,
.offset-by-four.columns {
    margin-left: 34.6666666667%;
}

.offset-by-five.column,
.offset-by-five.columns {
    margin-left: 43.3333333333%;
}

.offset-by-six.column,
.offset-by-six.columns {
    margin-left: 52%;
}

.offset-by-seven.column,
.offset-by-seven.columns {
    margin-left: 60.6666666667%;
}

.offset-by-eight.column,
.offset-by-eight.columns {
    margin-left: 69.3333333333%;
}

.offset-by-nine.column,
.offset-by-nine.columns {
    margin-left: 78.0%;
}

.offset-by-ten.column,
.offset-by-ten.columns {
    margin-left: 86.6666666667%;
}

.offset-by-eleven.column,
.offset-by-eleven.columns {
    margin-left: 95.3333333333%;
}

.offset-by-one-third.column,
.offset-by-one-third.columns {
    margin-left: 34.6666666667%;
}

.offset-by-two-thirds.column,
.offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
}

.offset-by-one-half.column,
.offset-by-one-half.columns {
    margin-left: 52%;
}

.container:after,
.row:after,
.u-cf {
    content: "";
    display: table;
    clear: both;
}

h2.raisonsN,
h2.commentN,
h2.detailN,
h2.prevenuN,
h2.plusN,
h2.clientPlusN,
h2.arreteN{
    font-family: "Source Sans Pro", Sans-serif;
    font-size: 21px;
    color: #1e272c;
}


/* UGAL 2019-03-13 15:43:35 */

@media(nax-width: 778px){
    .jupiterx-main-header:not(.jupiterx-main-header-custom){
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
