body {
    color: #666;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 16px;
    background: linear-gradient(#00579D, white) repeat-x;
}

body.CKeditor {
	font-family: 'Ubuntu Condensed', sans-serif;
	background-image: none;
	background-color: #fff;
	border-right: 1px solid gray;
	padding: 5px;
	width: 570px;
}

body.CKeditor td {
    background: white;
    background-image: none;
	font-family: 'arial, verdana, sans-serif';
	font-size: 12px;
	color: #505050;
}

.cke_editable {
    background: white !important;
}

ul {
	list-style-type: square;
	/*list-style-image: url(https://www.sfpl.fr/data/template/list-image.gif);*/
	margin: 0;
	padding: 0 0 0 40px;
}

a {
	color: #00579d;
}

a:hover {

}

/* Layout */

.container {
    background: white;
}

#header {
	padding: 10px;
}

#mobile-menu {
    position: relative;
    z-index: 10;
}

#logo {

}

#logo img {
    max-width: 250px;
}

#baseline {
    padding: 20px 10px 0 20px;
}

#baseline img {
    max-width: 100%;
}

#searchform {
    padding-top: 20px;
}

#header .searchField {
    border: 1px solid #00579d;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    height: 30px;
    width: 85%;
}

#header .Button {
    background: url(https://www.sfpl.fr/data/template/loupe.png) #00579d no-repeat 8px 8px;
    border: none;
    color: transparent;
    border-radius: 0 0 10px 0;
    padding: 4px 0 3px 0;
    width: 30px;
}

.languageMenu {
    padding-top: 20px;
}

.languageMenu ul {
    padding: 0;
}

.languageMenu li {
    display: inline-block;
    float: left;
    list-style: none;
    max-width: 25px;
    margin: 3px;
}

.languageMenu img {
    width: 100%;
}

#shop-menu {
    padding-top: 20px;
}

#shopmenu {
    list-style: none;
    padding-left: 0;
}

#shopmenu li {
	display: block;
	float: left;
}

#shopmenu a {
    padding: 2px;
}

#shopmenu span {
    display: none;
}

#shopmenu img {
    /*max-width: 100%;*/
    width: 35px;
}

#horizontal-menu-container {
    margin-top: 20px;
}

#hmenu {
	font-size: 17px;
	position: relative;
	z-index:1;
	list-style: none;
	padding: 5px;
	margin: 0;
	text-transform: uppercase;
}

#hmenu li {
	float: left;
}

#hmenu li a {
    background: white;
    color: #00579d;
    border-radius: 15px 0 15px 15px;
    padding: 5px 13px;
    height: 30px;
    margin-right: 10px;
    text-decoration: none;
}

#hmenu li a:hover, #hmenu .CurrentPage {
	background: #00579d;
	color: white;
}

#hmenu ul li {
    float: none;
}

#hmenu .menuNbCartProducts {

}

/* Slider */

.carousel-control.left, .carousel-control.right {
    background: transparent;
}

/* Content */

#message {
    color: #d80027;
    font-size: 22px;
    text-align: center;
    padding: 20px;
}

#divCategoryMenu {
    background: #eee;
    padding: 20px 0;
    border-radius: 20px 0 20px 20px;
    font-size: 17px;
    margin-top: 25px;
}

#divCategoryMenu a {
	color: #00579d;
}

#content {

}

#destock {
    background: #d2232a;
    color: white;
    border-radius: 20px 0 20px 20px;
    padding: 5px;
    height: 40px;
    text-align: center;
}

#deals {
	background: #642d91;
    color: white;
    border-radius: 20px 0 20px 20px;
    padding: 5px;
    height: 40px;
    text-align: center;
}

#new-products {
	background: #cd6c92;
    color: white;
    border-radius: 20px 0 20px 20px;
    padding: 5px;
    height: 40px;
    text-align: center;
}

#best-sales {
    background: #d0d202;
    color: white;
    border-radius: 20px 0 20px 20px;
    padding: 5px;
    height: 40px;
    text-align: center;
}

#who {
    background: #719BA7;
    color: white;
    border-radius: 20px 0 20px 20px;
    padding: 5px;
    margin-top: 45px;
    height: 40px;
    text-align: center;
}

