/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* Fonts */
@font-face { font-family: 'Roboto'; src: url('fonts/RobotoCondensed-Regular-webfont.eot'); src: url('fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; }
/* Globals */
html { background: #fff url(../image/commons/bgGlobal.jpg) repeat-x center top; background-attachment: fixed; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #333; background: #fff url(../image/commons/bgGlobal.jpg) repeat-x center top; background-attachment: fixed; }
#cookie-banner { background: #fff; text-align:center; padding:5px; font-size:1.2em; border-bottom:1px solid #eeeeee; }
#inform-and-consent { width: 300px; background: #fff; border: 1px solid #cccccc; border-radius: 10px; padding: 10px; text-align: center; position: fixed; top:50px; left:50%; margin-top: 0px; margin-left:-150px; z-index:100000; font-size: 1.2em; }
#inform-and-consent p.alignCenter { margin: 1em 0 0; }
#inform-and-consent button { background: #a4004d; border: 0 none; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-family: 'Roboto',Arial,Helvetica,sans-serif; font-size: 1.1em; padding: 3px 5px; text-transform: uppercase; }
a { color: #000; text-decoration: none; }
a:hover { color: #666; }
.likeLinkA { color: #000; text-decoration: underline; cursor: pointer; }
a.linkCookie { text-decoration: underline; }
strong, .likeStrong {font-weight: bold;}
.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.error { color: #f00; }
.hidden { display: none; }
#wrapper { width: 100%; }
#top { position: relative; z-index: 1; }
#blocTop, #subWrapper, #blocTopLiens, #footer, #subFooter, .ifNoScript { width: 970px; margin: 0 auto; }
.ifNoScript { background: #fff; padding: 10px 0; opacity: 0.8; color: #f00; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 1.2em; text-align: center; font-weight: bold; }
#blocTopLiens { text-transform: uppercase; padding: 0.3em 0; }
#blocTop { background: url(../image/commons/bgTop.jpg) no-repeat center center; margin: 0 auto 10px; position: relative; }
#subWrapper { background: #dedede; position: relative; z-index: 0; }
#blocTop .content { position: relative; }
#colLeft, #colCenter, #colRight { float: left; padding: 10px 0 0; }
#colLeft { width: 240px; }
#colCenter { width: 530px; background: #fff; padding-bottom: 250px; min-height: 400px; }
.fullWidth #colCenter { width: 730px; }
.fullWidth.fullHome #colCenter, .fullWidth.fullCompte #colCenter, .fullWidth.fullPanier #colCenter{ width: 100%; }
#colRight { width: 200px; }
.fullWidth #colRight { display: none; }
/* Entête */
#logoWebsite { float: left; width: 115px; }
#logoWebsite img { display: block; width: 100%; }
#blocTopLiens { text-align: right; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
#blocTopLiens ul li { display: inline-block; margin: 0 0.7em; font-size: 1.4em; }
#blocRecherche { padding: 60px 0 0; width: 345px; margin: 0 0 0 295px; }
#blocRecherche .rechContent { text-align: center; background: #000; opacity: 0.95; border-radius: 5px; color: #fff; }
#blocRecherche form { padding: 7px; }
#blocRecherche label, #blocRecherche input { display: inline-block; line-height: 20px; height: 20px; font-size: 1.1em; vertical-align: middle; border: 0 none; }
#blocRecherche input.button { padding: 0 5px; text-align: center; background: #fff; line-height: 1em; color: #000; cursor: pointer; }


/* Panier */
#monPanier { float: right; margin: 40px 40px 0 60px; width: 200px; background: #000 url(../image/commons/iconCartTop.png) no-repeat 10px center; opacity: 0.9; color: #fff; font-size: 1.1em; border-radius: 3px; height: 80px; position: relative; z-index: 1; }
#monPanier.noEmpty { cursor: pointer; }
#monPanier.noEmpty:hover { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

#monPanier .content { 
    padding: 8px; 
    margin-left: 58px; 
}

#monPanier .nombreArticles { font-size: 1.3em; }
#monPanier .nombreArticles strong { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; text-transform: uppercase; }
#monPanier .avantFranco strong { font-size: 1.3em; color: #ff8500; }
#monPanier .cartList { z-index: 10; left: -30000px; background: #000; position: absolute; z-index: 1000; top: 80px; color: #fff; width: 100%; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
#monPanier:hover .cartList { left: 0; }
#monPanier .cartList .content { margin: 0; padding: 0 5px; }
#monPanier .cartList .cartLink { margin: 0 0 10px; text-align: right; font-family: 'Roboto', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.1em }
#monPanier .cartList .cartLink a { color: #ff8500; }
#monPanier .cartList li { padding: 5px 0; border-top: 1px dotted #444; }
#monPanier .cartList li img { width: 80px; float: left; margin: 0 5px 5px 0; }
#monPanier .cartList li a { display: block; color: #fff; }
#monPanier .cartList a span { display: block; float: left; }
#monPanier .cartList a .nomProduit { font-family: 'Roboto', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.3em; margin: 0 0 0.3em; width: 105px; line-height: 1.1em; }
#monPanier .cartList a .qteProduit, #monPanier .cartList a .totalProduit { margin-left: 30px; width: 75px; }
/* Menu haut */
#topMenu { position: absolute; bottom: 0; right: 0; max-width: 800px; }
#topMenu ul { background: #000; /*opacity: 0.9;*/ }
#topMenu ul ul { background: transparent; }
#topMenu li.level1 { text-align: center; display: inline-block; vertical-align: middle; width: auto; }
#topMenu #displMobile { display: none; }
#topMenu li.level1.linkHome a { display: inline-block; vertical-align: middle; width: 30px; height: 35px; background: url(../image/commons/home.png) no-repeat center center; }
#topMenu li.level1.linkHome span { display: none; }
#topMenu li.level1 a.itemMenuParent { display: block; padding: 0 0.7em; color: #fff; line-height: 35px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.2em; text-transform: uppercase; }
#topMenu li.level1:hover, #topMenu li.level1:hover a.itemMenuParent { background: #fff; color: #000; }
#topMenu li.level1.linkHome:hover { background: #ff5705; }
#topMenu li .subTopMenu { position: absolute; left: -30000px; top: 35px; width: 970px; background: #000; z-index: 999; }
#topMenu li:hover .subTopMenu, #topMenu li .subTopMenu.show { right: 0; left: auto; }
#topMenu .subTopMenu .menuColumns { border: 3px solid #000; background: #fff; }
#topMenu .ulColumn { text-align: left; }
#topMenu .ulColumn.ulMachines { float: left; width: 75%; }
#topMenu .ulColumn.ulConsos { float: right; width: 25%; }
#topMenu .ulColumn.ulWithAds { padding-bottom: 135px; }
#topMenu .ulColumn.ulWithBigAds { padding-bottom: 245px; }
#topMenu .level2, #topMenu .withAds .adMenu, #topMenu .withAds .logoMenu { float: left; font-size: 1em; margin: 1%; width: 31%; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; text-transform: uppercase; }
#topMenu .ulConsos .withAds .adMenu, #topMenu .ulConsos .withAds .logoMenu { width: 98%; }
#topMenu .withAds .adMenu, #topMenu .withAds .logoMenu { margin: 0 1%; }
#topMenu .level2.doubleWidth { width: 64.5%; }
#topMenu .level2.tripleWidth { width: 98%; }
#topMenu .ulConsos .level2 { width: 94%; margin: 3%; }
#topMenu .level2 a, #topMenu .level2 .likeLink, #topMenu .ulBrand li.level2 .letterBrand { display: block; padding: 0.4em 1.3em 0.4em 0.4em; color: #fff; background: #a4004d url(../image/commons/petitPlus.png) no-repeat right center; margin: 0 0 0.5em; text-transform: none; font-size: 1.1em; line-height: 1.1em; }
#topMenu .level2 li a { font-size: 0.95em; line-height: 1.2em; }
#topMenu .level2 li { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; text-transform: none; font-weight: normal; margin: 0 0 0.5em 1em; }
#topMenu .level2 li li { margin: 0 0 0 1em; }
#topMenu .withAds { position: absolute; bottom: 3px; }
#topMenu .ulMachines .withAds { width: 75%; }
#topMenu .ulConsos .withAds { width: 25%; }
#topMenu .level2 li a, #topMenu .withAds a { display: inline; padding: 0; background: 0 none; margin: 0; color: #000; }
#topMenu .level2 li a:hover { color: #333; }
#topMenu .withAds.bigHeight .adMenu, #topMenu .withAds.bigHeight .logoMenu { width: 98%; }
#topMenu .withAds .logoMenu{ text-align: center; }
#topMenu .withAds .logoMenu ul li, #topMenu .level2 .logoMenu li { display: inline-block; vertical-align: middle; margin: 0 2%; }
#topMenu .ulBrand { text-align: justify; padding: 1%; }
#topMenu .ulBrand li.level2 { width: 14%; float: none; display: inline-block; vertical-align: top; margin: 1% 0 0; text-align: left; }
#topMenu .ulBrand li.level2 .letterBrand { background: 0 none; border-bottom: 1px dotted #666; color: #a4004d; }
/* Menu gauche */
#colLeft { font-size: 1.1em; line-height: 1.4em; color: #000; }
#colLeft ul { padding: 10px; }
#colLeft ul ul { padding: 0; }
#colLeft li li { padding: 0 0 0 1em; }
#colLeft li { margin: 1em 0; }
#colLeft .itemMenuParent { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.6em; text-transform: uppercase; background: #999; display: block; padding: 0.2em; margin: 0 0 0.1em; color: #fff; line-height: 1.1em; }
#colLeft .itemMenuParent a { color: #fff; }
#colLeft li li { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; margin: 1em 0 0; padding: 0 0 0 0.6em; }
#colLeft li li ul { margin: 0.4em 0 0; }
#colLeft li li ul ul, #colLeft li li li { margin: 0; }
#colLeft li li li { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 0 0 0 1em; }
#colLeft li li li li { font-size: 0.9em; }
#colLeft li li li li li{ font-size: 1em; }
#colLeft li.active,#colLeft li.active a { color: #a4004d; }
#colLeft li.active li,#colLeft li.active li a { color: #000; }
#colLeft li li li.active { font-weight: bold; }
#colLeft li li li.active li { font-weight: normal; }
#colLeft li li li li.active { background: url(../image/commons/arrowLeft.png) no-repeat 2px 3px; font-weight: bold; }
#colLeft li li li li.active, #colLeft li li li li.active a { color: #666; }
#colLeft li li li li.active li, #colLeft li li li li.active li a { background: 0 none; font-weight: normal; color: #000; }
#colLeft li li li li li.active, #colLeft li li li li li.active a { color: #a4004d; }
 /* Communs */
.FilAriane { margin: 0 0 20px; font-size: 1.1em; }
#pageCategorie .contentCategory h1, #pageCategorie h2, #pageProduit .contentProduct h1, #pageCategorie .likeH1, .fullCompte h1, .accountPage h1, .contentConsoType h1, .fullPanier h1{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.9em; color: #a4004d; text-transform: uppercase; margin: 1.5em 0 1em; }
#subFooter span.fooExplMore, .descExplMore { display: inline-block; cursor: pointer; text-decoration: underline; color: #ff8500; }
/* Categories */
#pageCategorie .contentCategory, .contentConsoType { padding: 10px; }
#pageCategorie .contentCategory h1, #pageCategorie .likeH1 { font-size: 2.1em; text-align: center; }
#pageCategorie .blocSoldes { float: right; margin: 0 1% 2% 2%; width: 64%; }
#pageCategorie .blocSoldes img { width: 100%; }
#pageCategorie #promoListe li { display: inline-block; vertical-align: top; width: 29%; margin: 0 2% 7%; }
#pageCategorie #promoListe li.liPubLarge { width: 62%; }
#pageCategorie #promoListe li h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; text-align: center; font-size: 1.6em; min-height: 3em; }
#pageCategorie #promoListe li .prixProduit { text-align: right; }
#pageCategorie #promoListe li .prixProduit a, #pageCategorie #produitsListe .produitPrixLiens .produitPrix { font-size: 1.8em; color: #ff8500; font-weight: bold; }
#pageCategorie #promoListe li .prixProduit a .promoPrix, #pageCategorie #produitsListe .produitPrixLiens .produitPrix small { display: block; font-size: 0.7em; color: #000; font-weight: normal; }
#pageCategorie #promoListe li .pImg, #pageCategorie .produitVisuel { position: relative; }
#pageCategorie .promoStick { position: absolute; text-align: center; width: 50px; height: 50px; line-height: 50px; color: #fff; background: url(../image/commons/promo.png) no-repeat center center; display: block; border-radius: 25px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.8em; left: -5px; top: 0px; }
#pageCategorie #promoListe li img, #pageCategorie .promoListe li img { width: 150px; display: block; margin: 0 auto; }
#pageCategorie #promoListe li.liPubLink img, #pageCategorie .promoListe li.liPubLink img { width: 100%; }
#pageCategorie #produitsListe li.clearfix { margin: 1em 0; padding: 10px; border-bottom: 1px dotted #aaa; }
#pageCategorie #produitsListe li.last { border-bottom: 0 none; }
#pageCategorie #produitsListe .produitVisuel, #pageCategorie #produitsListe .produitInfos, #pageCategorie #produitsListe .produitPrixLiens { display: inline-block; vertical-align: middle; }
#pageCategorie #produitsListe .produitVisuel,#pageCategorie #produitsListe .produitPrixLiens { width: 150px; }
#pageCategorie #produitsListe .produitInfos { width: 340px; margin: 0 10px; }
#pageCategorie #produitsListe .produitVisuel img { width: 100%; }
#pageCategorie #produitsListe h2 { font-size: 1.6em; margin: 0 0 0.5em; }
#pageCategorie #produitsListe .produitInfos p { font-size: 1.15em; }
#pageCategorie #produitsListe .produitPrixLiens { font-size: 1.1em; text-align: center; }
#pageCategorie #produitsListe .produitPrixLiens .produitPrix { margin: 0 0 0.5em; font-size: 2em; }
#pageCategorie #produitsListe .produitPrixLiens .produitPrix small { font-size: 0.5em; }
#pageCategorie #produitsListe .produitPrixLiens .produitPrix .tarifSpecif { font-size: 0.8em; color: #666; font-weight: normal; }
#pageCategorie #produitsListe .produitPrixLiens a { display: inline-block; text-align: left; margin: 0.3em 0; text-transform: uppercase; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 3px 5px 3px 30px; color: #fff; border-radius: 3px; background-image: url(../image/commons/miniIcons.png); background-repeat: no-repeat; }
#pageCategorie #produitsListe .produitPrixLiens a span { display: block; width: 95px; }
#pageCategorie #produitsListe .produitPrixLiens a.linkNormal { background-color: #a4004d; background-position: 5px -1px; }
#pageCategorie #produitsListe .produitPrixLiens a.linkVideo { background-color: #333; background-position: 5px -26px; }
#pageCategorie #produitsListe .produitPrixLiens a:hover { background-color: #000; }

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ensemble de produit*/

#pageCategorie #produitsListe li .produitstitre { 
    margin: 0.5em 0; 
    font-weight: normal; 
    padding: 0.1em; 
    color: #000;
}


#pageCategorie #produitsListe li .rotator{
    background-color:#cccccc;
    background-image:url('../image/fond-produit.jpg');
    background-repeat:no-repeat;
    background-position:318px 1px;
    background-size:100% 298px;
    width:100%;
    height:300px;
    position:relative;
    font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:-1px;
    border:3px solid #f0f0f0;
    overflow:hidden;
    -moz-box-shadow:0px 0px 10px #222;
    -webkit-box-shadow:0px 0px 10px #222;
    box-shadow:0px 0px 10px #222;
}

@media (max-width:760px) {
    #pageCategorie #produitsListe li .rotator{
        
        height:330px;
    }
}

@media (max-width:480px) {
    #pageCategorie #produitsListe li .rotator{
        
        height:320px;
    }
}

#pageCategorie #produitsListe li img.bg{
    position:absolute;
    top:0px;
    left:0px;
}

#pageCategorie #produitsListe li .rotator ul{
    list-style:none;
    position:absolute;
    right:0px;
    top:0px;
    margin-top:6px;
    z-index:999999;
}

@media (max-width:760px) {
    #pageCategorie #produitsListe li .rotator ul{
        margin: 300px 0px 0px 0px;
        padding: 0;
        list-style-type: none;
        left:0px;
        width:100%;
    }
}

