/* + -----------------------------------------------------
	sidebar
+ ----------------------------------------------------- */
/*section#left-bar{top: 130px;background: #FFF;width: 250px;bottom: 0;position: fixed;visibility: visible;left: 0;z-index: 100;}*/
section#left-bar{
    top: 132px;
    background: #FFF;
    width: 250px;
    bottom: 0;
    position: absolute;
    visibility: visible;
    left: 0;
    z-index: 100;
}

section#left-bar.fixed{
	position:fixed;
	top : 132px;
}
section#left-bar .left-bar-nav{border-bottom: 1px solid #D8D8D8;padding: 0 22px;}
section#left-bar .left-bar-nav h2{height: 40px;line-height: 40px;display: inline-block;}
section#left-bar .left-bar-nav h2 a{display: block}
section#left-bar .left-bar-nav h2:nth-child(2){/*margin: 0 14px;*/margin:0 0 0 60px;}
section#left-bar .left-bar-nav h2:hover, section#left-bar .left-bar-nav h2.active{border-bottom:solid #1b7fcc 3px;}

section#left-bar .scrollable{position: absolute;bottom: 0;top: 0px;overflow: hidden;width: 250px;}


/* + -----------------------------------------------------
	sidebar - Panels
+ ----------------------------------------------------- */

.panel, .selection-panel{position: absolute;bottom: 0;top: 0px;overflow-y: auto;overflow-x: hidden;width: 268px;}
.panel h3, .selection-panel h3{margin: 4px 0;padding-top: 3px;font-size: 11px;font-weight: bold;text-transform: uppercase;padding: 8px 22px;width: 250px;}
.panel h3 a, .selection-panel h3 a{color: #1b7fcc;display: block;}
.panelHide{display:none;}

#panel-home{}
#panel-home .thematiques ul#list_thm li{padding:0px 18px 0 22px;}
#panel-home .thematiques ul#list_thm li a{color:black;display: block;position: relative;padding: 8px;}
#panel-home .thematiques ul#list_thm li:hover{background: #1b7fcc;}
#panel-home .thematiques ul#list_thm li:hover ul.ulChild li a{background: transparent;}
#panel-home .thematiques ul#list_thm li:hover ul.ulChild li:hover a{background: #1b7fcc;}
#panel-home .thematiques ul#list_thm li:hover > ul.ulChild,ul.ulChild:hover{display:block !important;}
#panel-home .thematiques ul#list_thm li.active{background: #1b7fcc;}
#panel-home .thematiques ul#list_thm li:hover a, #panel-home .thematiques ul#list_thm li.active a{color:white;}

#panel-home .thematiques ul#list_thm li ul.ulChild{position: fixed;display: none;left: 250px;background-color: #FFF;border-top: solid #D8D8D8 1px;border-right: solid #D8D8D8 1px;border-bottom: solid #D8D8D8 1px;margin-top: -29px;/* padding: 10px; */max-width: 218px;width: 100%;/* padding-top: 13px; */}
#panel-home .thematiques ul#list_thm li ul.ulChild li{padding: 0;}
#panel-home .thematiques ul#list_thm li ul.ulChild li a{color:black;}
#panel-home .thematiques ul#list_thm li ul.ulChild li a:hover,#panel-home .thematiques ul#list_thm li ul.ulChild li.active a{color:white;}

#panel-home #hottopics{/*height:500px;*/margin:0 11px 0 0;}
#panel-home #hottopics .hottopic{margin-bottom:10px;}

#panel-basket{}
#panel-basket div.entetePanel{background: #262626;font-size: 13px;text-transform: uppercase;color: #FFF;padding: 0 10px 0 25px;cursor: pointer;max-width: 250px;position:relative;}
#panel-basket div.entetePanel p{height:50px;line-height: 50px;display: inline-block}
#panel-basket div.entetePanel p span{line-height: normal;vertical-align: middle;}
#panel-basket div.entetePanel div.ctrl_oeil{display: inline-block;float: right;margin-top: 14px;}
#panel-basket div.entetePanel div.ctrl_caddie{display: inline-block;float: right;margin-top: 14px;}
#panel-basket div.entetePanel div.ctrl_caddieW{display: inline-block;margin-left: 10px;vertical-align: middle;}


#panel-basket .arrow_box {
	position: absolute;
    right: 22px;
    top: 28px;
}

#panel-basket .arrow_box.bas {
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
     top: 22px;
}

#panel-basket .arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#panel-basket .arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #262626;
	border-width: 8px;
	margin-left: -8px;
}

#panel-basket .arrow_box.blue:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #3d8ecd;
	border-width: 8px;
	margin-left: -8px;
}

#panel-basket .arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: white;
	border-width: 10px;
	margin-left: -10px;
}

#panel-basket ul#thematiques{margin-left: 22px;margin-top:22px;}
#panel-basket ul#thematiques li{font-size: 22px;height: 28px;line-height: 28px;margin-bottom: 12px;}
#panel-basket ul#thematiques li.active{color: #A00D59;border-bottom: solid #A00D59 1px;display: inline-block;}

