@import '//fonts.googleapis.com/css?family=Playfair+Display:400,400i';
@import '//fonts.googleapis.com/css?family=Raleway';

/***onglet soldes***/
/*.navbar-nav > li.promomenu > a {color: #06c7c0!important;background-color: transparent!important;}
.navbar-nav > li.promomenu > a:hover, .navbar-nav > li.promomenu.open > a {color: #fff!important;background-color: #06c7c0!important;}*/
.navbar-nav > li.vfmenu > a {color: #2499a8!important;background-color: transparent!important;}
.navbar-nav > li.vfmenu > a:hover, .navbar-nav > li.vfmenu.open > a {color: #fff!important;background-color: #2499a8!important;}
/***Bandeaux soldes***/
.bandeaupl{width:100%!important}
.bandeaupl .band-image-fem{background: url(http://static-2.unclejeans.com/var/winstore/storage/images/media/images/bannieres-promos-soldes/soldes/2016-07-19/lp-femme/1445525-1-fre-FR/lp-femme.jpg) no-repeat;width: 25%;display: inline-block;vertical-align: bottom;background-size: 100% auto;background-position: center;height: 200px;}
.bandeaupl .band-image-hom{background: url(http://static-2.unclejeans.com/var/winstore/storage/images-versioned/1445530/1-fre-FR/lp-homme3.jpg) no-repeat;width: 25%;display: inline-block;vertical-align: bottom;background-size: 100% auto;background-position: center;height: 200px;}
.bandeaupl .band-liens{width:75%; display:inline-block;vertical-align:top;}
.bandeaupl .titre{text-align:center; font-family:'montserratregular', arial, sans-serif; font-size:20px;text-transform:uppercase;}
.bandeaupl .titre span{color:#06c7c0}
.bandeaupl .band-liens ul{width:33.33%;text-align:left; display:inline-block; margin:20px 0;}
.bandeaupl ul li.nobd {border-left:none;}
.bandeaupl ul li {line-height:20px;border-left:1px solid #ccc;padding-left:20px;}
/*.bandeaupl ul li span{font-family:'misoregular',Arial,Helvetica,sans-serif; font-size:14px;margin-right:10px;}*/
.bandeaupl ul li a{color:#000;font-family:Arial,Helvetica,sans-serif; font-size:10px;text-transform:uppercase;font-weight:bold;  }
.bandeaupl ul li a.othercol{color:#c93e42}
.bandeaupl ul li a.italic{font-style:italic;}

.bloc-bandeau { background: #ffffff;}
.smallpush {display: none}
.bloc-image .bandl, .bloc-image .bandr {
    float: left;
    width: 50%;
}
/********************************************/
 /*  Tendances */
#troiscol { margin-top:40px;}
#troiscol .colonne {display:inline-block; width:33.33%; float:left;margin-top:0px;}
#troiscol:after{content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;}
#troiscol div:nth-child(4) {/*margin-top:10px;*/}
#troiscol .colonne .itemcol {width:95%; margin-bottom:20px; opacity:1;/*border:1px solid #ccc;*/
	-moz-box-shadow: 1px 2px 5px 0px #ccc;
-webkit-box-shadow: 1px 2px 5px 0px #ccc;
-o-box-shadow: 1px 2px 5px 0px #ccc;
box-shadow: 1px 2px 5px 0px #ccc;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=153, Strength=5);}
.shadow{-moz-box-shadow: 1px 2px 5px 0px #ccc;
-webkit-box-shadow: 1px 2px 5px 0px #ccc;
-o-box-shadow: 1px 2px 5px 0px #ccc;
box-shadow: 1px 2px 5px 0px #ccc;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=153, Strength=5);}
#troiscol .colonne .itemcol:hover {opacity:0.8}
#troiscol .txt-tendance{font-family:Arial, Helvetica, sans-serif;font-size:16px; font-weight:bold;margin-top:20px;line-height:20px;}
#troiscol img{max-width:100%; /*border-bottom:2px solid #fff;*/}
#troiscol .colonne .itemcol a{display:block; width:100%; text-transform:uppercase; line-height:35px;font-family:'Raleway', Arial, Helvetica, sans-serif;font-size:15px; color:#2499a8; text-decoration:none;font-weight:bold;}
#troiscol .colonne .itemcol a img{width:100%; margin:auto}
.chevron {background:url(http://static-2.unclejeans.com/img/btn_arrow_blanc.png) no-repeat right;display:inline-block; width:20px; }

.titre-carnet{font-family:'Raleway', Arial, Helvetica, sans-serif;font-size:27px;text-transform:uppercase;text-align:center;letter-spacing:2px;padding-bottom:10px;}
.titre-carnet span{font-family:'Playfair Display', serif;font-size:57px;text-transform:none;font-weight:bold;letter-spacing:1px;}
.txt-carnet{margin: 25px 25%;font-style:italic; font-family:'Playfair Display', serif;font-size:13.5px;letter-spacing:1px;}

.border-shad{width:100%;height:1px;-moz-box-shadow: 0px 1px 5px 0px #ddd;
-webkit-box-shadow: 0px 1px 5px 0px #ddd;
-o-box-shadow: 0px 1px 5px 0px #ddd;
box-shadow: 0px 1px 5px 0px #ddd;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ddd, Direction=145, Strength=5);
}
#resoso{text-align: right;}
#haut-carnet{margin:50px 0;}
#haut-carnet:after{content:"."; display:block; height:0; clear:both; visibility:hidden; zoom:1;}
#haut-carnet #dernier{width:49%;float:left;border-top:2px solid #000;}
#haut-carnet #dernier p, #bas-carnet p{margin-left: 30px;padding-right:10px;padding-bottom:15px;font-style:italic; font-family:'Playfair Display', serif;font-size:13.5px;letter-spacing:1px;}
#haut-carnet #meilleurs{width:49%;float:right;border-top:2px solid #000;}
#troiscol h2{font-family:'Playfair Display', serif;text-transform:uppercase;letter-spacing:1px;margin-left: 30px; background:#fff; text-align:center;margin-top:10px;}
#troiscol #haut-carnet h3, #troiscol #bas-carnet h3{font-family:'Raleway', Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:1px;margin-left: 30px; background:transparent url(../var/winstore/storage/images/media/images/blog/carnet-de-style/trait-bleu/1452731-1-fre-FR/trait-bleu.jpg) no-repeat top left;padding-top:20px;margin-bottom:10px;font-weight:bold; font-size:13.5px;line-height:20px;margin-bottom:0;}
#haut-carnet #dernier h3{font-size:18px;color:#2499a8;}
#haut-carnet #meilleurs h3{padding-right:10px;}
#haut-carnet #dernier h3 a{color:#2499a8;}
div[class^="shadow article"]{min-height:270px;}
#haut-carnet #meilleurs .article1, #haut-carnet #meilleurs .article3{width:48%;float:left;margin-bottom:20px}
#haut-carnet #meilleurs .article2, #haut-carnet #meilleurs .article4{width:48%;float:right;margin-bottom:20px}
/********************************/
/********************************/
@media only screen and (max-width:1200px) {
	#troiscol { margin-top:0px;}
}
/********************************/


@media only screen and (max-width: 1000px) and (min-width: 10px){
header .contliens {display: none!important;}
header .titrage {width:100%}
.page-header.clone-for-page-header {display: none!important;}
}

/********************************/
@media only screen and (max-width:900px) {
	#haut-carnet #dernier{width:100%;float:none;margin: 30px auto;}
	#haut-carnet #meilleurs{width:100%;float:none;}
}

@media only screen and (max-width: 900px) and (min-width: 768px){
div[class^="shadow article"]{min-height:320px;}
}
/********************************/
@media only screen and (max-width: 980px) {
.bigpush {display: none}
.smallpush {display: block}
.bloc-image .bloc1-1 {margin-bottom:0;}
.bloc-image .bandl, .bloc-image .bandr {
    float: none;
    width: 100%;
}
.col-page-right .page-header {
    display: block;
}
}

@media only screen and (max-width: 899px) and (min-width: 10px){
.page-header .col-1 {
    display: block!important;
}
header .bandeaupl{display:none!important;}
}

/********************************/
@media only screen and (max-width:767px) {
	#troiscol .colonne {display:block; width:100%; float:none;margin-bottom: 0;margin-top:0;}
	#troiscol .colonne .itemcol {width:100%;}
	#troiscol { margin-top:0px;}
}
/********************************/