#pageCategorie #produitsListe li .rotator ul li{
    display:block;
    float:left;
    clear:both;
    width:130px;
}

@media (max-width:760px) {
    #pageCategorie #produitsListe li .rotator ul li{
        display: inline;
        float:none;
    }
}

#pageCategorie #produitsListe li .rotator ul li a{
    width:130px;
    float:right;
    clear:both;
    padding-left:10px;
    text-decoration:none;
    display:block;
    height:42px;
    line-height:42px;
    background-color:#222;
    margin:1px -20px 1px 0px;
    opacity:0.7;
    color:#f0f0f0;
    font-size:11px;
    border:2px solid #000;
    border-right:none;
    outline:none;
    text-shadow:-1px 1px 1px #000;
    -moz-border-radius:10px 0px 0px 20px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-left-radius:20px;
    border-top-left-radius:10px;
    border-bottom-left-radius:20px;
    letter-spacing:1px;
}

#pageCategorie #produitsListe li .rotator ul li a:hover{
      text-shadow:0px 0px 2px #fff;
}

@media (max-width:760px) {
    #pageCategorie #produitsListe li .rotator ul li a{
        width:auto;
        clear: none;
        height:21px;  
        line-height:21px;
        padding:2px 2px 2px 2px;
        margin:0px 0px 0px 0px;
        -moz-border-radius:0px 0px 0px 0px;
        -webkit-border-top-left-radius:0px;
        -webkit-border-bottom-left-radius:0px;
        border-top-left-radius:0px;
        border-bottom-left-radius:0px;
    }
}

@media (max-width:480px) {
    #pageCategorie #produitsListe li .rotator ul li a{
        width:auto;
        clear: none;
        height:12px;  
        line-height:12px;
        padding:2px 2px 2px 2px;
        margin:0px 0px 0px 0px;
        -moz-border-radius:0px 0px 0px 0px;
        -webkit-border-top-left-radius:0px;
        -webkit-border-bottom-left-radius:0px;
        border-top-left-radius:0px;
        border-bottom-left-radius:0px;
        font-size:6px;
    }
}

#pageCategorie #produitsListe li .rotator .heading{
    position:absolute;
    top:0px;
    left:0px;
    width:500px;
}

@media (max-width:480px) {
    #pageCategorie #produitsListe li .rotator .heading{
        display:none;
    }
}

#pageCategorie #produitsListe li .rotator .heading h1{
    text-shadow:-1px 1px 1px #555;
    font-weight:normal;
    /*font-size:46px;*/
    font-size:23px;
    padding:20px;
    color:#000000;
    text-align: left;
    margin:0;
}

#pageCategorie #produitsListe li .rotator .description{
    width:210px;
    height:270px;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:20px;
    -moz-border-radius:0px 10px 0px 10px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    color:#222222;
}

@media (max-width:760px) {
    #pageCategorie #produitsListe li .rotator .description{
        height:295px;
    }
}

@media (max-width:480px) {
    #pageCategorie #produitsListe li .rotator .description{
        width:180px;
    }
}

#pageCategorie #produitsListe li .rotator .description p{
    text-transform:none;
    letter-spacing:normal;
    line-height:15px;
    font-size:1.15em;
}