#panel-basket div.cssmenu{}
#panel-basket div.cssmenu ul:first-child{/*margin-bottom: 1em;*/}
#panel-basket div.cssmenu ul:first-child li{font-size: 12px;padding: 0px 20px;padding-right: 22px;}
#panel-basket div.cssmenu ul:first-child li form{padding-right: 0;max-width: 206px;}
#panel-basket div.cssmenu ul:first-child li form select{width: 100%;border: 0;border-bottom: solid #000 1px;margin-top: 10px;}

#panel-basket #panier_content{max-height:250px;padding:16px 0 0 20px;overflow: auto;width: 250px;}

#panel-basket hr{border: 0;border-top: solid #000 1px;margin-left: 18px;margin-right: 0;margin-bottom: 4px;max-width: 206px;}

#panel-basket ul#actionPanier li{font-size: 12px;position: relative;}
#panel-basket ul#actionPanier li div[class^=ctrl_]{display: inline-block}
#panel-basket ul#actionPanier li.child::before{content:'';background-image: url(../img/spritesheet.png);background-repeat: no-repeat;display: inline-block;width: 10px;height: 10px;background-position: -187px -10px;position: absolute;top: 8px;left: 10px;}

#panel-basket ul#actionPanier li a{display: inline-block;position: relative;padding:4px 22px;text-transform: uppercase;}
#panel-basket ul#actionPanier li a span{vertical-align: middle;display: inline-block;}
#panel-basket ul#actionPanier li a span span{vertical-align: bottom;line-height: 20px;}
#panel-basket ul#actionPanier li a span span span{line-height:20px;vertical-align: top;}

#panel-basket ul#actionPanier li div.Child{display:none;background:#fff;border-top:solid #fff 1px;border-bottom:solid #fff 1px;border-right:solid #fff 1px;}
#panel-basket ul#actionPanier li div.Child div{padding:10px 22px}
#panel-basket ul#actionPanier li div.Child div ul li{padding: 8px 0 8px 32px;}
#panel-basket ul#actionPanier li div.Child div ul li a{color:#6D6D6D;padding:0;}

#panel-basket ul#actionPanier li.active, #panel-basket ul#actionPanier li:hover{/*color:white;background: #1B7FCC;*/}
#panel-basket ul#actionPanier li.active a,#panel-basket ul#actionPanier li:hover a{opacity:.5;}
#panel-basket ul#actionPanier li.active div.Child,#panel-basket ul#actionPanier li:hover div.Child{display:none;/*background:#f1f1f1;*/border-top:solid #fff 1px;border-bottom:solid #fff 1px;border-right:solid #fff 1px;font-weight: normal;}
#panel-basket ul#actionPanier li.active div.Child ul li,#panel-basket ul#actionPanier li:hover div.Child ul li{padding: 8px 0 8px 22px;}
#panel-basket ul#actionPanier li.active div.Child a, #panel-basket ul#actionPanier li:hover div.Child a{color: #868789;padding: 0;opacity: 1;text-transform: capitalize;}
#panel-basket ul#actionPanier li.active div.Child a:hover{color:#000;}
#panel-basket ul#actionPanier li.active div.Child ul li:hover{background: transparent;}

#panel-basket div.entetePanel.filtres{background:#3d8ecd;position:relative;}
#panel-basket div.entetePanel.filtres + div + div ul li{font-size: 13px;position: relative;margin-bottom: 10px;}
#panel-basket div.entetePanel.filtres + div + div ul li.child::before{content: '';background-image: url(../img/spritesheet.png);background-repeat: no-repeat;display: inline-block;width: 10px;height: 10px;background-position: -42px -40px;position: absolute;top: 8px;left: 10px;}
#panel-basket div.entetePanel.filtres + div + div ul li.child.active::before{content: '';background-image: url(../img/spritesheet.png);background-repeat: no-repeat;display: inline-block;width: 10px;height: 10px;background-position: -198px -10px;position: absolute;top: 8px;left: 10px;}
#panel-basket div.entetePanel.filtres + div + div ul li a{display: inline-block;position: relative;padding:4px 22px 10px 22px;text-transform: uppercase;}
#panel-basket div.entetePanel.filtres + div + div ul li a span{vertical-align: middle;display: inline-block;}
#panel-basket div.entetePanel.filtres + div + div ul li a span span{vertical-align: bottom;line-height: 20px;font-size: 12px;}
#panel-basket div.entetePanel.filtres + div + div ul li li a span span span{line-height:20px;vertical-align: top;}

#panel-basket div.entetePanel.filtres + div + div ul li.child ul{padding-left: 22px;}
#panel-basket div.entetePanel.filtres + div + div ul li.child ul li{margin-bottom: 4px;font-size:11px;}
#panel-basket div.entetePanel.filtres + div + div ul li.child ul li a{color:#868789}

#panel-keywords ul.thesaurus li a{text-transform: capitalize;}
#panel-keywords ul.thesaurus li a.active{color:#1b7fcc;}
#panel-keywords ul.thesaurus li a:hover{color:#1b7fcc;}
#panel-keywords ul.thesaurus li ul.thesaurus-child{padding-left:17px;}

@media only screen and (min-width: 320px) {

}

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

}

@media only screen and (min-width: 1024px) {

}