#left-menu {
    position: relative;
    z-index: 5;
}

#left-menu #shop-menu {
    padding: 0;
    min-height: 25px;
    margin: 0 auto;
    width: 57%;
    text-align: center;
}

#left-menu h1 {
    background: #00579d;
    color: white;
    border-radius: 20px 0 20px 20px;
    padding: 5px;
    height: 40px;
    text-align: center;
}

#categorymenu, #leftmenu {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
}

#categorymenu img, #leftmenu img {
    border: none;
    margin-right: 5px;
}

#categorymenu li, #leftmenu li {
    margin: 5px;
    background-color: #ededed;
    border-radius: 10px 0 10px 10px;
}

#categorymenu .subLevel, #leftmenu .subLevel {
    border-radius: 10px 0 10px 10px;
}

#categorymenu li a.active, #leftmenu li a.active {
    /*background: transparent url(https://www.sfpl.fr/data/template/less.gif) no-repeat 250px center;*/
}

#categorymenu a, #leftmenu a {
    display: block;
    color: #545454;
    text-decoration: none;
    padding: 2px 0 2px 15px;
    border-radius: 10px 0 10px 10px;
}

#categorymenu a:hover, #leftmenu a:hover {
    background: #00579D;
    color: white;
}

#categorymenu a.CurrentPage, #leftmenu a.CurrentPage {
    color: #06b3a9;
}

#categorymenu ul, #leftmenu ul {
    width: 195px;
    visibility: hidden;
    position: absolute;
    margin: -15px 0 0 233px;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

#categorymenu li li {
    border: 1px solid #00579D;
    margin-left: -20px;
    opacity: 0.9;
}

#prefooter-container {
    background: #eee;
    border-radius: 20px 0 20px 20px;
    font-size: 24px;
    min-height: 40px;
    margin: 50px 0 0 0;
    padding: 2px;
}

#right-prefooter {
    color: #00579d;
    text-align: right;
}

#right-prefooter a {
    color: #00579d;
}

#right-prefooter img {
    padding-right: 10px;
}

#footer {
    text-align: center;
    margin: 50px 0;
    color: #00579D;
    font-size: 14px;
}

#footer a {
    color: #00579D;
}

/* Boutique */