#pageCategorie #produitsListe li .rotator .description .divimgavantage{
    display:inline-block;
    width:50px;
    vertical-align:top;
}

@media (max-width:480px) {
    #pageCategorie #produitsListe li .rotator .description .divimgavantage{
         width:25px;
    }
}

#pageCategorie #produitsListe li .rotator .description .divimgavantage .imgavantage{
    width:50px;
}

@media (max-width:480px) {
    #pageCategorie #produitsListe li .rotator .description .divimgavantage .imgavantage{
         width:25px;
    }
}

#pageCategorie #produitsListe li .rotator .description .optProduit{
    position:relative;
}

#pageCategorie #produitsListe li .demanderDevis, #pageCategorie #produitsListe li .demanderInfos, #pageCategorie #produitsListe li .rotator .demanderDevis, #pageCategorie #produitsListe li .rotator .demanderInfos, #pageCategorie #produitsListe li .rotator a.perfoRhino{
    background: #a4004d none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 1.3em;
    padding: 4px;
}

#pageCategorie #produitsListe li .rotator .demanderDevis:hover, #pageCategorie #produitsListe li .rotator .demanderInfos:hover, #pageCategorie #produitsListe li .rotator a.perfoRhino:hover { 
    background: #ff8500;
}



#pageCategorie #produitsListe li .rotator .voirproduit{
    background: #222222 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    padding: 4px;
}

#pageCategorie #produitsListe li .rotator .voirproduit:hover{ 
    background: #ff8500;
}

#pageCategorie #produitsListe li .more{
    color:#a80a54;
    text-decoration:none;
    text-transform:uppercase;
    font-size:15px;
    float:right;
    text-shadow:none;
    cursor: pointer;
}
#pageCategorie #produitsListe li .more:hover{
    text-shadow:-1px 1px 1px #000;
}

#pageCategorie #produitsListe li  p.printPage {
    display:inline-block; 
    margin-left: 2%;
}

#pageCategorie #produitsListe li  p.printPage a {
    display: block; 
    width: 28px; 
    height: 25px; 
    background: url(../image/commons/iconPrint.png) no-repeat center center;
}

#pageCategorie #produitsListe li  p.printPage a span {
    display: none;
}

#pageCategorie #produitsListe li  p.pdfPage {
    display:inline-block; 
    margin-left: 2%;
}

#pageCategorie #produitsListe li  p.pdfPage a {
    display: block; 
    width: 28px; 
    height: 25px; 
    background: url(../image/commons/iconpdf.png) no-repeat center center;
}

#pageCategorie #produitsListe li  p.pdfPage a span {
    display: none;
}

#pageCategorie #produitsListe li  .tarifSpecif { font-size: 15px; color: #666; font-weight: normal; }



#pageCategorie #produitsListe li .textcaracteristique .caracTable {min-width: 100%; }
#pageCategorie #produitsListe li .textcaracteristique .caracTable tr { background: #eee; }
#pageCategorie #produitsListe li .textcaracteristique .caracTable tr.bgGray { background: #ccc; }
#pageCategorie #produitsListe li .textcaracteristique .caracTable td { padding: 5px 10px; font-size: 1em; }
#pageCategorie #produitsListe li .textcaracteristique .caracTable td.boldTd { font-weight: bold; }



/* ----------------------------------------------------------------------------------------------------------------------------------------- */

