@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/*COULEURS*/
/*blanc*/
.clr0 {color: #FFF;} 
.bg0 {background: #FFF;}
/*bleu-vert*/
.clr1 {color: #009b97;} 
.bg1 {background: #009b97;}
/*orange*/
.clr2 {color: #F29100;}
.bg2 {background: #F29100;}
/*rose*/
.clr3 {color: #D7147C;}
.bg3 {background: #D7147C;}
/*vert*/
.clr4 {color: #71B256;}
.bg4 {background: #71B256;}
/*violet*/
.clr5 {color: #514391;}
.bg5 {background: #514391;}
/*jaune*/
.clr6 {color: #FABC00;}
.bg6 {background: #FABC00;}
/*gris clair*/
.clr7 {color: #F2F2F2;}
.bg7 {background: #F2F2F2;}
/*gris foncé*/
.clr8 {color: #666;}
.bg8 {background: #666;}
button.bg8:hover, input.bg8:hover {background: #494949;}
/*gris medium*/
.clr9 {color: #E6E6E6;}
.bg9 { background: #E6E6E6;}
button.bg9:hover, input.bg9:hover {background: #D3D3D3;}
/*autre gris*/
.clr10 {color: #C1C1C1;}
.bg10 {background: #C1C1C1;}
button.bg10:hover, input.bg10:hover {background: #9E9E9E;}
/*rouge promo*/
.clr11 {color: #DE202E;}
.bg11 {background: #DE202E;}

/*GÉNÉRALITÉS*/
.gradient {
	width: 100%; /*height: 800px; background: url('../img/gradient.gif') repeat-x;*/
/*.gradient {width: 100%; height: 800px; background: #009b97; 
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWI5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwNjU2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwNjU2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY1NmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #009b97 0%, #00656b 100%, #00656b 100%, #00656b 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009b97), color-stop(100%,#00656b), color-stop(100%,#00656b), color-stop(100%,#00656b)); 
	background: -webkit-linear-gradient(top,  #009b97 0%,#00656b 100%,#00656b 100%,#00656b 100%); 
	background: -o-linear-gradient(top,  #009b97 0%,#00656b 100%,#00656b 100%,#00656b 100%); 
	background: -ms-linear-gradient(top,  #009b97 0%,#00656b 100%,#00656b 100%,#00656b 100%); 
	background: linear-gradient(to bottom,  #009b97 0%,#00656b 100%,#00656b 100%,#00656b 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009b97', endColorstr='#00656b',GradientType=0 ); */
}
.bg {background: url('../img/bg/bg.jpg') no-repeat top center; min-height: 800px;}
.page {position: absolute; width: 100%; z-index: 100;}
.container {margin-bottom: 50px; -webkit-box-shadow: 1px 1px 20px 0 #333333; box-shadow: 1px 1px 20px 0 #333333;}

button:focus, button:active {outline: 0 !important; border: 0 !important; box-shadow: 0 !important;}
input:focus, input:active {outline: 0 !important; box-shadow: 0 !important;}

.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font18 {font-size: 18px;}
.font22 {font-size: 22px;}

.border {border: solid 1px #B6B6B6;}
.border2 {border: solid 1px #E6E6E6;}
.border-bottom {border-bottom: solid 1px #E6E6E6;}
.no-border-top {border-top: 0;}
.no-border-bottom {border-bottom: 0;}
.font11 {font-size: 11px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.no-underline, .no-underline:hover {text-decoration: none;}
.underline {text-decoration: underline;}
.no-margin-top {margin-top: 0 !important;}
.no-margin-bottom {margin-bottom: 0 !important;}
.btn-margin-left {margin-left: 15px; margin-bottom: 15px;}
.padd {padding: 15px;}
.padd2 {padding: 10px;}
.padd3 {padding: 5px;}
.padd4 {padding: 10px 15px;}
.padd5 {padding-bottom: 10px;}
.no-padd {padding-left: 0; padding-right: 0;}
.no-padd-left {padding-left: 0;}
.no-padd-right {padding-right: 0;}
.no-padd-top {padding-top: 0;}
.no-padd-bottom {padding-bottom: 0;}
.dotted {height: 2px;background: url('../img/dotted.gif') repeat-x center center;}
.dotted2 {height: 2px;background: url('../img/dotted.gif') repeat-x center center; margin: 15px -15px;}
.dotted3 {height: 2px;background: url('../img/dotted-grey.gif') repeat-x center center;}
.no-visible {display: none;}
.block {display: block;}
.normal {font-weight: normal !important;}

/*Produits*/
.lien-pdt:hover, .lien-pdt:focus, .lien-pdt:active {text-decoration: none; color: inherit;}
.img-produit {height: 100px; text-align: center;}
.img-produit img {display: inline-block; max-height: 100px;}
.produit {margin-top: 15px; margin-bottom: 15px;}
.collection-produit {font-size: 14px; margin-bottom: 0;}
.auteur-produit {font-size: 14px; margin-bottom: 0;}
.age-produit {font-size: 14px; margin-bottom: 0;}
.prix-produit {margin-bottom: 0;}

.btn-panier {width: 28px; height: 29px; background: url('../img/btn-panier.gif'); text-align: center; padding: 6px 4px; border: 0; position: absolute; bottom: 0; right: 15px;}
.btn-panier:hover, .btn-panier:focus {background: url('../img/btn-panier-hover.gif');}
.btn-panier span {color: #999999;}
.btn-panier:hover span, .btn-focus:hover span {color: #FFF;}
.modal .btn {margin-top: 10px;}

/*HEADER*/
header {padding: 10px 0;}
.logo {display: inline-block;}
.baseline {margin-top: 15px; display: inline-block;}
header form label {font-weight: normal;}
.bloc-header {margin-top: 5px;}
.bloc-header a {text-transform: uppercase; color: #009B97; font-weight: 500;}
.bloc-header a:first-child {color: #666;}
.separator-min {margin: 0 2px;}
.bloc-newsletter {margin-top: 10px;}
header .form-group {margin-bottom: 0;}
header .fb {margin-top: 25px;}
header .tw {margin-top: 10px;}
#btn-mobile-panier, #btn-mobile-compte {margin-top: 10px; margin-left: 10px; display: block;}

/*HOME*/
.bx-pager-home {border: solid 1px #CCCCCC; border-bottom: 0;}
.bx-pager-home a {font-size: 15px; font-weight: 700; padding: 4.7px 5px; border-bottom: solid 1px #CCCCCC;}
.bx-pager-home a:last-child {border-bottom: 0;}
.bx-pager-home a .icon-tourbillon {font-size: 30px;}
.bx-pager-home #cat1, #nouveautes-cat1 .prix-produit {color: #F29100;}
.bx-pager-home #cat2, #nouveautes-cat2 .prix-produit {color: #D7147C;}
.bx-pager-home #cat3, #nouveautes-cat3 .prix-produit {color: #71B256;}
.bx-pager-home #cat4, #nouveautes-cat4 .prix-produit {color: #514391;}
.bx-pager-home #cat5, #nouveautes-cat5 .prix-produit {color: #FABC00;}
.bx-pager-home #cat6, #nouveautes-cat6 .prix-produit {color: #009B97;}
.bx-pager-home a:hover, .bx-pager-home a:focus, .bx-pager-home a.active {text-decoration: none;}
.bx-pager-home a.active {color: #FFFFFF !important;}
.bx-pager-home #cat1.active, .bxslider-home #visuel-cat1 {background: #F29100;}
.bx-pager-home #cat2.active, .bxslider-home #visuel-cat2 {background: #D7147C;}
.bx-pager-home #cat3.active, .bxslider-home #visuel-cat3 {background: #71B256;}
.bx-pager-home #cat4.active, .bxslider-home #visuel-cat4 {background: #514391;}
.bx-pager-home #cat5.active, .bxslider-home #visuel-cat5 {background: #FABC00;}
.bx-pager-home #cat6.active, .bxslider-home #visuel-cat6 {background: #009B97;}
.bx-pager-home #cat6.active {border-bottom: solid 1px #009B97;}
.bxslider-home #nouveautes-cat1 {border: solid 1px #F29100;}
.bxslider-home #nouveautes-cat2 {border: solid 1px #D7147C;}
.bxslider-home #nouveautes-cat3 {border: solid 1px #71B256;}
.bxslider-home #nouveautes-cat4 {border: solid 1px #514391;}
.bxslider-home #nouveautes-cat5 {border: solid 1px #FABC00;}
.bxslider-home #nouveautes-cat6 {border: solid 1px #009B97;}
.bxslider-home .prix-produit {font-size: 17px;}
.nouveautes-slider li {width: 100% !important;}
.nouveautes-slider .produit {margin: 10px 0;/* height: 210px !important;*/}

.titre-categorie {margin-top: 0;}
.titre-nouveaute-mobile{font-size: 15px; font-weight: 700; display: block; padding: 5px; margin-bottom: 15px;}
.titre-nouveaute-mobile .icon-tourbillon {font-size: 30px;}
.carousel .produit {margin-top: 0;}
.carousel .produit .prix-produit {margin-bottom: 10px;}

/*aside*/
.box-espace-pro .icon-fleche {font-weight: bold;}
.box-code-promo .btn{background: #FFF; color: #009b97}
.box-code-promo .btn:hover {background: #F2F2F2;}
.bloc-promo1, .bloc-promo2 {margin-top: 15px;}
.bloc-reassu-aside, .bloc-reassu-bottom {margin-bottom: 5px;}
.bloc-reassu-aside span.icon, .bloc-reassu-bottom span.icon {font-size: 25px;}
.bloc-reassu-aside:last-child .tel p, .bloc-reassu-bottom:last-child .tel p {font-size: 15px; font-weight: 700; margin-top: 3px; margin-bottom: 0;}
.bloc-reassu-aside:last-child .email {margin-top: 10px;}
.bloc-reassu-aside:last-child .email p, .bloc-reassu-bottom:last-child .email p {margin-top: 5px; margin-bottom: 0;}

/*RAYON*/
.sous-menu-jeunesse li:hover {background: #F2F2F2;}
.sous-menu-jeunesse li.active:hover {color: inherit;}
.sous-menu-jeunesse li.active {color: #FFF;}
.sous-menu-jeunesse li a {color: inherit; font-size: 20px; font-weight: 700; padding: 5px 37px; text-decoration: none;}
.sous-menu-jeunesse li a:hover {text-decoration: none;}
.sous-menu-jeunesse li a span.icon-tourbillon {font-size: 30px;}
.sous-menu-gamme-adulte li:hover {background: #F2F2F2;}
.sous-menu-gamme-adulte li.active:hover {color: inherit;}
.sous-menu-gamme-adulte li.active {color: #FFF;}
.sous-menu-gamme-adulte li a {color: inherit; font-size: 20px; font-weight: 700; padding: 5px 25px; text-decoration: none;}
.sous-menu-gamme-adulte li a:hover {text-decoration: none;}
.sous-menu-gamme-adulte li a span.icon-tourbillon {font-size: 30px;}
.sous-menu-papeterie-et-produits-derives li:hover {background: #F2F2F2;}
.sous-menu-papeterie-et-produits-derives li.active:hover {color: inherit;}
.sous-menu-papeterie-et-produits-derives li.active {color: #FFF;}
.sous-menu-papeterie-et-produits-derives li a {color: inherit; font-size: 20px; font-weight: 700; padding: 5px 25px; text-decoration: none;}
.sous-menu-papeterie-et-produits-derives li a:hover {text-decoration: none;}
.sous-menu-papeterie-et-produits-derives li a span.icon-tourbillon {font-size: 30px;}
.tri-resultats-livres h2 {margin-top: 0;margin-bottom: 5px;}
.tri-resultats-livres select {margin-bottom: 15px;}
.filtre-livres h4 {margin-top: 0;}
.filtre-livres h2.text-uppercase {margin: 20px 0 10px 0;}
.filtre-livres h2 {margin: 0;}
.btn-toutes-cat {margin-top: 10px;}
.cat-sup {display: none;}
.searchbar input {margin-top: 15px;}
.searchbar .form-group {margin: 0 -15px;}
.btn-search{background: url('../img/btn-lg-vert.png'); width: 58px; height: 59px; border: 0;}
.btn-search .icon-loupe {font-size: 25px;}
.recherche-avancee .btn-group .multiselect, #form-recherche-rayon .btn-group, #form-recherche-rayon .btn-group .multiselect {width: 100%;}

/*PRODUIT*/
.btn-default-panier-lg {padding-right: 40px; position: relative; top: 12px; left: 8px;}
.btn-panier-lg {background: url('../img/btn-lg-gris.png'); width: 58px; height: 59px; border: 0; color: #999999;}
.btn-panier-lg:hover {background: url('../img/btn-lg-vert.png'); color: #FFF;}
.btn-panier-lg .icon-panier {font-size: 30px;}

/*NOUVEAUTÉS*/
.nouveautes h2 {margin: 0 0 5px 0;}
.visible {display: block !important;}
.nouveautes .produit .img-produit {margin-bottom: 15px;}

/*PAGE DE RECHERCHE*/
.searchbar-large input {margin-top: 15px;}
.searchbar-large .form-group {margin: 0 -15px;}
.recherche-avancee .btn-group {display: block;}
.recherche-avancee .btn-group .multiselect {width: 100%;}
.recherche-avancee .dropdown-menu > li > a:focus {outline: 0; border: solid 1px #009B97;}

/*PARTENAIRES*/
.item-partenaire:last-child .dotted {display: none;}
.partenaires h1 {margin-bottom: 30px;}
.partenaires img {margin-bottom: 15px;}

/*QUI SOMMES NOUS*/
.flag {position: relative; top: 5px; margin-right: 5px;}

/*ESPACE PRO*/
.titre-espace-pro h3 {position: absolute; left: 50%; margin-left: -90px; top: 10px; width: 200px;}
.mention {margin-top: 15px;}

/*TUNNEL*/
.progress-bar-tunnel {border: solid 1px #009B97;}
.progress-bar-tunnel h1 {margin: 11px 0;}
#etape1-inactive, #etape2-inactive, #etape3-inactive {background: url('../img/triangle-tunnel.gif') no-repeat right center;}
#etape1-inactive2, #etape2-inactive2, #etape3-inactive2 {background: url('../img/triangle-tunnel2.gif') no-repeat right center;}
#etape1-active, #etape2-active, #etape3-active {background: url('../img/triangle-tunnel-active.gif') no-repeat right center #F2F2F2;}
#etape4-active {background: #F2F2F2;}
.panier .titre-produit, .panier .collection-produit, .panier .auteur-produit {text-align: left;}
.legendes-tableau h1, .legendes-tableau h4 {padding: 5px 0;}
.tableau-totaux h4, .tableau-totaux h1 {margin-top: 10px;}
.btn-qte {width: 20px; height: 20px; display: block; font-size: 18px; font-weight: bold; margin-top: 2px; cursor: pointer;}
.btn-qte span {position: relative; bottom: 2px;}
.input-qte {height: 24px; text-align: center;}
.btn-supprimer {background: url('../img/supprimer.png'); width: 32px; height: 32px; border: 0;}
.inscription form {margin-top: 20px;}
.adresse-livraison-differente {display: none;}
.box-paiement .radio:first-child {margin-top: 0;}
.box-paiement label {font-weight: normal;}
.box-paiement p {margin-top: 10px; margin-bottom: 0;}
.box-paiement-cb select.form-control {padding: 6px;}
.glyphicon-question-sign {cursor: pointer; font-size: 18px; margin-top: 5px;}
.detail-commande span:last-child {display: none;}
.center-quantity {float:none; margin-left:auto; margin-right:auto;}

/*COMPTE*/
.btn-logout {padding: 6px 4px;}
.btn-logout .icon-logout {font-size: 25px;}
.sous-menu-compte {margin-bottom: 0;}
.sous-menu-compte li {font-weight: bold;}
.sous-menu-compte li.active {background: #F2F2F2;}
.sous-menu-compte li.active a {color: #009b97; text-decoration: none;}
.sous-menu-compte li a:hover {text-decoration: none !important;}
.compte .panel-heading {color: #FFF; background: #009b97; border: 0; border-radius: 0; font-weight: bold; border-top: solid 1px #FFF;}
.compte .panel a:hover,.compte .panel a:focus {text-decoration: none;}
.compte .panel-group .panel {border: 0; border-radius: 0; background: #F2F2F2;}
#inscription-part{width: 100%;}
#inscription-pro{width: 100%;}

/*RESET PASSWORD*/
a.link-new-password{
    color: #009B97;
    text-decoration: underline;
}

/*PLAN DU SITE*/
#plan-site li {margin-bottom: 5px;}

/*FOOTER*/
footer {padding-bottom: 15px;}
footer h2:first-child {margin-top: 5px;}
footer ul li h2, footer ul li {margin: 5px 0;}
footer .liens-infos li {margin-bottom: 8px;}
footer .tw {margin-left: 10px;}
#btn_up {position: fixed; bottom: 15px; right: 25px; cursor: pointer; display: none;}
#btn_up span {font-size: 4em; display: block;}


@media (max-width: 1199px) {
	.bx-pager-home a {padding: 4.1px 5px;}
	.sous-menu-jeunesse li a {padding: 5px 35px;}
        .sous-menu-gamme-adulte li a {padding: 5px 25px;}
        .sous-menu-papeterie-et-produits-derives li a {padding: 5px 25px;}
}

/*SM size*/
@media (max-width: 991px) {
	.bg {background: none;}
	header .no-gutter-left {padding-left: 15px;}
	.bloc-newsletter {margin-bottom: 10px; float: right; padding-left: 15px;}
	.bloc-header {margin-top: 25px;float: right;}
	header .fb {margin-top: 0px;}
	.bx-pager-home a {padding: 5.2px 5px;}
	.bxslider-home .prix-produit {text-align: left;}
	.box-code-promo .btn {margin-top: 10px;}
	.sous-menu-jeunesse li a {padding: 5px 30px;}
        .sous-menu-gamme-adulte li a {padding: 5px 29px;}
        .sous-menu-papeterie-et-produits-derives li a {padding: 5px 29px;}
	.progress-bar-tunnel h1 {font-size: 17px;}
	.coups-coeur .prix-promo, .meilleures-ventes .prix-promo {text-align:left;}
	.nouveautes-slider .produit {height: 230px !important;}
}
/*XS size*/
@media (max-width: 767px) {
	.container {box-shadow: 0;}
	.produit {margin-bottom: 30px;}
	.produit {text-align: center;}
	.collection-produit, .auteur-produit, .age-produit {text-align: center;}
	.galerie-home .produit {margin-bottom: 0;}
	.btn-panier {bottom: 0;}
	.content-item-carousel {width: 80%; left: 10%; position: relative;}
	.galerie-home .carousel{border: solid 1px #CCCCCC;}
	.galerie-home .item {padding-bottom: 15px;}
	.carousel-produit .item {padding: 15px 0; border: solid 1px #F2F2F2;}
	.filtre-livres {margin-bottom: 15px;}
	.titre-categorie {text-align: center;}
	.tel {margin-bottom: 10px;}
	.livraison p {margin-bottom: 0;}
	.progress-bar-tunnel h1 {position: relative; right: 10px;}
	.panier h4 {font-size: 16px;}
	.box-paiement-cb select.form-control {margin-bottom: 15px;}
	.coups-coeur .prix-promo, .meilleures-ventes .prix-promo {text-align:center;}
}