.cartAdd {
    background: transparent url(https://www.sfpl.fr/data/template/add-button.png) no-repeat;
    border: none;
    color: transparent;
    width: 64px;
    height: 32px;
}

.formCartAdd {
    float: right;
}

.homepage .formCartQuantityChoice {
    margin: -33px 10px;
    float: left;
}

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

.widgetElements li {
    float: left;
    width: 32%;
    height: 100%;
    border: none;
}

.widgetElements .snapshotImage {
    width: 100%;
}

.widgetElements .snapshotImage td {
    width: 100%;
    height: 100%;
}

.widgetElements .snapshotImage td a {
    min-height: 230px;
    width: 100%;
}

.widgetElements img {
    max-width: 100%;
    max-height: 100%;
}

.widgetElements .snapshotName {
    min-height: 70px;
}

.snapshotName a {
    color: black;
}

.browseProductName span {
    font-size: 17px !important;
}

.browseProductName a {
    min-height: 280px !important;
    font-size: 17px;
}

.browseSku {
    display: block;
    font-size: 14px;
    color: #999;
    font-weight: normal;
}

.priceBigPrice {
    font-size: 20px;
    text-align: center;
    color: #00579d;
    padding: 0 0 20px 0;
}

.flypage {
    width: 95%;
}

.flypageName {
    color: #00579d;
    font-size: 20px;
}

.flypage .flypageViewer {
    width: 50%;
    border: none;
    text-align: center;
}

.flypage .flypageViewer .mini {
    border: none;
    width: 80px;
    height: 80px;
}

.flypage .flypageViewer .mini img {
    max-width: 80px;
    max-height: 80px;
}

.priceElements .priceBigPrice {
    text-align: right !important;
}

.flypageCartButton .cartAdd {
    float: right !important;
}

.flypageRelatedProducts {
    margin-top: 60px;
    border-top: 1px solid #ccc;
}

.flypageRelatedProducts img {
    max-width: 90% !important;
    max-height: 90% !important;
}

.browseProductsList {
    width: 100%;
}

.browseProductsList .pair {
    text-align: left;
}

.browseProductsList .browseProductImage {
    border: none;
    width: 100%;
    height: 200px;
}

.browseProductsList .cartAdd {
    float: right;
}

.browseProductsList .odd .browseProductImage {
    margin-right: 0;
}

.browseProductsList .browseProductImage td a {
    width: 100%;
}

.browseProductsList .browseProductImage img {
    max-width: 100%;
    max-height: 100%;
}

.browseProductDesc {
    display: none;
}

.browseElements {
    width: 29%;
    margin-right: 30px;
    float: left;
    min-height: 480px;
}

.browseProductImage {
    min-height: 250px;
}

.browseProductName {
    display: block;
    text-align: center;
}

.browseProductName a {
    display: block;
    min-height: 315px;
}

.browseProductName span {
    font-size: 22px;
}

/* CART */

.goPurchaseButton {
    background: #00579d;
    display: block;
    float: right;
    padding: 10px 20px;
    border-radius: 0 20px 20px 20px;
    color: white;
    text-transform: uppercase;
    min-width: 210px;
    text-align: center;
    margin-top: 20px;
}


.cartPurchase a {
    background: #00579d;
    display: block;
    float: right;
    padding: 10px 20px;
    border-radius: 20px 0 20px 20px;
    color: white;
    text-transform: uppercase;
    min-width: 210px;
    text-align: center;
    margin-top: 20px;
}

.cartGoPurchase a {
    background: #00579d;
    display: block;
    float: right;
    padding: 10px 20px;
    border-radius: 0 20px 20px 20px;
    color: white;
    text-transform: uppercase;
    min-width: 210px;
    text-align: center;
    margin-top: 20px;
}

.cartNext a {
    background: #00579d;
    display: block;
    float: right;
    padding: 10px 20px;
    border-radius: 20px 0 20px 20px;
    color: white;
    text-transform: uppercase;
    min-width: 210px;
    text-align: center;
    margin-top: 20px;
}

/* ResponsYves */

@media (min-width: 1280px) {

	.container {
		width: 1240px;
	}

}

@media (max-width: 1279px) {

    #left-menu #shop-menu {
        width: 60%;
    }

}

@media (max-width: 1199px) {

	.languageMenu li {
	    max-width: 21px;
	    margin: 2px;
	}

	#shopmenu li {
	    width: 28px;
	    margin-right: 3px;
	}

    #shopmenu img {
        width: auto;
    }

}

@media (max-width: 991px) {

	#logo {
	    text-align: center;
	}

	#baseline a {
	    width: 100%;
	    display: block;
	    text-align: center;
	}

	#searchform form {
	    text-align: center;
	}

    #prefooter-container {
        font-size: 20px;
        margin-top: 30px;
        padding: 10px;
    }

    #left-menu {
        display: none;
    }

    #who {
        margin-top: 0;
    }


}


@media (max-width: 767px) {

	.languageMenu {
	    float: left;
	}

	#shop-menu {
	    float: right;
	}

    #prefooter-container {
        margin-left: 5px;
        margin-right: 5px;
    }

}

@media (max-width: 721px) {

    .browseElements {
        width: 28%;
    }

}

@media (max-width: 600px) {

    .flypage .flypageViewer {
        padding: 10px;
        width: 100%;
    }

    .widgetElements li {
        width: 48%;
    }

}

@media (max-width: 592px) {

    .browseElements {
        width: 26%;
    }

}

@media (max-width: 438px) {

    .browseElements {
        width: 41%;
    }

}

@media (max-width: 375px) {

    #slider-container {
        display: none;
    }

    .widgetElements li {
        width: 100%;
    }

    .browseElements {
        width: 99% !important;
    }

}

/* Styles */


.rouge {
	color: red;
}

.bleu {
	color: #00579c;
}

.turquoise {
	color: #06b3a9;
}

.rose {
	color: #c95f9c;
}

.orange {
	color: #f49d00;
}

.vert {
	color: #d1d635;
}

.Title {

}

.sous_titre {

}

.titre-vert {

}

.titre-rouge {

}

.titre-rose {

}

.titre-orange {

}

.flypageSku {
    display: block;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}