/* Résultats de recherche */
#pageCategorie p.aucunProduit { text-align: center; font-weight: bold; font-size: 1.5em; }
#pageCategorie .blocSuggestFour #promoListe li { margin: 0 1% 6%; width: 22%; }
#pageCategorie .blocSuggestFour #promoListe li h3 { font-size: 1.4em; }
/* Footer de categorie */
.blocPubConseil { background: #333 url(../image/commons/bgFooter.jpg) repeat center bottom; margin: 20px 0 0; color: #fff; font-size: 1.2em; line-height: 1.4em; position: absolute; bottom: 0; right: 0; width: 730px; }
.blocPub { width: 225px; float: left; }
.blocPub a, .blocPub img { width: 100%; display: block; }
.blocPubConseil .blocConseil { padding: 2em 1em 1.7em; }
.blocPubConseil .entrAdresse, .blocPubConseil .entrContact { text-align: center; }
.blocPubConseil .entrContact { font-size: 1.2em; }
.blocPubConseil .entrCoord { margin: 1em 1em 1.5em; text-align: center; }
.blocPubConseil .entrCoord li { display: inline-block; margin: 0.2em 1%; width: 20%; font-family: 'Roboto', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.4em; line-height: 1.3em; vertical-align: top; }
.blocPubConseil .entrCoord strong, .blocPubConseil .entrCoord .entrEmail a { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; text-transform: none; }
.blocPubConseil .entrContact big, .blocPubConseil .entrContact span { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.6em; text-transform: uppercase; display: block; margin: 0 0 0.6em; }
.blocPubConseil .entrCoord .entrEmail span, .fullBrand #colRight .contactRight .txtManColRight #ecrireGC { font-size: 0.8em; background: #fff; color: #333; margin: 0.1em 0 0; display: inline-block; padding: 0 0.5em; border-radius: 3px; cursor: pointer; }
.blocPubConseil .entrCoord .entrEmail span:hover, .fullBrand #colRight .contactRight .txtManColRight #ecrireGC:hover { background: none; color: #fff; }
/* Page produit */
#pageProduit .contentProduct { padding: 10px; }
#pageProduit .mediaProduit { float: left; width: 35%; margin: 0 10px 0 0; }
#pageProduit .mediaProduit .visuelProduit { padding: 10px; text-align: center; }
#pageProduit .mediaProduit .visuelProduit ul.miniVisuels li { display: inline-block; vertical-align: top; width: 22%; margin: 10px 1% 10px 0; cursor: pointer; }
#pageProduit .mediaProduit .visuelProduit .zoomProduit img, #pageProduit .mediaProduit .visuelProduit ul.miniVisuels li img { width: 100%; }
#pageProduit .contentProduct h1 { font-size: 2.3em; margin: 0 40px 0.3em 0; padding: 1em 0 0; }
#pageProduit .contentProduct h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.7em; text-transform: uppercase; color: #000; margin: 0.5em 0; }
#pageProduit .contentProduct h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.3em; background: #ccc; text-transform: uppercase; padding: 2px 5px; margin: 2em 0 1em; }
#pageProduit .contentProduct .introProduit { margin: 0.2em 0 0.5em; font-weight: bold; font-size: 1.2em; }
#pageProduit .contentProduct .refProduit { margin: 0.5em 0 0; font-size: 1.2em; }
#pageProduit .contentProduct .detailProduit { clear: left; font-size: 1.2em; }
#pageProduit .contentProduct .achatProduit { text-align: right; }
#pageProduit .contentProduct .ajoutPanier input.addToCart, .contentConsoType .ajoutPanier .addToCart, #pageProduit .contentProduct .otherSameP .lineInput, #pageProduit .contentProduct .askQuoteP .lineInput { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.8em; color: #fff; text-align: center; display: inline-block; padding: 0.2em 0.5em 0.2em 40px; text-transform: uppercase; margin: 0.5em 0 0.8em; border-radius: 3px; background: #a4004d url(../image/commons/miniIcons.png) no-repeat 2px -47px; border: 0 none; cursor: pointer; }
#pageProduit .contentProduct .ajoutPanier input.addToCart:hover, .contentConsoType .ajoutPanier .addToCart :hover, #pageProduit .contentProduct .otherSameP .lineInput:hover, #pageProduit .contentProduct .askQuoteP .lineInput:hover { background-color: #000; }
#pageProduit .contentProduct .askQuoteP .lineInput { padding: 0.2em 0.5em; background-image: none; border: 1px solid #a4004d; }
#pageProduit .contentProduct .askQuoteP .lineInput:hover { border: 1px solid #000; }
#pageProduit .contentProduct .prixProduit { font-size: 2.8em; font-weight: bold; color: #ff8500; }
#pageProduit .contentProduct .prixProduitDestructeur { font-size: 2.8em; font-weight: bold; color: #ff8500; }
#pageProduit .contentProduct .prixProduitTTC { font-size:1.1em;color: #666; margin:5px;}
#pageProduit .contentProduct .prixProduitDestrcuteurTTC { display: block;font-size:0.4em;color: #666;font-weight:normal;}
#pageProduit .contentProduct .prixProduit .tarifSpecif { color: #666; font-size: 0.7em; }
#pageProduit .contentProduct .prixProduitDestructeur small{ display: block;font-size: 0.5em; line-height: 1em; color: #000; font-weight: normal; }
#pageProduit .contentProduct .prixProduit small { display: block; font-size: 0.5em; color: #000; font-weight: normal; }
#pageProduit .contentProduct .livrProduit, #pageProduit .contentProduct .francoProduit { margin: 0 0 0.3em; font-size: 1.1em; }
#pageProduit .contentProduct .livrProduit em, #pageProduit .contentProduct .francoProduit em { font-weight: bold; color: #a4004d; }
#pageProduit .contentProduct .actionsProduit { float: right; width: 40%; margin-top: 40px; background: #fff; text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; text-transform: uppercase; }
#pageProduit .contentProduct .actionsProduit h4 { font-size: 1.5em; line-height: 1.1em; margin: 0 0 0.5em; }
#pageProduit .contentProduct .actionsProduit h4 strong { display: block; }
#pageProduit .contentProduct .actionsProduit .content { padding: 10px; border-radius: 5px; background: #dfdfdf; margin: 0 0 10px 10px; }
#pageProduit .contentProduct .actionsProduit .content span, #pageProduit .contentProduct .actionsProduit .content a#perfoRhino { display: block; width: 85%; margin: 0.5em auto; background: #666; color: #fff; font-size: 1.3em; padding: 3px; cursor: pointer; }
#pageProduit .contentProduct .actionsProduit .content span:hover, #pageProduit .contentProduct .actionsProduit .content a:hover { background: #ff8500; }
#pageProduit .contentProduct .descProduit { min-height: 160px; }
#pageProduit .contentProduct .descProduit p { margin: 0 0 0.5em; }
#pageProduit .contentProduct .blocCarac { float: left; width: 60%; }
#pageProduit .contentProduct .blocOptions { float: right; width: 38%; }
#pageProduit .contentProduct .fullWidth { float: none; width: 100%; }
#pageProduit .contentProduct .caracTable { margin: 0 auto; min-width: 60%; }
#pageProduit .contentProduct .caracTable tr { background: #eee; }
#pageProduit .contentProduct .caracTable tr.bgGray { background: #ccc; }
#pageProduit .contentProduct .caracTable td { padding: 5px 10px; font-size: 1em; }
#pageProduit .contentProduct .caracTable td.boldTd { font-weight: bold; }
#pageProduit .contentProduct .videoContainer { width: 60%; margin: 0 auto; text-align: center; }
#pageProduit .contentProduct .videoContainer object { display: block; width: 100%; }
#pageProduit .contentProduct .consoIntro { margin: 0 0 0.5em; font-size: 1.1em; }
#pageProduit .contentProduct .consoProduit { text-align: center; }
#pageProduit .contentProduct .consoProduit li { display: inline-block; vertical-align: middle; width: 30%; margin: 1%; }
#pageProduit .contentProduct .consoProduit li img{ width: 100%; }
/* Product no more available */
#pageProduit .contentProduct .notInCatalog { text-align: center; font-size: 1.8em; margin: 3em 0 2em; }
#pageProduit .contentProduct .otherSameP { background: #dedede; padding: 20px; width: 80%; margin: 20px auto; border-radius: 20px; font-size: 1.2em; }
#pageProduit .contentProduct .otherSameP img { width: 100%; }
#pageProduit .contentProduct .otherSameP p { margin: 0 0 1em; }
#pageProduit .contentProduct .otherSameP h2 { padding: 2em 0 0; }
#pageProduit .contentProduct .otherSameP .lineInput { padding: 0.2em 0.5em; background-image: none; font-size: 1.5em; }
#pageProduit ul.iconsProduit {text-align: center;}
#pageProduit .technoProduit ul.iconsProduit {text-align: left; margin: 0 0 0 1em;}
#pageProduit ul.iconsProduit li {display: inline-block; vertical-align: middle; margin: 0 0.5em 0 0;}
#pageProduit ul.iconsProduit li img {height: 50px;}
#pageProduit p.printPage { position: absolute; right: 10px; }
#pageProduit p.printPage a {display: block; width: 28px; height: 25px; background: url(../image/commons/iconPrint.png) no-repeat center center; margin-top: 2.6em;}
#pageProduit p.printPage a span {display: none;}
#pageProduit p.pdfPage { position: absolute; right: 10px;top:70px; }
#pageProduit p.pdfPage a {display: block; width: 28px; height: 25px; background: url(../image/commons/pdf-icon.jpg) no-repeat center center; margin-top: 2.6em;}
#pageProduit p.pdfPage a span {display: none;}
/* Gammes */
.fullGamme #pageProduit .contentProduct .detailProduit { margin: 2em 0 0; }
.fullGamme #pageProduit .contentProduct .descProduit.introGamme { font-size: 1.2em; margin-left: 35%; padding: 0 0 0 10px; }
.fullGamme #pageProduit .contentProduct .videoContainer { width: 100%; }
.fullGamme #pageProduit .contentProduct #blocVideo h3 { margin: 1em 0; }
.fullGamme #pageProduit .contentProduct .blocCarac h3, .fullGamme #pageProduit .contentProduct .actionsProduit { margin-top: 0; }
.fullGamme h2 { background: #929398; color: #000; }
.fullGamme h2 strong { display: inline-block; background: #45454d; color: #fff; padding: 0 1em 0 0.5em; margin: 0 0.5em 0 0; font-weight: normal; }
.fullGamme .varianteBlock { padding: 0 0 1em; }
.fullGamme .variantePhoto, .fullGamme .varianteCarac { display: inline-block; vertical-align: top; }
.fullGamme .varianteCarac img { vertical-align: top; }
.fullGamme .variantePhoto { width: 25%;}
.fullGamme .allOtherCarac { width: 45%; font-size: 1.2em; }
.fullGamme .allOtherCarac p { line-height: 1.5em; }
.fullGamme .cuttingCarac { font-size: 1.2em; text-transform: uppercase; font-weight: bold; margin: 0.7em 0; }
.fullGamme .cuttingCarac img { vertical-align: bottom; }
.fullGamme .mediaCarac { width: 29%;}
.fullGamme .mediaCarac li { display: inline-block; position: relative; margin: 0 1% 1%; cursor: help; z-index: 0; }
.fullGamme .mediaCarac li:hover { z-index: 2; }
.fullGamme .mediaCarac li .titleLevel { display: block; position: absolute; bottom: 0; right: 0; background: #000; color: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 3px 5px; line-height: 1em; z-index: 1; }
.fullGamme .mediaCarac li:hover .titleLevel { z-index: 3; }
.fullGamme .mediaCarac li:hover .hidden { display: block; position: absolute; background: #fff; opacity: 0.9; color: #000; z-index: 4; width: 200px; border-radius: 5px; padding: 5px; bottom: 60px; left: -100px; font-size: 1.1em; border: 1px solid #000; }
.fullGamme .availabP { display: inline-block; vertical-align: middle; height: 10px; width: 10px; border-radius: 6px; margin: 0 5px; }
.fullGamme .indexTitle { font-size: 1.2em; margin: 2em 0; }
.fullGamme .indexTitle p, .fullGamme .indexTitle ul, .fullGamme .indexTitle li, .fullGamme .indexTitle li a, .fullGamme .indexTitle li span, .fullGamme .priceBlock p { display: inline-block; vertical-align: middle; }
.fullGamme #pageProduit .contentProduct .ajoutPanier input.addToCart, #pageProduit .contentProduct .askQuoteP .lineInput { margin: 0.5em 0 0.1em; font-size: 1.4em; background-position: 2px -48px; }
.fullGamme .priceBlock .lineShipping.francoProduit { display: block; margin: 0.2em 0 0 !important; }

.fullGamme .indexTitle li a, .fullGamme .indexTitle li span { text-transform: uppercase; background: #ccc; color: #333; padding: 3px 5px; border-radius: 3px; margin: 0 0.2em; }
.fullGamme .indexTitle li span { background: #a4004d; color: #fff; cursor: pointer; }
.fullGamme .indexTitle li a:hover, .fullGamme .indexTitle li span:hover { background: #333; color: #fff; }
.fullGamme .priceBlock { text-align: right; }
.fullGamme .priceBlock p { margin: 0 0 0 10px !important; }
.fullGamme #pageProduit .contentProduct .prixProduit { font-size: 2.1em; }
/* Filtre produits */
.filtreProduits { background: #ddd; border-radius: 5px; padding: 10px; font-size: 1.2em; text-align: justify; }
.filtreProduits form h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; text-transform: uppercase; border-bottom: 2px solid #bbb; padding: 0 0 0.2em; width: 60%; margin: 0 auto 0.5em; text-align: center; }
.filtreProduits form p { display: inline-block; width: 28%; margin: 0 4% 0.5em 0; vertical-align: bottom; }
.filtreProduits form select { text-transform: uppercase; }
.nombreResultats { margin: 2em 0 1em; font-size: 1.4em; font-weight: bold; text-align: center; }
/* Consommables */
.fullWidth.fullConsoPage, .fullWidth.fullCMS { background: url(../image/commons/bgCenter.png) repeat-y; }
.contentConsoType h1 { margin: 0 0 0.8em; }
.contentConsoType .promoSpec { font-family: 'Roboto', Arial, Helvetica, sans-serif; background: #a4004d; color: #fff; font-size: 1.5em; margin: 1em 0; border-radius: 5px; padding: 0 5px; display: inline-block; }
.contentConsoType .contentDescType { font-size: 1.2em; text-align: justify; }
.contentConsoType .contentDescType p { margin: 0 0 0.5em; }
.contentConsoType .contentDescType table { margin: 0 auto; }
.contentConsoType .contentDescType table caption { text-align: center; font-size: 1.4em; text-transform: uppercase; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin: 0 0 0.1em; }
.contentConsoType .contentDescType th, .contentConsoType .contentDescType td { padding: 3px 5px; vertical-align: top; text-align: center; border-top: 1px dotted #777; }
.contentConsoType .contentDescType th { background: #777; color: #fff; font-weight: bold; }
.contentConsoType .linkToMachines { text-align: right; margin: 0 0 1.2em; }
.contentConsoType .linkToMachines a { color: #a4004d; text-decoration: underline; }
.contentConsoType .contentDescType.withImg img { float: left; margin: 0 10px 10px 0; border-radius: 10px; max-width: 225px; }
.fullListConso .content { padding: 10px; }
.contentConsoType .afficheType .listType li, .contentConsoType .afficheType .listTypeConso li { display: inline-block; width: 30%; margin: 1%; vertical-align: top; font-size: 1.4em; font-family: 'Roboto', Arial, Helvetica, sans-serif; text-align: center; }
.contentConsoType .afficheType .listType li a span, .contentConsoType .afficheType .listTypeConso li a span { display: block; height: 3em; }
.contentConsoType .afficheType .listType li img { width: 100%; border-radius: 10px; }
.contentConsoType .afficheType .listTypeConso { margin: 1em 0; }
.contentConsoType .afficheType h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.6em; text-transform: uppercase; text-align:center; }
.contentConsoType .afficheType .listTypeConso li img { width: 70%; border-radius: 10px; }
.contentConsoType .descExplMore { color: #ff2800; }
.contentConsoType .contentFour { font-size: 1.2em; padding: 10px; }
.contentConsoType #selectColor .explForm { text-align: left; font-weight: bold; font-size: 1.1em; }
.contentConsoType #selectColor ul { text-align: center; padding: 10px; background: #dedede; margin: 1em 0; border-radius: 10px; }
.contentConsoType #selectColor li { display: inline-block; width: 80px; padding: 10px 0 0; margin: 4px 2px; cursor: pointer; border: 2px solid #fff; border-radius: 7px; background: #fff; vertical-align: top; text-align: center; }
.contentConsoType #selectColor li.currentColor { font-weight: bold; border-color: #a4004d; }
.contentConsoType #selectColor li:hover { border-color: #aaa; }
.contentConsoType #selectColor li .imgCouleur { display: block; height: 50px; overflow: hidden; background-position: center center; background-repeat: no-repeat; }
.contentConsoType #selectColor li .libCouleur { display: block; padding: 5px 0 0; text-transform: uppercase; font-size: 0.9em; }
.contentConsoType .orderFournitures table { width: 100%; }
.contentConsoType .orderFournitures th, .contentConsoType .orderFournitures td { padding: 5px; }
.contentConsoType .orderFournitures th { background: #a4004d; color: #fff; font-weight: bold; text-align: center; }
.contentConsoType .orderFournitures td { border-bottom: 1px solid #ccc; }
.contentConsoType .orderFournitures td.fourniPrice { min-width: 15%; text-align: right; }
.contentConsoType .ajoutPanier { text-align: right; }
.contentConsoType .ajoutPanier .addToCart { font-size: 1.4em; }
.contentConsoType #ulTabs { margin: 2em 0 1em; border-bottom: 1px solid #333; }
.contentConsoType #ulTabs li { display: inline-block; font-size: 1.1em; margin: 0 2px; background: #ccc; text-transform: uppercase; padding: 2px 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; cursor: pointer; }
.contentConsoType #ulTabs li.active { background: #333; color: #fff; }
.contentConsoType .contentFour h2 { margin: 0 0 0.2em 1em; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; text-transform: uppercase; }
/* Footer, explainations */
#footer, #subFooter { background: #111; color: #fff; }
#footer { margin: 10px auto 0; }
#footer .content { padding: 0 0 10px; }
#footer .content a { color: #fff; }
#footer .content a:hover { color: #ccc; }
#footer .content .footNote { text-align: right; margin-right: 10px; }
#subFooter .content { margin: 0 10px; padding: 10px 0; border-top: 1px dotted #666; }
#subFooter .content h1 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.5em; margin: 0.5em 0; text-transform: uppercase; }
#subFooter .content h2 { font-size: 1.2em; font-weight: bold; margin: 1.5em 0 0.5em; color: #a47e90; }
#subFooter .content h3 { display: inline-block; font-size: 1.2em; font-style: italic; margin: 0.75em 0 0.5em 3em; border-bottom: 1px dashed #ccc; }
#subFooter .content p, #subFooter .content ul { font-size: 1.2em; text-align: justify; margin: 0 0 0.5em; }
#subFooter .content li, #colCenter .contentDescType li { list-style: disc inside; margin: 0 0 0 1em; }
#colCenter .descExplFull, #colCenter .descExplMore { margin: 0 0 1em; }
#subFooter .content a { color: #a47e90; }
#subFooter .content table { margin: 1em auto; font-size: 1.1em; background: #191919; }
#subFooter .content table caption { text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.3em; text-transform: uppercase; }
#subFooter .content table th, #subFooter .content table td { padding: 3px 5px; text-align: center; }
#subFooter .content table th { background: #333; }
#subFooter .content table td { border-bottom: 1px dotted #ccc; }
#footer .content .footerAssurance { text-align: center; padding: 1em 0; background: #000; border-bottom: 1px solid #222; }
#footer .content .footerAssurance li { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; text-transform: uppercase; display: inline-block; vertical-align: top; width: 22%; text-align: left; margin: 0 1%; background: url(../image/commons/footer/fooIcons.png) no-repeat; height: 60px; }
#footer .content .footerAssurance li span { display: block; padding: 8px 0 0 65px; }
#footer .content .footerAssurance li.fooPrice {background-position: left -61px;}
#footer .content .footerAssurance li.fooShipping {background-position: left -184px;}
#footer .content .footerAssurance li.fooExpert {background-position: left -200px;}
#footer .content .footerAssurance li.fooComm {background-position: left 0;}
#footer .content .footerAssurance li.fooQuotation {background-position: left -123px;}
#footer .content .footerLinks { padding: 10px 0; }
#footer .content .footerLinks .footColumn { display: inline-block; vertical-align: top; width: 22%; margin: 0 1%; }
#footer .content .footerLinks h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.6em; text-transform: uppercase; margin: 0.5em 0 0.5em 30px; border-bottom: 1px dotted #444; color: #a47e90; }
#footer .content .footerLinks li { font-size: 1.2em; margin: 0 0 0 30px; }
/* Pop-ins */
.divPopin { font-size: 1.2em; }
.divPopin, .contentPopin { width: 600px; }
.contentPopin { padding-bottom: 10px; }
.divPopin h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.7em; text-transform: uppercase; text-align: center; background: #ccc; padding: 5px 10px; margin: 0 0 1em; }
.divPopin .buttonsPopin { text-align: center; }
.divPopin .buttonsPopin a, .divPopin .buttonsPopin span, form p.boutonForm input, p.boutonForm span.dynamicButton, .fullPanier p.boutonForm a { font-family: 'Roboto', Arial, Helvetica, sans-serif; display: inline-block; text-transform: uppercase; background: #a4004d; color: #fff; font-size: 1.3em; padding: 3px 5px; border-radius: 3px; margin: 0 10px; cursor: pointer; border: 0 none; }
.divPopin .buttonsPopin a:hover, .divPopin .buttonsPopin span:hover, form p.boutonForm input:hover, p.boutonForm span.dynamicButton:hover, .fullPanier p.boutonForm a:hover { background: #000; }
/* Pop-in panier */
#popinCart .contentPopin img { float: left; width: 170px; margin: 0 10px 10px 0; }
#popinCart .contentPopin h3 { padding: 3em 0 0; font-size: 1.4em; margin: 0 0 0.5em; text-align: center; }
#popinCart .contentPopin .pPrix { color: #ff8500; font-size: 1.7em; font-weight: bold; text-align: center; }
#popinCart .suggestPopin { text-align: center; background: #ddd; border-radius: 5px; margin: 2em 0 1em; padding: 10px; }
#popinCart .suggestPopin p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.3em; text-transform: uppercase; margin: 0 0 0.5em; }
#popinCart .suggestPopin ul { display: inline-block; background: #fff; border-radius: 5px; margin: 0 auto; }
#popinCart .suggestPopin li { width: 150px; display: inline-block; margin: 0 10px; vertical-align: middle; }
#popinCart .suggestPopin li img { width: 100%; }
#popinCart table th { padding: 5px; background: #a4004d; color: #fff; }
#popinCart table td { padding: 1px 3px; font-size: 0.8em; }
/* Pop-in Rhin-O-Tuff */
#pageProduit .contentProduct .actionsProduit .content a#perfoRhino { background: #b32820; }
#pageProduit .contentProduct .actionsProduit .content a#perfoRhino:hover { background: #333; }
#popinPerfo { font-size: 1.2em; width: 700px; }
#popinPerfo h2 { color: #b32820; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 2em; text-transform: uppercase; text-align: center; margin: 1em 0; }
#popinPerfo table { font-size: 0.9em; text-align: center; margin: 0 auto; }
#popinPerfo table th, #popinPerfo table td { border: 1px solid #ccc; padding: 5px; vertical-align: middle; }
#popinPerfo table thead th, #popinPerfo table thead td { background: #dedede; font-family: 'Roboto', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.2em; }
#popinPerfo table tbody th.bgRed { background: #b32820; color: #fff; text-transform: uppercase; font-weight: bold; }
/* Formulaires */
form .explForm { text-align: center; }
form .explForm em { font-style: italic; display: block; }
form fieldset { margin: 1.5em 0 1em; background: #dedede; border-radius: 5px; padding: 5px 10px 10px; }
form fieldset legend, form label { text-transform: uppercase; }
form fieldset legend { font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #000; font-size: 1.5em; }
form p.lineForm { display: inline-block; vertical-align: top; margin: 0 1% 0.5em; width: 30%; text-align: left; }
form p.lineForm.lineFull { width: 97%; }
form p.lineForm.doubleWidth { width: 63%; }
form p.lineForm label, form p.lineForm input,form p.lineForm textarea, form p.lineForm select { display: block; width: 100%; }
form label.error, form .explForm.error { color: #f00; text-transform: none; }
form p.lineForm input.error,form p.lineForm textarea.error, form p.lineForm select.error { border: 2px solid #f00; }
form p.lineCheckbox { width: 100%; text-align: left; }
form p.lineCheckbox input, .form p.lineCheckbox label { display: inline-block; vertical-align: middle; width: auto; margin: 0 1% 0 0; }
td.fourniPrice .oldPrice, td.tdQty .oldPrice { text-decoration: line-through; font-size: 0.9em; }
td.fourniPrice strong, td.tdQty strong { color: #a4004d; font-size: 1.1em; }
td .fourniOrder { width: 80px; }
td .fourniOrder span, td .fourniOrder input { display: inline-block; vertical-align: middle; text-align: center; }
td .fourniOrder input { text-align: center; border-radius: 4px; width: 40px; }
td .fourniOrder span { width: 14px; height: 14px; line-height: 14px; cursor: pointer; background: #333; color: #fff; border-radius: 7px; }
/* Pop-ins avec formulaire */
.divPopin form .introForm { font-weight: bold; text-align: center; margin: 1.5em 0 1em; font-size: 1.1em; }
.divPopin form .introForm em { font-weight: inherit; text-transform: uppercase; }
.divPopin form .boutonForm { text-align: center; margin: 2em 0 0; }
.divPopin .validForm { font-size: 1.4em; font-weight: bold; margin: 8em 0; text-align: center; }
/* Mon compte */
.fullCompte, .accountPage { background: #fff url(../image/compte/bgMonCompte.jpg) no-repeat center top; color: #000; }
.fullCompte #colCenter, .fullPanier #colCenter { background: 0 none; min-height: 450px; padding-bottom: 30px; }
.fullCompte .content { font-size: 1.2em; padding: 0 20px 20px; }
.fullCompte .content h1, .fullCompte .content h2 { text-align: center; }
.fullCompte h1, .fullPanier h1 { font-size: 2.3em; color: #222; }
.fullCompte .bgIdentification .bgTop , .fullCompte #blocCreation { margin: 0 auto; width: 895px; }
.fullCompte #blocMdp { padding: 20px; background: #fff; opacity: 0.8; border-radius: 10px; text-align: center; }
.fullCompte #blocMdp .lineForm { margin: 1em 0; }
.fullCompte .bgIdentification .bgCenter, .fullCompte .bgIdentification .bgTop, .fullCompte .bgIdentification .bgBottom { background: url(../image/compte/bgIdentification.png) no-repeat; }
.fullCompte .bgIdentification .bgCenter { text-align: center; background-repeat: repeat-y; background-position: center top; padding-bottom: 55px; position: relative; }
.fullCompte .bgIdentification .bgTop { padding-top: 10px; background-position: left top; }
.fullCompte .bgIdentification .bgBottom { padding-bottom: 10px; background-position: right bottom; }
.fullCompte #blocIdentification form { text-align: left; }
.fullCompte #blocIdentification .sousBloc { width: 49%; float: left; }
.fullCompte #blocIdentification .dejaClient { margin: 0 2% 0 0; }
.fullCompte #blocIdentification .contentSousBloc { padding: 0 10px; }
.fullCompte #blocIdentification h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #000; font-size: 1.7em; text-transform: uppercase; }
.fullCompte #customerIdentification .lineForm { width: 100%; }
.fullCompte #customerIdentification .lineForm label { display: inline-block; width: 30%; }
.fullCompte #customerIdentification .lineForm input { display: inline-block; width: 67%; }
.fullCompte #customerIdentification .lineForm label.error { width: 98%; text-align: right; margin: 0 2% 0 0; }
.fullCompte form p.lineForm label, .fullCompte form p.lineForm input, .fullCompte form p.lineForm textarea, .fullCompte form p.lineForm select { height: 20px; line-height: 20px; }
.fullCompte #blocCreation fieldset { background: #fff; opacity: 0.8; }
.fullCompte #blocCreation legend { background: #a4004d; border-radius: 3px; color: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; padding: 3px 5px; }
.fullCompte .contentSousBloc p.boutonForm { position: absolute; bottom: 15px; margin-left: 135px; margin-bottom: 20; }
.fullCompte #blocCreation p.boutonForm { text-align: center; margin: 2em 0 0; }
.fullCompte .explForm { font-weight: bold; margin: 0.7em 0 0.5em; font-size: 1.2em; }
.fullCompte .linkFooNote { display: block; font-size: 0.95em; text-align: right; margin: 0 3% 0 0; text-decoration: underline; }
.fullCompte ul.liExplForm li { text-align: left; font-size: 1.2em; margin: 0 20px; padding: 0 0 0 18px; line-height: 1.3em; background: url(../image/commons/itemList.png) no-repeat left -1px; }
#showBlocIdentification { text-align: right; color: #a4004d; cursor: pointer; text-decoration: underline; }
/* Menu client */
.menuAccount { background: #fff; opacity: 0.8; border-radius: 10px; width:225px;}
.menuAccount ul { margin: 0.7em 0 1.5em; }
.menuAccount ul ul { margin-bottom: 0; }
.accountPage #colCenter { background: 0 none; padding: 0; }
.accountPage #colCenter .content { margin: 20px; background: #fff; opacity: 0.9; border-radius: 10px; padding: 10px 10px 255px; position: relative; }
.accountPage #colCenter .content .blocPubConseil { width: 690px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; opacity: 1; }
.accountPage h1 { margin-top: 0.5em; text-transform: none; font-size: 2em; color: #ff3600; border-bottom: 1px solid #ff3600; }
.accountPage h2 { text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.8em; margin: 1.5em 0 0.5em; }
.accountPage .accountIntro, .accountPage .contentOrder{ font-size: 1.3em; text-align: justify; line-height: 1.2em; padding: 10px; }
.accountPage .accountIntro p, .accountPage .accountIntro ul { margin: 0 0 0.5em; }
.accountPage .lastOrders table,.accountPage .lastOrders p { font-size: 1.3em; width: 80%; margin: 0 auto; }
.accountPage th, .accountPage td { padding: 5px 10px; }
.accountPage th, .accountPage td.likeTh { background: #222; color: #fff; text-transform: uppercase; }
.accountPage td { border-bottom: 1px dotted #666; }
.accountPage .lastOrders td h3 { font-weight: bold; }
.accountPage td img { height: 100px; }
.accountPage .totalAmount td { border: 0 none; }
.accountPage td.likeTh { border-bottom: 1px dotted #666; }
.accountPage p.seeMore { text-align: right; margin: 0.5em auto; }
.accountPage .seeMore a { color: #ff3600; text-decoration: underline; }
.accountPage .seeMore a:hover { color: #666; }
/* Facture */
.accountPage .contentOrder { font-size: 1.1em; }
.accountPage .orderBlockGray { padding: 10px; background: #dedede; border-radius: 10px; margin: 1em 0; }
.accountPage .addressBlock { float: left; width: 48%; margin: 1%; }
.accountPage .orderBlockGray h2 { margin: 0 0 0.7em; font-size: 1.4em; }
.accountPage .addressBlock p { margin: 0.3em 0 0; }
.accountPage .orderBlockGray table { width: 100%; }
.accountPage .contentOrder .orderTable h2 { margin: 0.7em 0 1em; }
.accountPage .contentOrder th { text-align: center; }
.accountPage .contentOrder td img { height: 80px; }
/* Adresses */
.accountPage.customInfo .orderBlockGray { font-size: 1.1em; }
.accountPage.customInfo .orderBlockGray h2 { font-size: 1.6em; }
.accountPage .addressesList li { margin: 0.5em 0; }
.accountPage .addressesList li .titleAddress, .accountPage .addressesList li .addAddress { display: block; font-family: 'Roboto', Arial, Helvetica, sans-serif; background: #a4004d; border-radius: 3px; color: #fff; cursor: pointer; padding: 3px 5px; text-transform: uppercase; font-size: 1.2em; }
.accountPage .addressesList li .addAddress { margin: 0 0 0 69%; text-align: center; }
.accountPage .addressesList li .titleAddress:hover, .accountPage .addressesList li .addAddress:hover { background: #222; }
.accountPage .addressesList li .titleAddress small { display: inline-block; float: right; vertical-align: middle; font-size: 1em; }
.accountPage .addressesList .contentAddress { display: none; padding: 15px 0; }
.accountPage .feedBack { text-align: center; font-weight: bold; margin: 1em 0; font-size: 1.2em; } .accountPage .lastOrders.lastQuotes table, .accountPage .lastOrders.lastQuotes p { width: 100%; } .isNew { font-weight: bold; } td.noBottom { border-bottom: 0 none; } .even td { background: #ededed; } .accountPage .contentOrder .quoteTable td { vertical-align: top; } .accountPage .contentOrder .quoteTable td.alignRight { font-size: 1.1em; } .accountPage .contentOrder .quoteTable td img { float: left; margin: 0 10px 0 0; width: 120px; } .hideTd { height: 120px; overflow: hidden; position: relative; } .hideTd .dispHideTd { position: absolute; bottom: 0; width: 100%; right: 0; padding: 2px 5px; background: #dedede; color: #a4004d; border-radius: 3px; cursor: pointer; text-transform: uppercase; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.3em; text-align: right; } .hideTd .dispHideTd:hover { color: #333; } .accountPage .contentOrder .payP { margin: 0 0 1em; } .accountPage .contentOrder .commQuote p { font-size: 1.2em; line-height: 1.2em; text-align: center; } .accountPage .contentOrder .contentRIB { font-size: 1.1em; margin: 1em 0; background: #fff; } .accountPage .contentOrder .contentRIB table { margin: 1em auto 0.5em; border: 1px solid #666; } .accountPage .contentOrder .contentRIB table table { margin: 0 0 0.3em; border: 0 none; font-size: 0.9em; } .accountPage .contentOrder .contentRIB th { background: 0 none; color: #333; font-weight: bold; } .accountPage .contentOrder .contentRIB td.borderRight { border-right: 1px solid #666; } .accountPage .contentOrder form#downloadQuote p { text-align: center; } .accountPage .contentOrder form#downloadQuote p.boutonForm { margin: 1em 0 0; font-size: 0.8em; }
/* Panier */
.fullPanier { background: url(../image/panier/bgMonPanier.jpg) no-repeat scroll center 80px #fff; color: #000; padding-top: 0; }
.fullWidth #colCenter { padding-top: 0; }
.fullPanier .content { margin: 0 20px 20px; }
.fullPanier h1 { margin-top: 0.5em; font-size: 2.5em; }
.fullPanier .processCart { height: 100px; }
.fullPanier .processCart ul li { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.8em; float: left; position: relative; height: 40px; border-bottom: 2px solid #ccc; color: #000; text-transform: uppercase; width: 20%; text-align: center; }
.fullPanier .processCart ul li.active, .fullPanier .processCart ul li.validated { border-bottom: 2px solid #000; }
.fullPanier .processCart ul li span, .fullPanier .processCart ul li a { display: block; position: absolute; width: 100%; top: -10px; display: block; padding-top: 65px; background: url(../image/panier/processCart.png) no-repeat center -145px; color: #aaa; }
.fullPanier .processCart ul li.validated span, .fullPanier .processCart ul li.validated a { background-position: center -71px; color: #000; }
.fullPanier .processCart ul li.active span, .fullPanier .processCart ul li.active a { background-position: center 3px; color: #ce0034; }
.fullPanier .processCart ul li.validated span:hover, .fullPanier .processCart ul li.validated a:hover { background-position: center 3px; }
.fullPanier .cartBlock{ padding-bottom: 10px; background: url(../image/commons/opacity.png); }
.fullPanier .variousBlock { padding: 20px; background: url(../image/commons/opacity.png); border-radius: 10px; }
.fullPanier .cartBlock table { width: 100%; }
.fullPanier .cartBlock table th, .fullPanier .cartBlock table td.likeTh { background: #333; color: #fff; font-size: 1.4em; font-family: 'Roboto', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 5px 20px; }
.fullPanier .cartBlock table th.thNum {width: 15%; text-align: center;}
.fullPanier .cartBlock table th.thDel {width: 5%;}
.fullPanier .cartBlock table td { font-size: 1.2em; padding: 10px 20px; vertical-align: middle; border-bottom: 1px dotted #bbb; }
.fullPanier .cartBlock table td.noBorder { border-bottom: 0 none; }
.fullPanier .cartBlock table td.tdPrice {text-align: right; font-size: 1.4em; line-height: 1em;}
.fullPanier .cartBlock table td.tdPrice .oldPrice, .fullPanier .cartBlock table td.tdPrice .tipPromo {display: block;}
.fullPanier .cartBlock table td.tdPrice .oldPrice {text-decoration: line-through; font-size: 0.85em;}
.fullPanier .cartBlock table td.tdPrice .tipPromo {color: #ad002c; font-family: 'Roboto', Arial, Helvetica, sans-serif;}
.fullPanier .cartBlock table td.tdQty {text-align: center; font-size: 1.4em;}
.fullPanier .cartBlock table td img { float: left; margin: 0 10px 0 0; width: 100px; }
.fullPanier .cartBlock td .fourniOrder span { font-size: 1.1em; }
.fullPanier .cartBlock td .delRef { display: inline-block; width: 16px; height: 16px; background: url(../image/panier/delItem.png) no-repeat center center; cursor: pointer; }
.fullPanier .cartBlock td .delRef span { display: none; }
.fullPanier .shippingBlock { font-size: 1.4em; text-align: center; margin: 1em 20px; }
.fullPanier .shippingBlock strong { color: #ad002c; }
.fullPanier .codeReduction { font-size: 1.4em; margin: 1em 0; padding: 10px 20px 10px 45px; background: #dedede url(../image/panier/iconGift.png) no-repeat 15px center; border-radius: 5px; }
.fullPanier .codeReduction label, .fullPanier .codeReduction input { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.fullPanier input.inputLink { background: 0 none; border: 0 none; color: #ad002c; text-decoration: underline; font-family: 'Roboto', Arial, Helvetica, sans-serif; cursor: pointer; font-size: 1.1em; }
.fullPanier p.boutonForm { text-align: center; margin: 1em 0; font-size: 1.8em; }
.fullPanier .cartBlock p.boutonForm { font-size: 0.8em; }
.fullPanier .emptyCart { text-align: center; padding: 2em; background: url(../image/commons/opacity.png); border-radius: 10px; font-size: 1.7em; font-weight: bold; }
.paymentPage label.likeP { display: block; margin: 0 0 1em; font-size: 1.6em; text-transform: none; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
.paymentPage form, .paymentPage #selectShipping { font-size: 1.4em; }
.paymentPage form ul { margin: 0 auto; }
.paymentPage form li { display: inline-block; width: 20%; padding: 0 2%; margin: 1% 0; border-right: 1px dotted #aaa; vertical-align: top; text-align: center; position: relative; padding-bottom: 40px; }
.paymentPage form li.last { border: 0 none; }
.paymentPage form li span, .paymentPage form li small { display: block; }
.paymentPage form li .titlePay, #selectShipping h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.2em; margin: 0 0 0.7em; }
.paymentPage form li small { text-align: justify; margin: 1em 0 0; }
.paymentPage form li .checkPay { position: absolute; bottom: 10px; width: 80%; }
.paymentPage form li img { border-radius: 5px; }
.paymentPage p.boutonForm { font-size: 1.2em; }
.paymentPage p.validCGV a { text-decoration: underline; }
.paymentPage #feedBack { text-align: center; margin: 1em 0; }
#selectShipping h2 { font-size: 1.4em; }
#selectShipping h2.alignCenter { font-size: 1.8em; margin: 1em 0 0.5em; }
#selectShipping .addrBlock { background: no-repeat 10px 30px; width: 50%; font-size: 0.9em; min-height: 170px; }
#selectShipping .addrBlock p { margin: 0 0 0.3em; }
#selectShipping .addrBlock p.changeAddress { margin: 0.7em 0 0; text-align: center; }
#selectShipping .addrBlock p.changeAddress a { display: inline-block; color: #ad002c; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 0 0 0 15px; line-height: 15px; background: url(../image/panier/iconEdit.png) no-repeat left center; }
#selectShipping .billingAddrBlock {float: left; background-image: url(../image/panier/bgBilling.png);}
#selectShipping .shippingAddrBlock {float: right; background-image: url(../image/panier/bgShipping.png);}
#selectShipping .addrBlockContent { padding: 10px 10px 10px 150px; }
#selectShipping .cartBlock { font-size: 0.7em; }
#selectShipping .cartBlock .payMethod { text-transform: uppercase; font-weight: bold; font-size: 1.5em; }
#selectShipping .payExplain { margin: 1em 0 0; background: #cecece; border-radius: 10px; padding: 20px; }
#selectShipping .payExplain .boutonForm { font-size: 0.7em; }
/* Marques */
.fullBrand #colCenter { width: 730px; font-size: 1.2em; padding: 0; }
.fullBrand #colCenter .content { padding: 15px; }
.fullBrand #colCenter h1 { font-family: 'Roboto', Arial, Helvetica, sans-serif; border-bottom: 1px solid #999; font-size: 2.6em; text-transform: uppercase; margin: 0.5em 0 1em; padding: 0 0 0 1%; }
.fullBrand #colCenter h2, .fullBrand #colCenter .H2marque { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.6em; margin: 1em 0 0.5em; display: block; }
.fullBrand #colCenter .prodBrand .H2marque { text-align: center; margin: 2em 0 0.5em; }
.fullBrand #colCenter .presBrand p { text-align: justify; margin: 0.3em 0 0.3em 1em; }
.fullBrand #colCenter .presBrand .txtBrand h3{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; margin: 0.5em 0 0.5em 0.5em; }
.fullBrand #colCenter .presBrand .txtBrand h4{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0.3em 0 0.3em 1em; }
.fullBrand #colCenter .presBrand .txtBrand ul{ margin: 0.5em 0 0.5em 0; }
.fullBrand #colCenter .presBrand .txtBrand ul li{ margin: 0 1em 5px 1em; }
.fullBrand #colCenter .presBrand .txtBrand table {margin: 0.5em auto; font-size: 0.9em;}
.fullBrand #colCenter .presBrand .txtBrand table th, .fullBrand #colCenter .presBrand .txtBrand table td {padding: 0.3em;}
.fullBrand #colCenter .presBrand .txtBrand table th {font-weight: bold; text-transform: uppercase;}
.fullBrand #colCenter .imgBrand { float: left; margin: 5px 10px 10px 0; }
.fullBrand #colCenter .ulProdBrand { text-align: justify; }
.fullBrand #colCenter .ulProdBrand li { display: inline-block; vertical-align: bottom; width: 24%; text-align: center; }
.fullBrand #colCenter .ulProdBrand.liOne li{width: 100%;}
.fullBrand #colCenter .ulProdBrand.liTwo li {width: 49%;}
.fullBrand #colCenter .ulProdBrand.liThree li {width: 33%;}
.fullBrand #colCenter .ulProdBrand li a { display: block; text-transform: uppercase; font-weight: bold; }
.fullBrand #colCenter .ulProdBrand li a img { width: 100%; max-width: 200px; }
.fullBrand #colCenter .ulProdBrand li a .titleProd { display: block; background: #ccc; color: #333; padding: 5px 10px; font-size: 0.9em; }
.fullBrand #colCenter .ulProdBrand li a:hover .titleProd { background: #000; color: #fff; }
.fullBrand #colRight { width: 240px; }
.fullBrand #colRight .contactRight { margin: 70px 10px 20px; background: #000; font-size: 1.2em; font-family: 'Roboto', Arial, Helvetica, sans-serif; text-align: center; }
.fullBrand #colRight .contactRight .bgManColRight { padding: 0 0 201px; background: url(../image/commons/bgManColRight.jpg) #dedede no-repeat center bottom; }
.fullBrand #colRight .contactRight h3 { font-size: 1.5em; padding: 0 0 0.3em; }
.fullBrand #colRight .contactRight h3 big { font-size: 1.3em; }
.fullBrand #colRight .contactRight .txtManColRight { color: #fff; padding: 10px; font-size: 1.2em; line-height: 1.1em; }
.fullBrand #colRight .contactRight .txtManColRight #ecrireGC { margin: 0.3em 0 0; font-size: 1.1em; text-transform: uppercase; }
/* Plan site */
#colCenter #planSite ul { font-family: 'Roboto', Arial, Helvetica, sans-serif; }
#colCenter #planSite li { font-size: 1.7em; margin: 0 0 0 1em; }
#colCenter #planSite li .coverLink { font-size: 1.1em; text-transform: uppercase; background: #ccc; display: block; padding: 0.1em 0.3em; }
#colCenter #planSite li a, #colCenter #planSite li { color: #333;}
#colCenter #planSite li li, #colCenter #planSite li.liConsoClear li { font-size: 0.9em; float: left; width: 29%; margin: 2%; vertical-align: top; }
#colCenter #planSite li li li, #colCenter #planSite li.liConsoClear, #colCenter #planSite li.liConsoClear li li{ margin: 0 0 0 2em; float: none; width: auto; }
#colCenter #planSite li.liConsoClear { clear: left; }
#colCenter #planSite li li a, #colCenter #planSite li li { color: #ae2a59;}
#colCenter #planSite li li li a, #colCenter #planSite li li li { color: #6e6e70;}
#colCenter #planSite li li li li a, #colCenter #planSite li li li li { color: #6e6e70;}
#colCenter #planSite li li li li li a, #colCenter #planSite li li li li li { color: #6e6e70;}
#colCenter #planSite li li li li li li a, #colCenter #planSite li li li li li li a { color: #6e6e70;}
@media print { #top, #colLeft, #colRight, #footer, .blocPubConseil, .fooExplMore, .filtreProduits { display: none !important; } .fooExplFull { display: block !important; } #colCenter { float: none !important; } }
.Button-menu{
 font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.6em; width: 220px; height: 50px; padding-top: 7px; /*permet le centrage vertical*/ text-align: center; color: #000; background: #008fa4; background: linear-gradient( #9fd8e0, #008fa4); border-radius: 8px; text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2); box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4); margin-bottom:13px; }
.afficheResultat{
 color: #a4004d;
 font-size: 1.7em; }
.Button-menu:hover{ color: #222; background: #9fd8e0; background: linear-gradient( #179aae, #0c7180); }
.Button-menu:active{ color: #000; background: #008fa4; background: linear-gradient( #9fd8e0, #008fa4); box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4); }
.Button-menudisabled{
 font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.6em; width: 220px; height: 50px; padding-top: 7px; /*permet le centrage vertical*/ text-align: center; color: #000; background: #008fa4; background: linear-gradient( #9fd8e0, #008fa4); border-radius: 8px; text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2); box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4); margin-bottom:13px; }
.Button-menudisabled:hover{ color: #000; background: #008fa4; background: linear-gradient( #9fd8e0, #008fa4); }
.suivant1{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.5em; width: 130px; height: 35px; padding-top: 0px; /*permet le centrage vertical*/ text-align: center; color: #FFF; background: #a4004d; background: linear-gradient( #ff9aca, #a4004d); border-radius: 8px; text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2); box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4); position:relative; left: 355px; top: 0px; }
.suivant{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.5em; width: 130px; height: 35px; padding-top: 0px; /*permet le centrage vertical*/ text-align: center; color: #FFF; background: #a4004d; background: linear-gradient( #ff9aca, #a4004d); border-radius: 8px; text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2); box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4); position:relative; left: 355px; top: 5px; }
.recommence{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.5em; width: 130px; height: 35px; padding-top: 0px; /*permet le centrage vertical*/ text-align: center; color: #FFF; background: #a4004d; background: linear-gradient( #ff9aca, #a4004d); border-radius: 8px; text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2); box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4); position:relative; left: 354px; top: 2px; }
.SelectDestructeur{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.6em; color: #a4004d; vertical-align:middle; margin-left:30px; padding-top:15px; }
.SelectDestructeur img{ vertical-align:middle; }
.niveauSecu{ float: left; width: 50px; margin-left: 15px; text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #a4004d; }
.nbutil{ float: left; width: 66px; margin-left: 15px; text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #a4004d; }
.materiaux{ text-align: left; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #a4004d; padding-left:244px; }
.materiaux span{ padding-left:82px; }
.materiaux2{ text-align: left; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #a4004d; padding-left:244px; }
.materiaux2 span{ padding-left:147px; }
.materiaux3{ text-align: left; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #a4004d; padding-left:244px; }
.materiaux3 span{ padding-left:82px; }
.option{ width: 100%; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #a4004d; padding-left:244px; }
.option span{ padding-left:50px; }
.titreRecherche{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.8em; color: #a4004d; text-align:center; display: block; margin:5px 0 5px 0; }
.imgRecherche{ margin-left:20px; color:#ccc; position: relative; text-shadow:0 -1px 0 black; display: inline-block; }
.imgRecherche:hover,.imgRecherche:focus{ box-shadow:0 1px 0 rgba(255,255,255,.4); }
.imgRecherche span{ position:absolute; margin-top:0px; margin-left:-150px; font-size: 0.8em; color:#09c; background:rgba(0,0,0,.9); padding:15px; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,.5); transform:scale(0) rotate(-12deg); display: none; width:300px; text-transform : none; z-index:2; }
.imgRecherche:hover span,.imgRecherche:focus span{ display: block; transform:scale(1) rotate(0); transition:all
.25s; }
.nivRecherche{ float: left; width: 55px; text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #a4004d; }
.nivRecherche:hover,.nivRecherche:focus{ box-shadow:0 1px 0 rgba(255,255,255,.4); }
.nivRecherche span{ position:absolute; margin-top:23px; margin-left:-150px; font-size: 0.8em; color:#09c; background:rgba(0,0,0,.9); padding:15px; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,.5); transform:scale(0) rotate(-12deg); opacity:0; text-transform : none; z-index:2; }
.nivRecherche:hover span, .nivRecherche:focus span{ transform:scale(1) rotate(0); transition:all
.25s; opacity:1; }
.imgTypeCoupe{ position:relative; top:0px; left:18px; margin-bottom:-7px; }
.corbeille{ color:#008fa4; font-size: 0.7em; }
.corbeille p{ position:relative; top:-7px; left:0; margin-right:-9px; }
.TitreNbUti{ font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.8em; color: #a4004d; text-align:center; display: block; margin:5px 0 5px 0; }
.imgNbUti{ margin-left:20px; color:#ccc; position: relative; text-shadow:0 -1px 0 black; display: inline-block; }
.imgNbUti:hover,.imgNbUti:focus{ box-shadow:0 1px 0 rgba(255,255,255,.4); }
.imgNbUti span{ position:absolute; margin-top:0px; margin-left:-170px; font-size: 0.8em; color:#09c; background:rgba(0,0,0,.9); padding:15px; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,.5); transform:scale(0) rotate(-12deg); display: none; width:300px; text-transform : none; z-index:2; }
.imgNbUti:hover span,.imgNbUti:focus span{ display: block; transform:scale(1) rotate(0); transition:all .25s; }
/* Bloc produits déjà vus */
.visitedMachines { margin: 1em 0; font-family: 'Roboto',Arial,Helvetica,sans-serif; background: #ededed; border-radius: 10px; position: relative; }
.visitedMachines h4 { background:#a4004d; border-bottom-right-radius: 5px; border-top-right-radius: 5px; color: #fff; display: inline-block; margin: 0 0 1em; padding: 2px 10px; color: #fff; font-size: 1.3em; text-transform: uppercase; position: relative; top: -0.8em; }
.visitedMachines ul li { display: inline-block; width: 20%; margin: 1em 2%; vertical-align: top; text-align: center; font-size: 1.2em; }
.visitedMachines ul li img { width: 100%; }
/* Brands */
.destructeurFellowes { background: url(../image/marque/specials/fellowes/bgGlobal.png) #fff repeat-x center top fixed;}
.destructeurFellowes body { background: url(../image/marque/specials/fellowes/logoDestr.png) transparent no-repeat 3em top fixed;}
.destructeurFellowes #blocTopLiens a{ color: #fff;}
/* Special categories intro */
.blocIntroC { font-size: 1.3em; margin: 0 0 1em;}
.blocIntroC h3 {font-family: 'Roboto', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #a4004d; font-size: 1.6em; margin: 0.3em 0 0.4em;}
.blocIntroC p, .blocIntroC li { text-align: justify; margin: 1.5em 0;}
.blocIntroC .threeCols, .blocIntroC .threeCols p, .blocIntroC .threeCols h4 {text-align: center;}
.blocIntroC .threeCols li {display: inline-block; vertical-align: top; width: 30%; margin: 0.7em 1%;}
.blocIntroC .threeCols li a {display: block;} 
.blocIntroC .threeCols li img {display: block; margin: 0 auto 0.5em;}
.blocIntroC .threeCols h4 {font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.2em;}
.blocSelection {margin: 1% 1% 1.5em; text-align: center;}
.blocSelection img {width: 100%;}

/*------------------------------------------------------------------------------------------------*/

/*page comment choisir une reliure*/

/*reliure par perforation*/
.blocchoixreliure .choixreliureleft{
    float:left;
    padding-right:75px;
}

.blocchoixreliure .choixreliureright{
    float:right;
    padding-left:75px;
}

.blocchoixreliure .choixreliurecenter{
    display:inline-block;
    width:33%;
    text-align:center;
}

/*reliure par encollage*/
.blocchoixreliure2 .choixreliureleft2{
    float:left;
    padding-right:60px;
    padding-left:60px;
    text-align:center;
}

.blocchoixreliure2 .choixreliureright2{
    float:right;
    padding-right:60px;
    padding-left:60px;
    text-align:center;
}


@media (max-width:720px) {
     
     /*reliure par perforation*/
     
    .blocchoixreliure {
        background-image: none !important;
        background-color:#720107;
     }
    
    .blocchoixreliure .choixreliureleft{
        width:100%;
        padding-right:0px;
    }
    
    .blocchoixreliure .choixreliureright{
        width:100%;
        padding-left:0px;
    }
  
    .blocchoixreliure .choixreliurecenter{
        width:100%;
    }  
    
    .blocchoixreliure .choixreliurecenter ul{
        padding-bottom:10px;
    }
    
    /*reliure par encollage*/
    .blocchoixreliure2 {
        background-image: none !important;
        background-color:#0067a9;
     }
     
     .blocchoixreliure2 .choixreliureleft2{
        width:100%;
        padding:0px;
    }
    
    .blocchoixreliure2 .choixreliureright2{
        width:100%;
        padding:0px;
    }
}