@font-face {
  font-family: 'entypo';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/entypo.eot');
  src: url('fonts/entypo.eot?#iefix') format('eot'), 
  url('fonts/entypo.woff') format('woff'), 
  url('fonts/entypo.ttf') format('truetype'), 
  url('fonts/entypo.svg#entypo') format('svg');
}

.entypo-note:before{content:"\266a"}.entypo-note-beamed:before{content:"\266b"}.entypo-music:before{content:"\1f3b5"}.entypo-search:before{content:"\1f50d"}.entypo-flashlight:before{content:"\1f526"}.entypo-mail:before{content:"\2709"}.entypo-heart:before{content:"\2665"}.entypo-heart-empty:before{content:"\2661"}.entypo-star:before{content:"\2605"}.entypo-star-empty:before{content:"\2606"}.entypo-user:before{content:"\1f464"}.entypo-users:before{content:"\1f465"}.entypo-user-add:before{content:"\e700"}.entypo-video:before{content:"\1f3ac"}.entypo-picture:before{content:"\1f304"}.entypo-camera:before{content:"\1f4f7"}.entypo-layout:before{content:"\268f"}.entypo-menu:before{content:"\2630"}.entypo-check:before{content:"\2713"}.entypo-cancel:before{content:"\2715"}.entypo-cancel-circled:before{content:"\2716"}.entypo-cancel-squared:before{content:"\274e"}.entypo-plus:before{content:"\2b"}.entypo-plus-circled:before{content:"\2795"}.entypo-plus-squared:before{content:"\229e"}.entypo-minus:before{content:"\2d"}.entypo-minus-circled:before{content:"\2796"}.entypo-minus-squared:before{content:"\229f"}.entypo-help:before{content:"\2753"}.entypo-help-circled:before{content:"\e704"}.entypo-info:before{content:"\2139"}.entypo-info-circled:before{content:"\e705"}.entypo-back:before{content:"\1f519"}.entypo-home:before{content:"\2302"}.entypo-link:before{content:"\1f517"}.entypo-attach:before{content:"\1f4ce"}.entypo-lock:before{content:"\1f512"}.entypo-lock-open:before{content:"\1f513"}.entypo-eye:before{content:"\e70a"}.entypo-tag:before{content:"\e70c"}.entypo-bookmark:before{content:"\1f516"}.entypo-bookmarks:before{content:"\1f4d1"}.entypo-flag:before{content:"\2691"}.entypo-thumbs-up:before{content:"\1f44d"}.entypo-thumbs-down:before{content:"\1f44e"}.entypo-download:before{content:"\1f4e5"}.entypo-upload:before{content:"\1f4e4"}.entypo-upload-cloud:before{content:"\e711"}.entypo-reply:before{content:"\e712"}.entypo-reply-all:before{content:"\e713"}.entypo-forward:before{content:"\27a6"}.entypo-quote:before{content:"\275e"}.entypo-code:before{content:"\e714"}.entypo-export:before{content:"\e715"}.entypo-pencil:before{content:"\270e"}.entypo-feather:before{content:"\2712"}.entypo-print:before{content:"\e716"}.entypo-retweet:before{content:"\e717"}.entypo-keyboard:before{content:"\2328"}.entypo-comment:before{content:"\e718"}.entypo-chat:before{content:"\e720"}.entypo-bell:before{content:"\1f514"}.entypo-attention:before{content:"\26a0"}.entypo-alert:before{content:"\1f4a5'"}.entypo-vcard:before{content:"\e722"}.entypo-address:before{content:"\e723"}.entypo-location:before{content:"\e724"}.entypo-map:before{content:"\e727"}.entypo-direction:before{content:"\27a2"}.entypo-compass:before{content:"\e728"}.entypo-cup:before{content:"\2615"}.entypo-trash:before{content:"\e729"}.entypo-doc:before{content:"\e730"}.entypo-docs:before{content:"\e736"}.entypo-doc-landscape:before{content:"\e737"}.entypo-doc-text:before{content:"\1f4c4"}.entypo-doc-text-inv:before{content:"\e731"}.entypo-newspaper:before{content:"\1f4f0"}.entypo-book-open:before{content:"\1f4d6"}.entypo-book:before{content:"\1f4d5"}.entypo-folder:before{content:"\1f4c1"}.entypo-archive:before{content:"\e738"}.entypo-box:before{content:"\1f4e6"}.entypo-rss:before{content:"\e73a"}.entypo-phone:before{content:"\1f4dE"}.entypo-cog:before{content:"\2699"}.entypo-tools:before{content:"\2692"}.entypo-share:before{content:"\e73c"}.entypo-shareable:before{content:"\e73e"}.entypo-basket:before{content:"\e73d"}.entypo-bag:before{content:"\1f45c'"}.entypo-calendar:before{content:"\1f4c5"}.entypo-login:before{content:"\e740"}.entypo-logout:before{content:"\e741"}.entypo-mic:before{content:"\1f3a4"}.entypo-mute:before{content:"\1f507"}.entypo-sound:before{content:"\1f50a"}.entypo-volume:before{content:"\e742"}.entypo-clock:before{content:"\1f554"}.entypo-hourglass:before{content:"\23f3"}.entypo-lamp:before{content:"\1f4a1"}.entypo-light-down:before{content:"\1f505"}.entypo-light-up:before{content:"\1f506"}.entypo-adjust:before{content:"\25d1"}.entypo-block:before{content:"\1f6ab"}.entypo-resize-full:before{content:"\e744"}.entypo-resize-small:before{content:"\e746"}.entypo-popup:before{content:"\e74c"}.entypo-publish:before{content:"\e74d"}.entypo-window:before{content:"\e74e"}.entypo-arrow-combo:before{content:"\e74f"}.entypo-down-circled:before{content:"\e758"}.entypo-left-circled:before{content:"\e759"}.entypo-right-circled:before{content:"\e75a"}.entypo-up-circled:before{content:"\e75b"}.entypo-down-open:before{content:"\e75c"}.entypo-left-open:before{content:"\e75d"}.entypo-right-open:before{content:"\e75e"}.entypo-up-open:before{content:"\e75f"}.entypo-down-open-mini:before{content:"\e760"}.entypo-left-open-mini:before{content:"\e761"}.entypo-right-open-mini:before{content:"\e762"}.entypo-up-open-mini:before{content:"\e763"}.entypo-down-open-big:before{content:"\e764"}.entypo-left-open-big:before{content:"\e765"}.entypo-right-open-big:before{content:"\e766"}.entypo-up-open-big:before{content:"\e767"}.entypo-down:before{content:"\2b07"}.entypo-left:before{content:"\2b05"}.entypo-right:before{content:"\27a1"}.entypo-up:before{content:"\2b06"}.entypo-down-dir:before{content:"\25be"}.entypo-left-dir:before{content:"\25c2"}.entypo-right-dir:before{content:"\25b8"}.entypo-up-dir:before{content:"\25b4"}.entypo-down-bold:before{content:"\e4b0"}.entypo-left-bold:before{content:"\e4ad"}.entypo-right-bold:before{content:"\e4ae"}.entypo-up-bold:before{content:"\e4af"}.entypo-down-thin:before{content:"\2193"}.entypo-left-thin:before{content:"\2190"}.entypo-right-thin:before{content:"\2192"}.entypo-up-thin:before{content:"\2191"}.entypo-ccw:before{content:"\27f2"}.entypo-cw:before{content:"\27f3"}.entypo-arrows-ccw:before{content:"\1f504"}.entypo-level-down:before{content:"\21b3"}.entypo-level-up:before{content:"\21b0"}.entypo-shuffle:before{content:"\1f500"}.entypo-loop:before{content:"\1f501"}.entypo-switch:before{content:"\21c6"}.entypo-play:before{content:"\25b6"}.entypo-stop:before{content:"\25a0"}.entypo-pause:before{content:"\2389"}.entypo-record:before{content:"\26ab"}.entypo-to-end:before{content:"\23ed"}.entypo-to-start:before{content:"\23ee"}.entypo-fast-forward:before{content:"\23e9"}.entypo-fast-backward:before{content:"\23ea"}.entypo-progress-0:before{content:"\e768"}.entypo-progress-1:before{content:"\e769"}.entypo-progress-2:before{content:"\e76a"}.entypo-progress-3:before{content:"\e76b"}.entypo-target:before{content:"\1f3af"}.entypo-palette:before{content:"\1f3a8"}.entypo-list:before{content:"\e005"}.entypo-list-add:before{content:"\e003"}.entypo-signal:before{content:"\1f4f6"}.entypo-trophy:before{content:"\1f3c6"}.entypo-battery:before{content:"\1f50b"}.entypo-back-in-time:before{content:"\e771"}.entypo-monitor:before{content:"\1f4bb"}.entypo-mobile:before{content:"\1f4f1"}.entypo-network:before{content:"\e776"}.entypo-cd:before{content:"\1f4bf"}.entypo-inbox:before{content:"\e777"}.entypo-install:before{content:"\e778"}.entypo-globe:before{content:"\1f30e"}.entypo-cloud:before{content:"\2601"}.entypo-cloud-thunder:before{content:"\26c8"}.entypo-flash:before{content:"\26a1"}.entypo-moon:before{content:"\263d"}.entypo-flight:before{content:"\2708"}.entypo-paper-plane:before{content:"\e79b"}.entypo-leaf:before{content:"\1f342"}.entypo-lifebuoy:before{content:"\e788"}.entypo-mouse:before{content:"\e789"}.entypo-briefcase:before{content:"\1f4bc"}.entypo-suitcase:before{content:"\e78e"}.entypo-dot:before{content:"\e78b"}.entypo-dot-2:before{content:"\e78c"}.entypo-dot-3:before{content:"\e78d"}.entypo-brush:before{content:"\e79a"}.entypo-magnet:before{content:"\e7a1"}.entypo-infinity:before{content:"\221e"}.entypo-erase:before{content:"\232b"}.entypo-chart-pie:before{content:"\e751"}.entypo-chart-line:before{content:"\1f4c8"}.entypo-chart-bar:before{content:"\1f4ca"}.entypo-chart-area:before{content:"\1f53e"}.entypo-tape:before{content:"\2707"}.entypo-graduation-cap:before{content:"\1f393"}.entypo-language:before{content:"\e752"}.entypo-ticket:before{content:"\1f3ab"}.entypo-water:before{content:"\1f4a6"}.entypo-droplet:before{content:"\1f4a7"}.entypo-air:before{content:"\e753"}.entypo-credit-card:before{content:"\1f4b3"}.entypo-floppy:before{content:"\1f4be"}.entypo-clipboard:before{content:"\1f4cb"}.entypo-megaphone:before{content:"\1f4e3"}.entypo-database:before{content:"\e754"}.entypo-drive:before{content:"\e755"}.entypo-bucket:before{content:"\e756"}.entypo-thermometer:before{content:"\e757"}.entypo-key:before{content:"\1f511"}.entypo-flow-cascade:before{content:"\e790"}.entypo-flow-branch:before{content:"\e791"}.entypo-flow-tree:before{content:"\e792"}.entypo-flow-line:before{content:"\e793"}.entypo-flow-parallel:before{content:"\e794"}.entypo-rocket:before{content:"\1f680"}.entypo-gauge:before{content:"\e7a2"}.entypo-traffic-cone:before{content:"\e7a3"}.entypo-cc:before{content:"\e7a5"}.entypo-cc-by:before{content:"\e7a6"}.entypo-cc-nc:before{content:"\e7a7"}.entypo-cc-nc-eu:before{content:"\e7a8"}.entypo-cc-nc-jp:before{content:"\e7a9"}.entypo-cc-sa:before{content:"\e7aa"}.entypo-cc-nd:before{content:"\e7ab"}.entypo-cc-pd:before{content:"\e7ac"}.entypo-cc-zero:before{content:"\e7ad"}.entypo-cc-share:before{content:"\e7ae"}.entypo-cc-remix:before{content:"\e7af"}.entypo-github:before{content:"\f300"}.entypo-github-circled:before{content:"\f301"}.entypo-flickr:before{content:"\f303"}.entypo-flickr-circled:before{content:"\f304"}.entypo-vimeo:before{content:"\f306"}.entypo-vimeo-circled:before{content:"\f307"}.entypo-twitter:before{content:"\f309"}.entypo-twitter-circled:before{content:"\f30a"}.entypo-facebook:before{content:"\f30c"}.entypo-facebook-circled:before{content:"\f30d"}.entypo-facebook-squared:before{content:"\f30e"}.entypo-gplus:before{content:"\f30f"}.entypo-gplus-circled:before{content:"\f310"}.entypo-pinterest:before{content:"\f312"}.entypo-pinterest-circled:before{content:"\f313"}.entypo-tumblr:before{content:"\f315"}.entypo-tumblr-circled:before{content:"\f316"}.entypo-linkedin:before{content:"\f318"}.entypo-linkedin-circled:before{content:"\f319"}.entypo-dribbble:before{content:"\f31b"}.entypo-dribbble-circled:before{content:"\f31c"}.entypo-stumbleupon:before{content:"\f31e"}.entypo-stumbleupon-circled:before{content:"\f31f"}.entypo-lastfm:before{content:"\f321"}.entypo-lastfm-circled:before{content:"\f322"}.entypo-rdio:before{content:"\f324"}.entypo-rdio-circled:before{content:"\f325"}.entypo-spotify:before{content:"\f327"}.entypo-spotify-circled:before{content:"\f328"}.entypo-qq:before{content:"\f32a"}.entypo-instagrem:before{content:"\f32d"}.entypo-dropbox:before{content:"\f330"}.entypo-evernote:before{content:"\f333"}.entypo-flattr:before{content:"\f336"}.entypo-skype:before{content:"\f339"}.entypo-skype-circled:before{content:"\f33a"}.entypo-renren:before{content:"\f33c"}.entypo-sina-weibo:before{content:"\f33f"}.entypo-paypal:before{content:"\f342"}.entypo-picasa:before{content:"\f345"}.entypo-soundcloud:before{content:"\f348"}.entypo-mixi:before{content:"\f34b"}.entypo-behance:before{content:"\f34e"}.entypo-google-circles:before{content:"\f351"}.entypo-vkontakte:before{content:"\f354"}.entypo-smashing:before{content:"\f357"}.entypo-sweden:before{content:"\f601"}.entypo-db-shape:before{content:"\f600"}.entypo-logo-db:before{content:"\f603"}

body{
	/*transform:translateZ(0);
	perspective:10000;*/
}

*,
a,
img{
	outline:none!important;
}
a{
	-webkit-transition: all 0.3s; 
	transition: all 0.3s;
}
input,textarea {
	-webkit-appearance:none; 
}
#newsletter{
	-webkit-appearance:checkbox!important; 
}
.hidden-phone,
.hidden-tablet{
	display: none;
}
.addthis_toolbox .two_column {
	width: 216px;
	padding: 10px 0 10px 0px;
	border: 3px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.noUi-horizontal .noUi-handle {
    width: 28px;
    height: 28px;
    left: -17px;
    top: -6px;
    border-radius: 50%;
    background-color: #922C32;
    box-shadow: none!important;
    border:0;
    cursor:grabbing;
}

.noUi-tooltip{
	margin-left:-23px;
	left:50%;
	top:30px!important;
}

.noUi-handle::after{
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 2px;
    background: #B0503B;
    left: 9px;
    top: 7px;
}
.noUi-handle::before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 2px;
    background: #B0503B;
    left: 17px;
    top: 7px;
}

.active
{
	background-color: white!important;
	color: black!important;
}

.open-sidebar{
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: absolute;
}

.open-sidebar .main-content .content > div{
	opacity:0.5;
}

.open-sidebar .main-content #header{
	opacity:1;
}

#home #global-search::-webkit-input-placeholder {
  color: white;
}
#home #global-search::-moz-placeholder { 
  color: white;
}
#home #global-search:-ms-input-placeholder {
  color: white;
}
#home #global-search:-moz-placeholder {
  color: white;
}

.addthis_toolbox .two_column a {
	padding: 4px 0 4px 34px;
	position: relative;
	width: 66px;
	display: block;
	text-decoration: none;
	color: blue;
}

.addthis_toolbox .two_column a:hover{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #B4D3F8;
	text-decoration: none;
}

.addthis_toolbox .two_column span{
	position: absolute;
	left: 14px;
	top: 4px;
}

.addthis_toolbox .two_column  .top{
	padding: 0 0 10px 0;
	border-bottom: solid 1px #eee;
	margin-bottom: 10px;
	margin: 0 20px 10px 20px;
}

.addthis_toolbox .two_column  .more{
	border-top: solid 1px #eee;
	padding: 10px 0 0 0;
	margin: 10px 20px 0 20px;
	text-align: center;
}

.addthis_toolbox .two_column  .more a{
	padding: 4px 0;
	width: auto;
}

.addthis_toolbox .two_column .more span{
	display: none;
}

.addthis_toolbox .two_column .column1{
	width: 100px;
	float: left;
}

.addthis_toolbox .two_column .column2{
	width: 100px;
	float: left;
}

.addthis_toolbox .two_column .clear{
	clear: both;
	padding: 0;
	display: block;
	height: 0;
	width: 0;
}

/*

*/

.relatived
{
	position: relative;;
}
.letter
{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 0;
	display: table-cell;
	vertical-align: middle;
	top: 50%;
	line-height: 30px;
	color: white;
	font-size: 42px;
	margin-top: -14px;
	font-weight: 600!important;
	text-transform: uppercase;
	font-family: 'ubuntu',sans-serif;
}


.round-f {
	border-radius: 62px!important;
}
.letter-big
{
	font-size: 95px!important;
	margin-top: -54px;
}

.letter-sm
{
	font-size: 15px!important;
	//margin-top: -54px;
}

.cookie-notice{
	position:fixed;
	bottom:0;
	z-index:200;
	width:100%;
	background-color:#aa272f;
	padding:20px;
	color: white;
	text-align: center;
	opacity: 0.95;
}
.cookie-notice .fa-info-circle{
	margin-right: 5px;
	font-size: 18px;
}
.cookie-notice a{
	color: white!important;
	font-size: 11px;
	text-transform: uppercase;
	margin-left: 5px;
}
.cookie-notice a:hover{
	text-decoration: underline;
}
.cookie-notice .close{
	border: 1px solid white;
	display: block;
	float: none;
	font-size: 11px;
	margin: 10px auto 0;
	opacity: 1;
	padding: 8px;
	text-shadow: none;
	width: 92px;
}
.cookie-notice .close:hover{
	text-decoration: none;
	background-color: white;
	color: #aa272f!important;
}
/*

*/

.back-to-top{
	display:block;
	position:fixed;
	right:20px;
	bottom:20px;
	width:40px;
	height:40px;
	cursor:pointer;
	transition:all 0.3s ease;
	transform:translateX(120%);
	opacity:0;
	z-index:2;
}

.back-to-top i{
	font-size:40px;
	transition:all 0.3s ease;
}

.back-to-top:hover i{
	font-size:50px;
	margin-top:-5px;
	margin-left:-5px;
}

.back-to-top.active{
	transform:translateX(0%);
	opacity:1;
	background-color:transparent!important;
}




/* ================================================= 
   ================= GUIZ STYLE ==================== 
   ================================================= */

/* ================= GLOBAL ==================== */

*{
	box-sizing : border-box;
	font-family: 'Ubuntu', sans-serif;
}
body, html {
    overflow-x:hidden;
}

button:-moz-focusring, input:-moz-focusring {
    outline: 0;
}

/* ================= Tab single product ==================== */

.tab-parfum .nav-tabs{
	border-bottom: 0;
}
/*.tab-parfum .nav-tabs > li{
 	width: 25%;
}*/
.tab-parfum .nav-tabs.nb-col-1 > li{
 	width: 100%;
}
.tab-parfum .nav-tabs.nb-col-2 > li{
 	width: 50%;
}
.tab-parfum .nav-tabs.nb-col-3 > li{
 	width: 33.334%;
}
.tab-parfum .nav-tabs.nb-col-4 > li{
 	width: 25%;
}
.tab-parfum .nav-tabs > li > a{
	background-color: #aa272f;
	width: 100%;
}
.tab-parfum .nav-tabs > li.active > a{
	background-color: #aa272f;
	outline: 0;
}

.tab-parfum .nav-matiere{
	margin-top: 50px;
}
.tab-parfum .map-zone{
	padding: 0;
	list-style-type: none;
	margin-left: -30px;
	margin-top: -100px;
}
.tab-parfum #map .row{
	display: flex;
	align-items: center;
}

.tab-parfum .map-zone li{
	margin-bottom: 5px;
}
/* ================= FOOTER ==================== */

#page #footer{
	background-image: url(img/bg-footer.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
	padding: 50px;
	display: flex;
}

#page #footer li{
	padding: 0;
}
#page #footer .footer-bloc{
	padding: 15px 40px;
	border-right: 1px solid rgba(255,255,255,0.5);
	width: 23%
}

#page #footer .bloc-social li {
	display: block;
  margin-top: 26px;
}
#page #footer .footer-bloc:nth-child(5){
	border: 0 none;
}
#page #footer .bloc-contact span{
	display: block;
}
#page #footer .bloc-contact a,
#page #footer .bloc-social a,
#page #footer .bloc-logo a{
	
	text-align: center;
}
#page #footer .bloc-social a{
	  -webkit-transition: all 0.1s;
    transition: all 0.1s;
}
#page #footer .bloc-social a:hover{
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
#page #footer .bloc-submenu ul{
	margin-top: 35px;
	display: block;
}
#page #footer a{
	color: white;
	display: block;
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: left;
	position: relative;
}
#page #footer a:hover{
	color: #002e55;
}
#page #footer .bloc-logo img{
	margin-top: 76px;
}
#page #footer .bloc-social{
	width: 8%;
	text-align:center;
}

#page #footer .bloc-social a{
	font-size: 28px;
}
#page #footer .bloc-contact{
	text-align: center;
	padding: 15px 30px;
}
#page #footer .bloc-contact p{
	font-size:16px;
	text-transform: none;
	letter-spacing: normal;
	line-height: 24px;
}
#page #footer .bloc-contact p a{
	font-size:22px;
	letter-spacing: normal;
}
#page #footer .bloc-contact span{
	font-size:16px;
}
#page #footer .bloc-contact h4{
	color: white;
	text-transform: uppercase;
	/*font-size: 20px;*/
	font-size: 16px;
	margin-top: 26px;
	font-weight:bold;
}
#page #footer .bloc-contact hr{
	width: 30%;
}
#footer p,
#footer p a{
	color: white;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0;
	position: relative;
}
/* ================= SIDEBAR MENU / SIDEBAR USER ==================== */

.container {
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0;
	left: 0;
	-webkit-transition:  left 0.3s ease-in-out;
	-moz-transition:  left 0.3s ease-in-out;
	-ms-transition:  left 0.3s ease-in-out;
	-o-transition:  left 0.3s ease-in-out;
	transition:  left 0.3s ease-in-out;
}
.container.open-sidebar-menu {
    left: 336px;
}
.container.open-sidebar-user {
    left: -400px;
}

#sidebar-user {
	position: absolute;
	background: #ffffff;
	width: 400px;
	right: -400px;
	height: 100%;
	z-index:100;
	overflow-x: hidden;
}
#sidebar-menu {
	position: absolute;
	background: #ffffff;
	width: 336px;
	left: -336px;
	height: 100%;
	overflow-x: hidden;
	/*z-index: 1000;*/
}
#sidebar-user-content{
	padding: 30px 40px;
	overflow-y: scroll;
	height: 100%;
	width: 354px;


}
#sidebar-menu-content{
	padding: 30px 40px;
	overflow-y: scroll;
	height: 100%;
	width: 337px;

}
#sidebar-user-content{
	/*position:fixed;*/
	width: 400px;
	padding: 40px 60px;
}
#sidebar-user hr,
#sidebar-menu hr{
	border-bottom: 0 none;
	border-top: 1px solid #aa272f;
}
#sidebar-user ul,
#sidebar-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar-user ul li,
#sidebar-menu ul li {
	margin: 0;
}
#sidebar-user ul li a,
#sidebar-menu ul li a {
	padding: 14px 0;
	letter-spacing: 2px;
	line-height: 18px;
	font-size: 13px;
	font-weight: 400;
	color: #6a6a6a;
	display: block;
	text-transform: uppercase;
}

#sidebar-menu ul li:hover a,
#sidebar-menu ul li:focus a,
#sidebar-user ul li:hover a,
#sidebar-user ul li:focus a,
#sidebar-menu ul li a:hover,
#sidebar-menu ul li a:focus,
#sidebar-user ul li a:hover,
#sidebar-user ul li a:focus {
	color: #aa272f;
}

.main-content .content h1{
    font-weight: 100;
}
.main-content .content p{
    width: 100%;
    line-height: 160%;
}
.main-content #sidebar-menu-toggle {
    display: block;
    position: absolute;
	  left: 20px;
	  top: 25px;
		height: 32px;
  	width: 40px;
		z-index: 20
}
.main-content #sidebar-menu-toggle .bar{
    display: block;
    width: 40px;
    margin-bottom: 5px;
    height: 7px;
    background-color: #fff;
    border-radius: 6px;   
}
.main-content #sidebar-menu-toggle .bar:last-child{
     margin-bottom: 0;   
}

#sidebar-user-toggle,
#home #sidebar-user-toggle,
.user-bar #sidebar-user-toggle-mobile{
	display: block;
	float: right;
	width: 40px;
	height: 35px;
	margin: -5px -14px 0 30px;
	background-image: url('img/compte-black.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px auto;
	
	-webkit-transition: transform 0.2s;
	transition: transform 0.2s;
}

#sidebar-user-toggle:hover,
#home #sidebar-user-toggle:hover{
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

#home.page-connection #sidebar-user-toggle:hover{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
#home.page-connection #sidebar-user-toggle{
	opacity: 0.2;
	cursor: auto;
	pointer-events: none;
}
#home #sidebar-user-toggle{
	background-image: url('img/compte.png');
}
.user-bar #sidebar-user-toggle-mobile{
	background-image: url('img/compte-red.png');
}
#sidebar-user-toggle.close-user{
	background-image: url('img/compte-close-black.png');
	background-size: 25px auto;
	margin-top: -3px;
}
#sidebar-user-toggle.close-user:hover{
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}
#home #sidebar-user-toggle.close-user{
	background-image: url('img/compte-close.png');
	background-size: 25px auto;
	margin-top: -3px;
}
#home #sidebar-user-toggle.close-user:hover{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
}
.user-bar #sidebar-user-toggle-mobile.close-user{
	background-image: url('img/compte-close-red.png');
	background-size: 25px auto;
}


#sidebar-user-content h4{
	text-transform: uppercase;
	color: #aa272f;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	letter-spacing: 3px;
	margin: 0 0 8px;
	line-height: 22px;
}
#sidebar-user-content h3{
	color: #6a6a6a;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 24px;
}
#sidebar-user-content a{
	color: #aa272f;
	display: block;
	text-align: center;
	font-size: 12px;
	margin-bottom: 5px;
}
#sidebar-user-content h4+ a{
	color: #9c9c9c;
}
#sidebar-user-content a:hover{
	color: #484848;
}
#sidebar-user-content hr{
	margin-top: 25px;
}

#sidebar-user-content input, #sidebar-user-content select{
	border-radius: 100px;
	margin-bottom: 20px;
	border: 0 none;
	background-color: #f3f3f3;
	color: #565656;
	padding: 5px 20px;
  width: 100%;
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
}
#sidebar-user-content .select2-selection{
	margin-bottom: 20px;
}
.select2-container--open .select2-dropdown--below{
	margin-top:0;
}
.select2.select2-container.select2-container--below .select2-selection__rendered{
 color:#333!important;
}
#sidebar-user-content input:focus, #sidebar-user-content select:focus{
	background-color: white;
	border: 1px solid #6a6a6a;
	font-family: 'Georgia',serif;
	font-style: italic;
}
#sidebar-user-content input[type="submit"]{
	background-color: white;
	border: 2px solid #aa272f;
	color: #aa272f;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-radius: 0;
	font-family: 'Ubuntu',sans-serif;
	padding: 8px 12px;
	white-space: normal;
	font-weight: 700;
	line-height: 18px;
}
#sidebar-user-content input[type="submit"]:focus,
#sidebar-user-content input[type="submit"]:hover{
	background-color: #aa272f;
	color: white;
	font-style: normal;
}

#sidebar-user-content .edit-password{
	text-align: right;
	margin-top: -15px;
	margin-bottom: 35px;
	font-size: 10px;
}

#sidebar-menu-toggle{
   position: relative;
 -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

#sidebar-menu-toggle .bar{
	transition:all 0.3s ease;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	position:absolute;
}

#sidebar-menu-toggle .bar:nth-child(1) {
  top:0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#sidebar-menu-toggle .bar:nth-child(2) {
  top:12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#sidebar-menu-toggle .bar:nth-child(3) {
  top:24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.open-sidebar-menu #sidebar-menu-toggle .bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -6px;
  left: 8px;
}

.open-sidebar-menu #sidebar-menu-toggle .bar:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.open-sidebar-menu #sidebar-menu-toggle .bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 22px;
  left: 8px;
}
/* ================= HOME ==================== */
.home {
	background-color: #0a0a0a;
}
#home .main-content{
	background-image: url(img/bg-home-olfatheque.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}
#home .main-content .content{
	height: 100%;
}

#home #footer {
	bottom: 0;
	margin: 0 0 20px 0;
	/*position: absolute;*/
	width: 100%;
	text-align: center;
	z-index: 1;
}
#home-bloc-search{
	width: 800px;
	margin:0 auto;
	/*position: relative;
  top: 50%;
  -webkit-transform: translateY(-75%);
  -ms-transform: translateY(-75%);
  transform: translateY(-75%);*/
	/*text-align: center;*/
	padding-top: 20px;
	z-index: 2;
}

#page-404{
	text-align: center;
	color: white;
	text-transform: uppercase;
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#page-404 .btn-accueil{
	color: white;
	letter-spacing: 2px;
	border:2px solid white;
	padding: 10px 20px;
	margin: 50px auto 0;
	font-size: 17px;
	display: block;
	width: 250px;
	position: relative;
	z-index: 20;
}
#page-404 .btn-accueil:hover{
	background-color: white;
	color: #565656;
}
#page-404 .nb404{
	font-size: 370px;
	 margin: -140px 0 -202px;
	font-weight: 700;
	 opacity: 0.15;
}
#page-404 .error{
	font-size: 50px;
	letter-spacing: 4px;
}
#page-404 .impossible{
	font-size: 20px;
	letter-spacing: 2px;
}
#home .search-avanced{
	float:none;
	margin: 30px 0 0;
	text-align: center;
	width: 100%;
}
#help a,
#home .search-avanced a{
	font-size: 13px;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1.5px;
	font-weight: 500;
	position: relative;
}
#help a:hover,
#footer p a:hover,
#home .search-avanced a:hover{
	color: white;
}


#help a:before,
#footer p a:before,
.row-already a:before,
#cadre_droit .tab-parfum .pyramide .note p a:before,
#recap p a:before,
#home .search-avanced a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
	border-radius: 5px;
  background-color: white;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
	-webkit-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}
#page #footer a:before{
 height: 0;
}
#recap p a:before,
#cadre_droit .tab-parfum .pyramide .note p a:before{
	background-color: #565656;
	bottom: -2px;
	height: 1px;
	-ms-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;

	/*-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;*/
}
#reset-pass-input{
	margin-bottom:20px;
}
#help a{
	text-align:center;
	display:block;
	width:40px;
	margin: 20px auto 0;
}

#help a:hover:before,
.row-already a:hover:before,
#footer p a:hover:before,
#cadre_droit .tab-parfum .pyramide .note p a:hover:before,
#recap p a:hover:before,
#home .search-avanced a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#home #global-search-form{
	margin-top: 60px;
}
#home #global-search{
	height: 66px;
	background-color:rgba(255,255,255,0.2);
	border: 2px solid rgba(255,255,255,0.3);
	padding-left: 20px;
	padding-right: 45px;
	font-family: 'Georgia', serif;
	font-style: italic;
	font-weight: normal;
	color: white;
	border-radius: 15px;
	width: 100%;
	position: relative;
	z-index: 1;
}

#home .search-submit{
	border-radius: 15px;
	width: 60px;
	height: 60px;
	float: right;
	margin:-63px 0 0 0;
	background-color: transparent;
	background-image: none;
	border:0;
	background-image: url(img/loupe.png);
	background-position:center;
	background-size: 30px auto;
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 2;
}


#home #bloc-social{
	float: right;
	margin: -40px 30px 0 0;
}

#home #bloc-social li a{
	margin-left: 40px;
	color: white!important;
	font-size: 24px;
	display: block;
	float: right;
	-webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.valid-registration a,
.valid-registration h3{
color:#fff!important;
font-weight:bold;
font-size:22px;
text-align: center;
	-webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.valid-registration a:hover,
#home #bloc-social li a:hover{
	-ms-transform:scale(1.15);
	-webkit-transform:scale(1.15);
	transform:scale(1.15);
}

#bloc-user{
	right: 20px;
  top: 25px;
	position: absolute;
	z-index: 20;
}
#page #bloc-user{
	top: 35px;
	right: 30px;
}
#page #lang-drop{
	margin-left: 30px;
}
#bloc-langue-content{
	float: right;
}

/* ================= PAGE ==================== */

.page-default #cadre_gauche{
	padding: 20px 30px 50px 70px;
}
.page-default #cadre_droit{
	padding: 20px 70px 50px 30px;
}
.page-default #cadre_droit h1, 
.page-default #cadre_droit h2, 
.page-default #cadre_droit .btn-share{
	width: 100%;
}
.page-default #cadre_gauche{
	text-align: center;
}

.bloc-infos{
	border-bottom: 6px solid #aa272f;
	background-color: #F4F3F1;
	padding:40px 60px;
	text-align: left;
}
.bloc-infos span{
	 color: #aa272f;
    display: block;
    float: left;
    font-weight: 700;
    width: 180px;
}
.bloc-infos a{
	color: #585858;
	
}
.bloc-infos a:hover{
	text-decoration: underline;
	
}
#cadre_result_ext{
	width: 100%!important;
	padding: 0!important;
	background-color: transparent!important;
}
#cadre_result{
	width: 100%!important;
	border-radius: 0!important;
}

/**/
body{
	padding-top:0px!important;
	/*background-color: #0a0a0a;*/
	background-image: url(img/bg-home-olfatheque.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;


	}
	#page.header-fixed-top .main-content{
		padding-top:113px!important;
	}
	#page.header-fixed-top #header{
		position:fixed;
		top:0;
		width:100%;
		left:0;
		z-index:500;
		background-color: rgba(255,255,255,1);
		-webkit-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
		-webkit-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		right:0;
	}
/**/

.interactive-map {
    width: 100%;
		margin-top: -40px;
    -ms-transform: translateX(-14%) scale(0.8);
    -webkit-transform: translateX(-14%) scale(0.8);
    transform: translateX(-14%) scale(0.8);
}

.total-link{
	cursor:pointer;
}

/**/

.glossaire-list-top {
 	background-color: #f8f8f8;
	display: block;
	/*height: 50px;*/
	margin: -30px 0 30px 0;
	padding: 10px 0;
	width: 100%;
	padding: 20px 0 10px 30px;
	float:left;
}
.glossaire-list-top .ligne img{

display:none;
}
.glossaire-list-top h3{
	margin: 0;
	padding: 0;
}
#page .glossaire-list-top h3 a{
	color: #585858;
}
#page .glossaire-list-top h3 a:hover{
	color: #aa272f;
}
#page .glossaire-list-top .ligne{
	width:3.846%;
	float:left;
	margin: 0!important;
	height: auto!important;
}
.glossaire-list-top .col-xs-4{
	display: none;
}
.glossaire-list-top .col-xs-8{
	padding: 0;
}
/**/
/**/
#page .histoire-list-top{
	margin: 30px 0 50px 0;
}
/*-page .histoire-list-top .ligne img{
	display:none;
}
#page .histoire-list-top .col-xs-4{
	display: none;
}
#page .histoire-list-top .col-xs-8{
	width: 100%;
	padding: 0;
}*/
#page .histoire-list-top h3{
	font-size: 18px;
	text-align: center;
	margin: 0;
}
#page .histoire-list-top h3 span,
#page .histoire-list-top h3 a{
	display: block;
	padding: 20px 30px;
	width:100%;
	color: #565656;
	background-color: #f5f5f5;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#page .histoire-list-top h3 span.active{

	background-color: #aa272f;
	color: white;

}
#page .histoire-list-top h3 a:hover{
	background-color: #aa272f;
	color: white;
}
#page .histoire-list-top .ligne{
	height:72px!important;
	margin:0!important;
}
/**/

/*
SELECT 2
*/


.select2-container{
	width:100%!important;
}

.select2-container--default .select2-selection--single{
    border-radius: 20px;
    width: 100%;
    border: 1px solid #F3F3F3;
    background-color: #F3F3F3;
    padding: 4px 6px;
    transition: all 0.3s ease;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	text-align: left;
	color:#A9A9A9;
	line-height:19px;
}

.select2-dropdown{
	border:5px solid #F3F3F3;
}


/**/


#page #header {
	padding: 20px 0 20px 20px;
	border-bottom: 1px solid #ececec;
  margin-bottom: 30px;
}
#sidebar-menu .logo-sidebar{
	text-align: center;
}
#sidebar-menu .logo-sidebar img{
	margin: 5px 0 15px;
	max-width: 100%;
	width: 90px;
}
#page .main-content #sidebar-menu-toggle .bar{
	background-color:#565656; 
}
#page #logo-olfatheque{
	margin-left: 90px;
	float:left;
}
#page .main-content #sidebar-menu-toggle{
	top: 33px;
	display: block;
	width: 40px;
	height: 60px;
}
#page #sidebar-user {
	border-left: 1px solid #f0f0f0;
}
#page #sidebar-menu {
	border-right: 1px solid #f0f0f0;
}
.addthis_toolbox{
	display: none;
}
#page #global-search-form .search-input{
	width: 50%;
	border:0 none;
	background-color: #e8e8e8;
	margin-left: 50px;
	margin-top: 14px;
	border-radius: 50px;
	height: 35px;
	padding: 0 20px;
	border-radius: 50px;
  font-family: 'georgia',serif;
	font-weight: normal;
	font-style: italic;
}
#page .search-submit{
	width: 60px;
	height: 60px;
	margin: 9px 0 0 -60px;
  vertical-align: middle;
	background-color: transparent;
	background-image: url(img/loupe-red.png);
	background-position: center 13px;
	background-size:22px auto;
	background-repeat: no-repeat;
	border:0;
	transition:all 0.3s ease;
	
}


#page #global-search-form:hover .search-submit{
	
	background-position: center 14px;
	background-size:18px auto;
	
	
}


#page .ligne {
	height: 100px!important;
	margin: 10px 20px!important;
}
#nb_result{
	color: #aa272f;
	font-family: 'Georgia', serif;
	font-style: italic;
	font-size: 16px;
}

#page #lang-drop .lang-selector:hover,
#page #lang-drop .lang-selected:hover {
	background-color: #aa272f;
	color: white;
	border-color: #aa272f;
}
h3.facette span{
	font-style: italic;
	font-family: 'georgia',serif;
	text-transform: none;
}
h3.facette + h4{
	color: #9c9c9c;
	font-family: 'Ubuntu',sans-serif;
}
/* ================= Recherche avancée ==================== */

.recherche-avancee #type_result button{
  padding: 8px 28px;
	letter-spacing: 2px;
}
.recherche-avancee #type_result{
  padding: 40px 60px;
}
 
/* ===================== SEARCH =======================*/

.input-bar input,
.input-bar select{
	border-radius :20px;
	width:100%;
	border:1px solid #F3F3F3;
	background-color: #F3F3F3;
	padding:4px 12px;
	transition:all 0.3s ease;
}
.input-bar select{
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #f3f3f3 url("../template/img/arrow-down.png") no-repeat scroll right 1.35rem center / 13px 8px;
	cursor: pointer;
}

.input-bar input:focus{
	background-color: #fff;
	border:1px solid #666;
	font-family: 'Georgia',serif;
	font-style: italic;
}


.input-bar {
	margin-bottom:20px;
}


.button-classic{
	border:3px solid #333;
	padding: 8px 15px;
	background-color:#fff;
	border-radius:0;
	text-transform: uppercase;
	transition:all 0.3s ease;
}

.button-classic:hover{
	background-color:#333;
	color:#fff;
}

#a-search-btn{
	margin-top:50px;
}

#cadre_result{
	margin:0;
}

.page-recherche-avancee #cadre_result{
	padding: 10px 60px 60px;
}

.page-recherche-avancee #liste_result .ligne{
	width: 100%;
}

.page-recherche-avancee #liste_result .ligne .no-results {
    display: block;
    font-size: 18px;
    margin-top: 0;
    padding: 300px 30px;
}
.page-recherche-avancee #nb_result {
	display: block;
}
.page-recherche-avancee #liste_result .ligne .col-xs-4{
	max-width: 186px;
}

.page-recherche-avancee #liste_result {
	padding-left: 40px;
}

#type_result{
	border-top: 5px solid #922C32;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:30px 60px 30px 60px;
}

#nb_result{
	text-align: left!important;
	display:block;
	margin-left:20px;
}
.no-results{
	margin-top: 30%;
}
.no-results i{
	display: block;
	margin-top: 15px;
}
.no-results img{
	opacity: 0.7;
}

/* ================= CREER PARFUM ==================== */
#creer-parfum{
	padding-top: 30px;
	padding-bottom: 50px;
}
#creer-parfum .labelz{
	display: none;
}
#creer-parfum .labelz label{
	color: #585858;
	font-size: 14px;
	font-weight: 100;
	margin: 0 0 5px;
	text-transform: uppercase;
}

#creer-parfum .input-bar {
    margin-bottom: 25px;
}

#creer-parfum  h2{
	margin-bottom: 40px;
	margin-top: 20px;
	color:#aa272f;
}
#creer-parfum .table-result{
	 margin: 20px auto;
   width: 80%;
}
#creer-parfum .table-result .head{
	background-color:#aa272f;
	color: white;
	list-style-type: none;
	padding: 8px 15px 10px;
	border-radius: 5px 5px 0 0;
	margin: 0;
	display: none;
}
#creer-parfum .table-result .head li{
	float: left;
	margin: 0;
	font-weight: 700;
	margin-right: 10px;
}
#creer-parfum .table-result .result{
	text-align: left;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 18px;
}
#creer-parfum .table-result .result select{
	margin-left: 10px;
}
#creer-parfum .table-result div:first-of-type{
	border-top: 1px solid #e5e5e5;
}

#creer-parfum .table-result .glyphicon-trash{
	color: #8c8c8c;
  cursor: pointer;
  font-size: 13px;
  margin-top: 4px;
}
#creer-parfum .table-result .glyphicon-trash:hover{
	color: #aa272f;
}
#creer-parfum label{
	cursor: pointer;
	padding-left: 2px;
	color: #565656;
}
#creer-parfum .input-bar .button-classic{
	border: 0 none;
	display: block;
	margin: 5px 0 0;
	padding: 0 0 0 12px;
	text-align: left;
	width: 100%;
	text-transform: none;
	color: #565656;
	width: 75px;
}
#creer-parfum .input-bar .button-classic:hover{
	background-color: transparent;
	color: #aa272f;
}
#creer-parfum .input-bar .button-classic .glyphicon{
	font-size: 9px;
	display: block;
	float: right;
	margin: 6px 0 0;
}
#creer-parfum input[name="save"]{
	width: 150px;
	margin: 35px auto 25px auto;
	display: block;
	font-weight: 700;
}
#creer-parfum #tabs{
	background-image: none;
	border: 0 none;
	padding: 0;
	margin-top: 5px;
}
#creer-parfum #tabs .ui-tabs-nav{
	padding: 0;
	background-image: none;
	background-color: transparent;
	border-radius: 0;
	border: 0 none;
}
#creer-parfum #tabs .ui-tabs-panel{
	padding: 0;
}
#creer-parfum #tabs .ui-tabs-nav li{
	margin: 0;
	border-radius: 0;
	background-image: none;
	background-color: #aa272f;
	border: 0 none;
	padding: 0;
}
#creer-parfum #tabs .ui-tabs-nav li a{
	padding: 10px 20px;
	color: #767676;
	background-color: white;
	border-top: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	font-weight: normal;
}
#creer-parfum #tabs .ui-tabs-nav li a:hover{
	color: white;
	background-color: #aa272f;
	border-top: 1px solid #aa272f;
	border-right: 1px solid #aa272f;
	border-left: 1px solid #aa272f;
}

#creer-parfum #tabs .ui-tabs-nav li.ui-tabs-selected a{	
	background-color: #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	color: #464646;
	font-weight: 700;
}
#page #creer-parfum #type_result .ui-autocomplete{
	max-height: 175px;
	border-left: 1px solid #dfdfdf;
	padding: 5px 20px 10px;
}
#page #creer-parfum #type_result .ui-autocomplete .ui-menu-item a{
	 padding: 3px 0;
	 font-size: 14px;
}

/**/

.valid-ok{
border-color:#ff0000!important;
}
.valid-nok{
border-color:#ff00ff!important;
}
.valid-ok:after{
	content:"v";
color:#ff0000!important;
}
.valid-nok:after{
	content:"x";
color:#ff00ff!important;
}


/**/

.list-famille-facette #liste_result .ligne{
	min-height: 164px;
	padding: 40px 30px 30px;
}
.list-famille-facette #liste_result .ligne img{
	border:0 none;
}
.list-famille-facette #liste_result .ligne .txt{
	min-height: 95px;
}

.list-famille-facette #liste_result .ligne .col-xs-4 {
  padding: 6px;
  width: 25%;
}
.list-famille-facette #liste_result .ligne .col-xs-8{
	width: 75%;
}
.list-famille-facette  #liste_result .txt h3 a {
   white-space: normal;
}
.list-famille-facette  #liste_result .txt h3 a span{
	display: block;
	font-weight: normal;
  margin-top: 2px;
	font-size: 15px;
}
/* ================= AUTOCOMPLETE ==================== */

.ui-autocomplete{
	background-color: white;
	margin: 0;
	padding: 15px 20px 20px 25px;
	width: 800px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border: 0 none;
	box-shadow: 0 22px 15px -15px rgba(0, 0, 0, 0.2);
	top: 291px!important;
	max-height: 200px;
	overflow-y: scroll;
}
.ui-autocomplete .ui-menu-item{
  font-size: 14px;
  padding: 0;
  text-decoration: none;
	cursor: pointer;
	border-radius: 0;
}
.ui-autocomplete .ui-menu-item a{
	padding: 5px 0;
	line-height: 22px;
	color: #333333;
}
.ui-autocomplete .ui-menu-item a:hover{
	background-color: transparent;
	background-image: none;
	border: 0 none;
	border-radius: 0;
	color: #aa272f;
	margin: 0;
}

.ui-autocomplete .autocomplete-value{
	color: #565656;;
}
.ui-autocomplete .ui-button-icon-primary {
	display: none;
}

#page .ui-autocomplete{
	top: 95px!important;
	left:0!important;
	padding: 20px 20px 20px 33px;
	max-height: 300px;
	z-index: 10!important;
}
#page #creer-parfum .ui-autocomplete{
	top: 31px!important;
	padding: 20px 20px 20px 33px;
	max-height: 300px;
	z-index: 10!important;
}
#page .ui-autocomplete .ui-menu-item{
	font-size: 17px;
}
#page .ui-autocomplete .ui-menu-item a{
	line-height: 25px;
}
#div_result {
    border-bottom: 1px solid #ececec;
    margin: auto;
    overflow: hidden;
    padding-bottom: 30px;
    text-align: center;
}
/* ================= LISTES ==================== */
#liste_result .ligne{
	width: 33.333%;
	height: auto !important;
	margin: 0 !important;
	float: left;
	border-right: 3px solid white;
	padding: 40px 30px;
	min-height: 234px;
	
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e0e0de 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0de 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e0e0de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0de',GradientType=0 );
}
.page-recherche-avancee #liste_result .ligne{
	border-right: 0 none;
}
#liste_result .ligne.no-results{
	width: 100%;
	padding: 200px 50px;
}
#liste_result .ligne img{
	max-width: 100%;
	border: 1px solid #dadada;
}
#liste_result .ligne.famille-facette{
	padding-top: 55px;
}
#liste_result .ligne.famille-facette h3 span{
	display: block;
	font-size: 15px;
	font-weight: 300;
	margin-top: 2px;
}
.list-famille-facette #liste_result .ligne.famille-facette{
	padding-top: 40px;
}
.list-famille-facette #liste_result .ligne.famille-facette img{
	max-width: 72px;
}
#liste_result .ligne.famille-facette img{
	border: 0 none;
	max-width: 72px;
}
#liste_result .ligne.famille-facette .col-xs-4{
	 margin-top: 24px;
}
.list-famille-facette #liste_result .ligne.famille-facette .col-xs-4{
	margin-top: 0;
}
#liste_result .famille img,
#liste_result .type-edt img,
#liste_result .genre img{
	margin:-6px 0 0 0;
	border: 0 none;
}
#liste_result .ligne .txt{
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 134px;
}
#liste_result .ligne .txt p{
	margin: 0;
}
#liste_result .ligne .icon_type{
	display: none;
}
#liste_result .tags{
	width: 100%;
	display: block;
	margin:	11px 0 0 0;
	padding: 0;
}
#liste_result .tags li{
	list-style-type: none;
	float: left;
	margin-right: 10px;
}
#liste_result .txt h3{
	margin: 0 0 4px;
}
#liste_result .txt h3 a{
	color: #565656;
	display: block;
	font-size: 20px;
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}
#liste_result .txt h4 {
    font-size: 14px;
    margin: 0 0 4px;
}
#liste_result .txt h4 a{
    color: #a2a2a2;
    font-weight: 100;
    text-transform: uppercase;
}
#liste_result {
	text-align: center;
}

.pagination > li > a,
.pagination > li > span{
	margin-right: 10px;
	border-radius: 50%!important;
	border-width: 2px;
	border-color: #fff;
	background-color: transparent;
	color: #fff;
	font-family: 'ubuntu',sans-serif;
  font-weight: 800;
}
.pagination > li > a:hover{
	color: #383838;
	background-color: white;
	border-color: #fff;
}
.pagination > li > a.extremities{
 	border: 0 none;
 	padding: 8px 2px;
	margin-right: 30px;
	text-transform: uppercase;
}
.pagination > li > a.extremities:hover,
.pagination > li > a.extremities:focus{
	background-color: transparent;
	color: white;
	text-decoration: underline;
}
.pagination > li > a,
.pagination > li > span{
	width: 36px;
	height: 36px;
	padding: 6px 0;
}
.list-page{
	background-color: #383838;
	margin: -20px 0 0;
	text-align:center;
}
/* ================= FICHE ==================== */
.page-famille #cadre_droit {
    padding: 50px 50px 0 0;
}
.page-famille .nav-tabs{
	margin-top: 80px;
}
.page-famille #recap p span {
    width: 240px;
}
.page-famille #cadre_gauche .image{
	 max-width: 280px;
}
#cadre_result {
    width: 810px;
    background-color: #FFFFFF;
    margin: auto;
    overflow: hidden;
    position: relative;

}
#liste_result .ligne{
	opacity: 1;
	-webkit-transition: opacity 0.3s; 
	transition: opacity 0.3s;
}
#liste_result:hover .ligne{
	opacity: 0.65;
}
#liste_result .ligne:hover{
	opacity: 1;
	box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.1);
}
#liste_result .ligne .txt p a{
	color: #aa272f;
}
#liste_result .ligne .txt p a:hover{
	color: #333;
}



#cadre_result #cadre_gauche{
	padding-bottom: 45px;
}
#cadre_result_ext {
    width: 830px;
    background-color: #cc0001;
    margin: auto;
    padding : 3px;
    overflow: hidden;
}

#cadre_gauche {
    overflow: hidden;
    text-align: left;
    padding: 10px;
}
#cadre_gauche .img-parfum{
   width:100%;
	 margin-top: 30px;
}
#cadre_gauche .img-famille{
   margin-left: -61%;
   width: 165%;
}

#cadre_gauche .fiche-famille{
	
}

#cadre_gauche .fiche-image{
	text-align: center;
}
#cadre_gauche .img-parfum-txt{
	margin-top: 20px;
}
#cadre_gauche .img-parfum-txt span{
	color: #565656;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#cadre_gauche .img-parfum-txt span:first-child{
	margin-right: 15px;
	
}

#cadre_gauche .img-parfum-txt img{
	width: 38px;
	margin-top: -10px;
}

#cadre_droit {
    padding: 20px;
    overflow: hidden;
    text-align: left;
}
.fiche-parfum #cadre_droit{
	 min-height: 682px;
}
#cadre_droit h1,
.page-contact h1,
.page-faq h1,
.fiche-title-mobile h1{
	color: #aa272f;
	font-weight: 700!important;
	text-transform: uppercase;
	margin: 0 0 0 0;
	font-family: 'ubuntu',sans-serif;
  font-size: 28px;
}
.page-contact h1{
	margin-top: 50px;
	margin-bottom: 30px;
}
.page-contact .input-bar input{
	width: 49%;
	padding: 8px 18px;
}
.page-contact .ui-dialog-buttonset{
	text-align: center;
	margin-top: 30px;
}
.page-contact .g-recaptcha {
    margin: 22px auto;
    width: 305px;
}
.page-contact small{
	margin-top: 15px;
}
.defaultSkin table tr td{
	border: 0 none!important;
}
.defaultSkin table{
	border-color: #e9e9e9 !important;
}
.defaultSkin table tbody{
	border-radius: 25px;
}
.page-contact #button-contact{
	margin: 0 auto;
	width: 200px;
	height: 40px;
	border-radius: 0 none;
	background-color: transparent;
	border: 0 none;
}
#contact_form{
	margin-bottom: 50px;
}
#cadre_droit h1 img{
	margin: -10px -47px -11px 20px;
  width: 27px;
}
.fiche-title-mobile h1 img{
	margin: -10px -37px -11px 7px;
  width: 30px;
}
#cadre_droit h2 {
	margin: 0;
}
#cadre_droit h2 a,
#cadre_droit h2,
.fiche-title-mobile h2 a,
.fiche-title-mobile h2{
	font-weight: normal;
	color: #565656;
	font-weight: 100;
	font-size: 20px;
	text-transform: uppercase;
}

#cadre_droit h1,
#cadre_droit h2,
#cadre_droit .btn-share{
	width: 94%;
}

#inscription_form .g-recaptcha > div >div {
	margin: 0 auto;
}
#inscription_form .cb-newsletter {
   margin-top: 10px;
	text-align: center;
}
.delim_bleu{
    margin: -5px auto -2px auto;
    height: 3px;
    clear: both;
    background-color: #CC0001;
    width: 80%;
}
h1, h2{
    margin: 5px;
    text-align: center;
}
h3{
    text-align: left;
    margin: 15px 15px 15px -5px;
}

.edit{
    position: absolute;

    display: block;
    top: 15px;
    right: 50px;
    width: 20px;
    height: 20px;
}
.delete{
    position: absolute;
    display: block;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
}
#matiere{
    text-align: left;
}
.btn-share img{
	width: 36px;
	margin: 10px 0 45px 0;
}

#cadre_droit .tab-parfum h3,
.titre-page{
	text-align: center;
	font-weight: 700;
	color: #565656;
	text-transform: uppercase;
	margin: 0 0 50px 0;
}
#cadre_droit .tab-parfum h4{
	text-transform: uppercase;
	color: #565656;
	font-weight: 700;
}
#recap p {
	font-size: 16px;
	width: 100%;
	clear: both;
	margin: 0 0 5px;
	line-height: 30px;
}

#recap p span{
	color: #aa272f;
	display: block;
	font-weight: 700;
	width: 180px;
	float: left;
	height: 35px;
	position: relative;
}
#recap p a{
	color: #565656;
	position: relative;
}
#recap p a:hover{
	color: #565656;
	
}
.famille img,
.type-edt img,
.genre img{
	margin-left: 10px;
	margin-top: -4px;
	width: 28px;

}
.famille img{
	margin-right: -37px;
}

.famille-letter {
	font-style: normal;
	position: absolute;
	left: 7px;
	color: white;
	text-shadow: 0px 1px 6px rgba(0,0,0,0.5);
}


.famille-letter-p {
	font-style: normal;
	position: relative;
	left: 18px;
	color: white;
	text-shadow: 0px 1px 6px rgba(0,0,0,0.5);
}

.famille-letter-plus {
	font-style: normal;
	position: absolute;
	left: 23.5px;
	color: white;
	font-size: 19px;
	top: 53px;
	text-shadow: 0px 1px 6px rgba(0,0,0,0.5);
}

.famille-letter-plus-2 {
	font-style: normal;
	position: absolute;
	left: 22.5px;
	color: white;
	font-size: 19px;
	top: 51px;
	text-shadow: 0px 1px 6px rgba(0,0,0,0.5);
}

h3.parfums-associe{
	background-color: #242424;
	color: white;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	/*margin: 30px 0 0;*/
	margin: 0 0 0;
	padding: 28px 0;
	font-size: 22px;
	font-family: 'Ubuntu',sans-serif;
}
h3.parfums-associe::after{
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #242424;
	content: "";
	display: block;
	height: 0;
	margin: 27px auto -42px;
	width: 0;
	position: relative;
	z-index: 2;
}
h3.parfums-associe a{
	position: absolute;
	right: 40px;
	font-size: 13px;
	border:2px solid #929292;
	color: #929292;
	padding: 7px 10px;
	font-weight: 300;
	margin-top: -4px;
	letter-spacing: 2px;
}
h3.parfums-associe a:focus,
h3.parfums-associe a:hover{
	color: white;
	border:2px solid white;
}
h3.parfums-associe + .list-product{
	background-color: #f5f5f5;
}
h3.parfums-associe + .list-product > ul > li{
	width: 33.333%;
	float: left;
	margin: 0;
}
h3.parfums-associe + .ficheEntrepriseMarque > ul > li{
	width: 25%;
	min-height: 394px;
}
h3.parfums-associe + .ficheEntreprisePerfumer > ul > li{
		width: 25%;
	padding: 0;
	margin-bottom: 4px;
}
.page-entreprise #cadre_gauche .img-entreprise img{
	max-width: 100%;
}

.ficheEntreprisePerfumer .img{
	padding: 0;
}
.ficheEntreprisePerfumer .txt{
		color: #9c9c9c;
    font-size: 16px;
    padding: 30px 50px;
	 	background-color: white;
    border: 1px solid #ccc;
}
.ficheEntreprisePerfumer .txt a{
	color: #282828;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
}

.ficheEntreprisePerfumer .img img{
	width: 100%;
}
.ficheEntrepriseMarque .img{
	text-align: center;
}
.ficheEntrepriseMarque .txt{
	text-align: center;
	 margin-bottom: -20px;
   margin-top: 20px;
}
.ficheEntrepriseMarque .txt a{
	text-transform: uppercase;
	color: #565656;
	font-size: 17px;
	font-weight: 700;
}
.ficheEntrepriseMarque .img img{
	max-width: 100%;
}

h3.parfums-associe + .ficheEntrepriseMarque > ul > li{
	min-height: 316px;
}
h3.parfums-associe + .ficheMatiereMatiere.list-product > ul > li{
	width: 25%;
	padding: 40px;
}
h3.parfums-associe + .ficheMatiereMatiere.list-product > ul > li h3{
	margin-top: 20px;
}
h3.parfums-associe + .ficheMatiereMatiere.list-product > ul > li h3,
h3.parfums-associe + .ficheMatiereMatiere.list-product > ul > li h4{
	text-align: center;
}
h3.parfums-associe + .ficheMatiereMatiere.list-product > ul > li h4 a{
	color: #aa272f;
}
h3.parfums-associe + .ficheMatiereMatiere.list-product > ul > li .col-xs-12{
	float: none;
	text-align: center;
	padding: 0;
}
.ficheMatiereMatiere.list-product .list-product-img img {
	width: 80%;
}

h3.parfums-associe.expertise{
	margin-top: 0;
	background-color: white;
	border-top: 2px solid #aa272f;
	border-bottom: 2px solid #aa272f;
	color: #aa272f;
	font-weight: 600;
}
h3.parfums-associe.expertise::after{
	border-right:2px solid #aa272f;
	border-bottom:2px solid #aa272f;
	border-top: 0 none;
	border-left: 0 none;
	background-color: white;
	height: 25px;
	width: 25px;
	margin: 17px auto -42px;
	
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

h3.parfums-associe.red{
	background-color: #aa272f;
	clear:both;
}
h3.parfums-associe.red a{
	color: white;
	border-color: white;
}
h3.parfums-associe.red a:hover{
	background-color: white;
	color: #aa272f;
}
h3.parfums-associe.red::after{
	border-top-color: #aa272f;
}
.fiche_personne h1{
	margin-top: 20px!important;
}
.fiche_personne h3.parfums-associe.red{
		margin-top: -19px;
}
.fiche_personne #cadre_droit{
	padding: 40px 80px 70px;
}
.fiche_personne .desc-personne p{
	font-size: 16px;
	line-height: 28px;
}
.bloc-expertise .expertise-olfactoriums{
	text-align: right;
}
.bloc-expertise .expertise-olfactoriums .col-sm-6:last-child{
	text-align: center;
}
.bloc-expertise .expertise-olfactoriums h4,
.bloc-expertise .expertise-formations h4{
	color:#525252;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight: 700;
}
.bloc-expertise .expertise-formations p,
.bloc-expertise .expertise-formations h4{
	text-align: center;
}
.bloc-expertise .expertise-formations .evenements p,
.bloc-expertise .expertise-formations .evenements h3{
	text-align: left;
}
.bloc-expertise .expertise-olfactoriums p{
	color:#525252;
	font-size: 15px;
  line-height: 30px;
}
.bloc-expertise .expertise-olfactoriums button{
	background-color: transparent;
	border: 1px solid #aa272f;
	border-radius: 0;
	color: #aa272f;
	font-size: 12px;
	letter-spacing: 2px;
	margin-top: 10px;
	padding: 5px 12px;
	text-transform: uppercase;
}
.bloc-expertise .expertise-olfactoriums button:hover{
	background-color: #aa272f;
	color: white;
}
.bloc-expertise hr{
	border-color: #aa272f;
	border-width: 2px;
  width: 50px;
}
.bloc-expertise .expertise-olfactoriums hr{
		float: right;
}
.bloc-expertise .expertise-olfactoriums,
.bloc-expertise .expertise-formations{
	padding: 50px 70px;
}
.list-product ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.list-product hr{
	border-color: #d6d6d6;
	border-width: 2px;
	margin: 20px 0 12px;
	width: 10%;
}

#liste_result hr{
	border-color: #d6d6d6;
	border-width: 2px;
	margin: 15px 0;
	width: 10%;
}


.list-product .tags li{
	float: left;
	margin: 13px 0 0;
}
.list-product h3,
.list-product h4,
.list-product p{
	text-align: left;
}
.list-product p {
	margin-bottom: 0;
}
.list-product .keywords li{
	float: left;
	margin-right: 4px;
}
.list-product .keywords a{
	color: #aa272f;
}
.list-product .list-product-img{
	padding-left: 0;
}
.list-product .list-product-img img{
	border: 1px solid #c2c2c2;
	width: 100%;
	background-color: white;
}
.list-product > ul > li{
	border-right: 3px solid white;
	min-height: 300px;
	padding: 60px 40px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e0e0de 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0de 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e0e0de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0de',GradientType=0 );
}

.list-product > ul > li h3{
	margin: 0 0 4px 0;
}
.list-product > ul > li h3 a{
		color: #565656;
    font-size: 21px;
    font-weight: 800;
    text-transform: uppercase;
	 	text-overflow: ellipsis;
		overflow: hidden;
    white-space: nowrap;
		display: block;
}
.list-product > ul > li h4{
	margin: 0;
	font-size: 14px;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-product > ul > li h4 a{
	color: #a2a2a2;
	text-transform: uppercase;
	font-weight: 100;
}

.list-product .famille img{
		margin: -4px 0 0;
    width: 30px;
}
a.more-product{
	color: #cdcdcd;
	padding: 45px 20px;
	display: block;
	font-family: "georgia",serif;
  font-size: 23px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position:relative;

}
a.more-product:hover{
	color:#9d9d9d; 
	padding-bottom:60px;
}

a.more-product::before {
	position: absolute;
	top: 55%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

a.more-product:hover::before,
a.more-product:focus::before {
	color: #cdcdcd;
	
	text-shadow: 20px 0 #cdcdcd, -20px 0 #cdcdcd;
}



.expertise-formations{
	min-height: 438px;
	
	background: #F2F2F2;
	background: -moz-linear-gradient(left, #F2F2F2 0%, #ffffff 50%);
	background: -webkit-linear-gradient(left, #F2F2F2 0%,#ffffff 50%);
	background: linear-gradient(to right, #F2F2F2 0%,#ffffff 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#ffffff',GradientType=1 );
}

.formations-description{
	color: #565656;
	font-size: 16px;
	line-height: 24px !important;
	margin-bottom: 20px;
}
.evenements{
	border: 1px solid #dfdfdf;
	border-left: 6px solid #aa272f;
	cursor: pointer;
	width: 75%;
	padding: 20px 0;
	margin: 0 auto;
}
.evenements h3{
	margin: 5px 0 0 0;
	font-size: 16px;
	text-transform: uppercase
}
.evenements p{
	margin: 0;
	font-size: 14px;
}
.evenements span{
	display: block;
	font-size: 30px;
	text-align: center;
}
.evenements .date span:first-child{
	margin-top: 5px;
}
.evenements .date span:last-child{
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: -2px;
}

.fiche_matiere,
.fiche_personne{
	margin-top: -20px!important;
}
.fiche_matiere #cadre_gauche,
.fiche_personne #cadre_gauche{
	padding: 0;
}
.fiche_matiere #cadre_droit{
		padding: 60px 20px;
		min-height: 627px;
}

#cadre_droit .tab-parfum .pyramide{
 	background-image: url("img/notes.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 570px auto;
	height: 564px;
	margin-right: -70px;
	margin-top: -150px;
	padding-top: 150px;
}
#cadre_droit .tab-parfum .pyramide .note{
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 30px;
  padding-top: 30px;
}
#cadre_droit .tab-parfum .pyramide .note:last-child{
	border-bottom: 0 none;
}
#cadre_droit .tab-parfum .pyramide .note h4{
	color: #aa272f;
	text-transform: none;
	margin: 0 0 2px;
	font-size: 16px;
  font-weight: 700;
	text-align: right;
}
#cadre_droit .tab-parfum .pyramide .note p{
	text-align: right;
	margin: 0;
}
#cadre_droit .tab-parfum .pyramide .note p a{
	color:#535353;
	margin-left: 4px;
	font-size: 16px;
	position: relative;
}
#cadre_droit .tab-parfum .pyramide .note p a:hover{
	color: #535353;
}
#cadre_droit .tab-parfum .pyramide .note-tete{
	width: 59%;
}
#cadre_droit .tab-parfum .pyramide .note-coeur{
	width: 51%;
}
#cadre_droit .tab-parfum .pyramide .note-fond{
	width: 43%;
}
#cadre_droit .tab-parfum #description a{
	color: #aa272f;
	font-weight: 700;
}
#cadre_droit #timeline{
	text-align: center;
}
#cadre_droit #timeline ul{
	list-style-type: none;
	padding: 0;
	margin: 0 0 40px;
}
#cadre_droit #timeline li{
	 margin: 30px 0 0;
}

#cadre_droit #timeline li p{
	margin: 28px 0 0;
	width: 42%;
	font-weight: 700;
	color: #565656;
	font-size: 16px;
}
#cadre_droit #timeline li:nth-child(odd) p{
	float: right;
	text-align: left;
}
#cadre_droit #timeline li:nth-child(even) p{
	float: left;
	text-align: right;
}
#cadre_droit #timeline .year{
	background-color: #aa272f;
	display: block;
	width: 80px;
	height: 80px;
	line-height: 75px;
	text-align: center;
	color: white;
	border-radius: 50%;
	font-size: 18px;
	font-weight: 700;
	margin: 0 auto 8px;
	border:3px solid #aa272f;
	
	-webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#cadre_droit #timeline .year:hover{
	background-color: white;
	color:#aa272f; 
}
#cadre_droit #timeline .year::after{
	content: '';
	display: block;
	height: 30px;
	width: 1px;
	border-right: 2px solid #cccccc;
	margin: -108px auto 0;
}

.ui-state-error, 
.ui-widget-content .ui-state-error, 
.ui-widget-header .ui-state-error{
	width: 500px;
	margin: 30px auto 0;
	text-align: center;
	padding: 13px 10px 5px 10px!important;
	background-color: #aa272f;
  color: white;
  border: 0 none;
	background-image: none;
}


.ui-state-success{
	width: 500px;
	margin: 30px auto 0;
	text-align: center;
	padding: 13px 10px 5px 10px!important;
	background-color: green;
	color: white;
	border: 0 none;
	background-image: none;
}

.ui-state-error .ui-icon-alert{
	display: none;
}
/*==========================================================================
   Share button
   ========================================================================== */

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

#share-box-mobile,
#share-box {
  text-align:center;
	width: 94%;
	height: 98px;
	margin-bottom: 2px;
  margin-top: -3px;
}

.page-default #share-box-mobile,
.page-default #share-box{
	width: 100%
}

#share-box-mobile input[type="checkbox"],
#share-box input[type="checkbox"]{
	display:none;
}

#share-box-mobile .checkbox-mobile:checked + .labelz,
#share-box .checkbox:checked + .labelz{
  /*background-color:#f0f0f0;*/
}

#share-box-mobile .checkbox-mobile:checked ~ .social ,
#share-box .checkbox:checked ~ .social {
  opacity:1;
	
  -webkit-transform: scale(1) translateY(3px);
  -moz-transform:scale(1) translateY(3px);
  -o-transform:scale(1) translateY(3px);
  transform:scale(1) translateY(3px);
	
    -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
}

#share-box-mobile .labelz ,
#share-box .labelz {
  font-size:16px;
  cursor:pointer;
  margin:10px 0 0 0;
  padding:0 0 0 0;
  background-color: white;
  border-radius:50%;
  color:#7B7484;
}
#share-box-mobile .labelz img,
#share-box .labelz img{
	width: 40px;
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
#share-box-mobile .labelz img:hover,
#share-box .labelz img:hover{
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
#share-box-mobile .social,
#share-box .social {
  -webkit-transform-origin:50% 0%;
  -moz-transform-origin:50% 0%;
  -o-transform-origin:50% 0%;
  transform-origin:50% 0%;
  
  -webkit-transform: scale(0) translateY(-80px);
  -moz-transform:scale(0) translateY(-80px);
  -o-transform:scale(0) translateY(-80px);
  transform:scale(0) translateY(-80px);
   -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s;
  opacity:0;
}
#share-box-mobile .social ul li a,
#share-box .social ul li a{
	width: 46px;
	height: 46px;
	 margin: -36px 0 0;
	 border-radius: 50%;
   display: block;
}
#share-box-mobile ul,
#share-box ul {
	color: #fff;
	height: 41px;
	left: 0;
	 top: 1px;
	list-style: outside none none;
	margin: auto;
	padding: 0;
	position: relative;
	right: 0;
	width: 148px;
}

#share-box-mobile ul li,
#share-box ul li {
  box-sizing: unset;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 18px;
	height: 11px;
	margin: 0;
	padding: 12px 0;
	text-align: center;
	width: 46px;
}

#share-box-mobile ul li:hover {color:rgba(0,0,0,.5);}
#share-box ul li:hover {color:rgba(0,0,0,.5);}

#share-box-mobile li[class*="twitter"],
#share-box li[class*="twitter"] {
	background-color:#6CDFEA;
	padding: 10px 0 24px;
	border-radius: 50%;
	margin-top: -15px;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
}
#share-box-mobile li[class*="facebook"],
#share-box li[class*="facebook"] {
	padding: 10px 0 24px;
	border-radius: 50%;
	background-color: #3b5998;
	margin: 0 5px;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
}
#share-box-mobile li[class*="gplus"],
#share-box li[class*="gplus"] {
	background-color:#E34429;
	padding: 10px 0 24px;
	border-radius: 50%;
	margin-top: -15px;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
}


/*==========================================================================
   FAQ
   ========================================================================== */
.page-faq#cadre_result_ext {
 	margin-bottom: 90px;
	margin-top: 70px;
	text-align: left;
}
.page-faq h1 {
	margin-bottom: 30px;
}
.page-faq .panel{
	box-shadow: none;
}
.page-faq .panel-heading{
	padding: 0;
}
.page-faq .panel-heading a,
.page-faq .panel-heading a.collapsed:hover{
	padding: 10px 15px;
	display: block;
	background-color: #aa272f;
	color: white;
	text-transform: uppercase;
	border:1px solid #aa272f;
	outline: 0;!important;
	padding: 20px 25px;
	font-size: 18px;
	-webkit-transition: all 0.15s;
	transition: all 0.15s;
}
.page-faq .panel-heading a.collapsed{
	background-color: white;
	color: #585858;
	border:1px solid #585858;
}
.page-faq .panel-body{
	padding: 25px 20px;
}
.page-faq .panel-body ul{
	padding: 0;
	list-style-type: none;
	margin: 0;
}
.page-faq .panel-body ul li .question{
	border-bottom: 1px solid #585858;
	color: #585858;
	display: block;
	font-size: 17px;
	font-weight: 700;
	padding: 15px 0;
}

.page-faq .panel-body ul li .question .glyphicon-menu-down{
	margin-right: 25px;
}

.page-faq .panel-body ul li .answer{
	border-bottom: 1px solid #585858;
}
.page-faq .panel-body ul li .answer p{
	margin: 20px 0 22px;
	color: #585858;
	font-size: 15px;
}

.page-faq .panel-group .panel + .panel {
    margin-top: 10px;
}
/*==========================================================================
   Mobile user bar
   ========================================================================== */
.user-bar{
	background-color: #e7e6e6;
	height: 100%;
	position: absolute;
	right: 0;
	width: 60px;
}
.user-bar #sidebar-user-toggle-mobile{
	float: none;
	margin: 0;
}
.user-bar #bloc-langue-content{
	float: none;
	margin: 0;
}
.user-bar #lang-drop {
    margin-left: 0!important;
}
.user-bar #sidebar-user-toggle-mobile{
	border-bottom: 1px solid white;
	display: block;
	padding: 30px 0;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}
.user-bar #sidebar-user-toggle-mobile:hover{
	background-color: white;
}
.user-bar #sidebar-user-toggle-mobile img{
	width: 13px;
	margin: 0;
}
.user-bar #lang-drop .dropdown-menu li a,
.user-bar .lang-selector{
	margin: 0 auto;
}

#sidebar-menu .user-bar .bloc-social{
	bottom: 0;
	position: absolute;
	width: 60px;
}
#sidebar-menu .user-bar .bloc-social a{
	text-align: center;
	font-size: 18px;
	padding: 20px 0;
	letter-spacing: 0;
	border-top: 1px solid white;
}
#sidebar-menu .user-bar .bloc-social a:focus,
#sidebar-menu .user-bar .bloc-social a:hover{
	background-color: white;
	color: #aa272f;
}
.fiche-title-mobile{
		display: none;
}

.wrap-full-img{
	display: -webkit-flex;
	display: flex;
}
.fiche_personne .wrap-full-img{
		margin-bottom: 19px;
}
.fiche_personne #cadre_result .wrap-full-img #cadre_gauche{
	padding-bottom: 19px;
}
#cadre_result .wrap-full-img #cadre_gauche{
	padding-bottom: 0;
}
.wrap-full-img #cadre_gauche{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-contact textarea{ 
	background-color: #f3f3f3;
	background-image: none;
	border-radius: 15px;
	padding: 10px 15px;
	width: 100%;
}
.table-personne h3 {
    margin: 20px 0!important;
}
.table-personne-right{
	width:80%;
	display:inline-block;
}

.table-personne-left{
	width:20%;
	display:inline-block;
}

.table-personne .brand-img{
	text-align: center;
	margin-bottom: 20px;
	/*display:inline-block;
	margin-left:20px;*/
}
.table-personne .mceContentBody h4{
	text-align: center;
	margin-bottom: 20px;
	/*display:inline-block;*/
}
.table-personne .brand-img img{
	width: 120px;
	text-align: right;
	
}
.fiche_personne #cadre_droit h1,
.fiche_personne #cadre_droit h2,
.fiche_personne #cadre_droit .btn-share,
.fiche_personne #share-box,
.fiche_personne #share-box-mobile {
    width: 100%;
}
#page .page-recherche-avancee #type_result .ui-autocomplete{
	padding: 10px 20px 15px 20px;
	top: auto!important;
	border-top: 1px solid #e9e9e9;
	box-shadow: -5px 10px 10px -10px rgba(0, 0, 0, 0.15);
	margin-top: 10px;
	max-height: 174px;
}
#page .page-recherche-avancee #type_result .ui-autocomplete .ui-menu-item{
	margin: 0;
}
#page .page-recherche-avancee #type_result .ui-autocomplete .ui-menu-item{
	padding: 3px 0;
}


.glossaire-list-top + #cadre_result_ext #cadre_droit{
	padding: 20px 130px;
}
.glossaire-list-top + #cadre_result_ext #cadre_droit h1{
	background-color: #aa272f;
	border-radius: 50%;
	color: white;
	font-size: 35px;
	height: 80px;
	margin: 0 auto 10px auto;
	padding: 19px 0 0;
	width: 80px;
}
.glossaire-list-top + #cadre_result_ext #cadre_droit .mceContentBody ul{
	padding: 0;
}
.glossaire-list-top + #cadre_result_ext #cadre_droit .mceContentBody ul li {
	border: 1px solid #e6e6e6;
	list-style-type: none;
	margin-bottom: 20px;
	padding: 25px 30px;
}
.glossaire-list-top + #cadre_result_ext #cadre_droit .mceContentBody ul li strong{
	margin-bottom: 10px;
	
	text-transform: uppercase;
	width: 100%;
	display: block;
	text-align: center;
}

.datepicker{
	width:264px!important;
	background-color: rgba(170, 39, 47, 0.9)!important;
	margin-left:10px;
	cursor:pointer!important;
	border-radius:6px;
	z-index:5000!important;
}

div.datepicker .datepickerSelected:hover, div.datepicker .datepickerSelected:hover{
color: #aa272f!important;
}
div.datepicker a:hover, div.datepicker a:hover{
color: #C56363;!important;
}

.datepicker tbody a{
	font-size:11px;
}

.datepicker .datepickerContainer table{
	width:100%!important;
	background-color: transparent;
}

.datepicker .datepickerContainer{
	width:95%!important;
	background-color: transparent!important;
}

.datepicker td.datepickerNotInMonth a{
	color:#e8e8e8!important;
}

.datepicker tbody.datepickerDays td.datepickerSelected {
    background: #C56363;
}

.datepicker th{
    color: #C56363!important;
}

.famille-letter-plus-3 {
	 font-style: normal;
	 position: absolute;
	 left: 23px;
	 color: white;
	 font-size: 19px;
	 top: 51px;
	 text-shadow: 0px 1px 6px rgba(0,0,0,0.5);
 }

.famille-letter-O, .famille-letter-N, .famille-letter-Q, .famille-letter-U  {
	 left: 22px!important;
 }


9

.famille-letter-M , .famille-letter-W{
	left: 21px!important;
}

.famille-letter-F, .famille-letter-J, .famille-letter-L,  .famille-letter-S, .famille-letter-T, .famille-letter-Y, .famille-letter-Z {
	left: 24px!important;
}

.famille-letter-I {
	left: 26px!important;
}

.a5-top {
	padding: 42px 0 0px 0;
}

#sidebar-menu{
	
	overflow:scroll-y;
}

#sidebar-menu-content{
	position:relative;
	/*position:fixed;*/
	/*top:0;
	left:0;*/
}
#sidebar-user-content{
	/*position:fixed;*/
	/*transform: translateX(-13px);*/
}

	#home .content-inscription #footer{
		text-align:left;
		padding:0px 30px;
		
	}
	#home .content-inscription #footer p{
		margin-top:-10px;
		
	}
	#home .content-inscription #footer .bloc-social{
		
		margin-top:-30px;
	}


.ra-input-container{
	width:50%;
	float:left;
	padding: 0 6px 0 6px;
}
.ra-input-container span{
	width:50%;
	float:left;
	margin-top:10px;
	color:#666;
}

.noUi-connect{
	background-color:#aa272f!important;
}

.letter-big-p
{
	margin-top: -37px;
	left: -20%;
	font-size: 81px!important;
}

/*==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (min-width:1850px){
	.interactive-map {
    width: 100%;
    -ms-transform: translateX(-7%) scale(0.9);
    -webkit-transform: translateX(-7%) scale(0.9);
    transform: translateX(-7%) scale(0.9);
	}
}
@media (max-width:1610px){
	#cadre_droit .tab-parfum .pyramide .note-tete {
    width: 46%;
	}
	#cadre_droit .tab-parfum .pyramide .note-coeur {
    width: 37%;
	}
	#cadre_droit .tab-parfum .pyramide .note-fond {
    width: 28%;
	}
	.interactive-map {
    width: 100%;
    -ms-transform: translateX(-24%) scale(0.65);
    -webkit-transform: translateX(-24%) scale(0.65);
    transform: translateX(-24%) scale(0.65);
	}

	.table-personne h4 span{
		width:100%;
	}
	.table-personne h4 a{
		margin-left:0;
	}
}


@media (min-width:1366px) and (max-width:1610px){
	#cadre_droit #timeline li p{
		width: 40%;
	}
}
@media (max-width:1366px){
	.recherche-avancee #type_result {
			padding: 40px 30px;
	}
	.interactive-map {
    width: 100%;
    -ms-transform: translateX(-28%) scale(0.60);
    -webkit-transform: translateX(-28%) scale(0.60);
    transform: translateX(-28%) scale(0.60);
		margin-bottom: 50px;
    margin-top: -80px;
	}
	.tab-parfum #map .row{
		display: block;
	}
	.tab-parfum #map .row .col-sm-10,
	.tab-parfum #map .row .col-sm-2{
		width: 100%;
	}
	.tab-parfum #map .row .col-sm-2{
		margin-top: -70px;
	}
	.tab-parfum .map-zone li {
    float: left;
    margin-bottom: 5px;
    margin-right: 25px;
	}
	.tab-parfum .map-zone {
		margin-left: 10px;
	}
}

@media (min-width:1200px) and (max-width:1366px){
	#cadre_droit #timeline li p{
		width: 38%;
	}
}


@media (min-width:1024px) and (max-width:1200px){
	#cadre_droit #timeline li p{
		width: 36%;
	}
}

@media (max-width:1200px) {
	.famille-letter-plus-3 {
		top: 48px;
	}

}

@media (max-width:1280px){
	#liste_result .txt h3 a{
		text-overflow: inherit;
		white-space: inherit;
	}
	#page #footer .footer-bloc.bloc-logo{
		display: none;
	}
	#page #footer .footer-bloc {
    width: 31%;
	}
	#page #footer .bloc-social {
    width: 10%;
	}
	#liste_result .ligne {
    width: 50%;
		min-height: 260px;
	}
	.page-recherche-avancee #liste_result .ligne {
    min-height: initial;
	}
	#liste_result .ligne.famille-facette {
    padding-top: 65px;
	}

	#home.page-inscription .main-content,
	#home.page-connection .main-content,
	#home.page-inscription .main-content .content,
	#home.page-connection .main-content .content{
		height: auto!important;
		min-height: 100%;
	}
	#home.page-inscription #footer{
		position: relative!important;
		margin: 90px 0 0!important;
		padding-bottom: 60px;
	}
	#home.page-connection #footer{
		position: relative!important;
		margin: 30px 0 0!important;
		padding-bottom: 30px;
	}
	#home.page-inscription .cb-newsletter label{
		padding: 0;
	}

	#inscription-container,
	#connexion-container{
		transform:none;
		top:inherit;
		padding-top:70px;

	}

	#home #bloc-social {
    display: block;
    float: none;
    margin: 20px auto;
		width: 200px;
	}

	#home #bloc-social li a{
		margin: 0;
		float: none;
	}
	#home #bloc-social li {
		float: left;
		 padding: 0 12px;
	}

	#home .content-inscription #footer{
		text-align:center;
		/*padding:0;*/
	}


}

@media (max-width:1200px){
	#inscription_form .row-informations .input-bar {
    margin-bottom: 20px;
    padding: 0 5px;
	}
	#inscription-container .brand-logo{
		display: block;
    margin: 0 auto;
    width: 340px;
	}
	#inscription_form {
    margin-top: 20px;
    padding: 0 0;
	}
	#inscription_form .row-informations{
		padding: 20px 25px 30px;
	}
	#inscription_form .row-validation {
    margin-top: 20px;
	}
	#inscription_form .row-informations .input-bar {
    margin-bottom: 10px;
	}
	#inscription-container .brand-logo img{
		max-width: 100%;
	}
	#inscription_form .row-conditions br{
		display: none;
	}
	#inscription-container + #footer #bloc-social{
		display: none;
	}
	#liste_result .txt h3 a {
    font-size: 18px;
	}
	#type_result {
    padding: 20px 35px;
	}

	.table-personne-left,
	.table-personne-right{
		width:100%;
	}

	.table-personne h4 a{
		margin-left:0!important;
	}
}



@media (min-width:768px) and (max-width:1024px) {
	#cadre_droit #timeline li p{
		width: 28%;
	}

}

@media (max-width:1024px){
	.page-recherche-avancee #liste_result .ligne .col-xs-4{
		width: 33.3333%;
	}
	#liste_result .ligne.famille-facette {
    padding-top: 20px;
		padding-bottom: 10px;
	}
	.hidden-tablet{
		display: block;
	}
	#page #header {
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
    padding: 17px 0 10px 10px;
	}
	#home-bloc-search{
		width: 80%;
		padding-left: 20px;
		padding-right: 20px;
	}
	#home-bloc-search img{
		max-width: 100%;
	}
	#home #bloc-social {
    display: block;
    float: none;
    margin: 20px auto;
		width: 200px;
	}
	#page #footer .footer-bloc {
    width: 50%;
	}
	#home #bloc-social li a{
		margin: 0;
		float: none;
	}
	#home #bloc-social li {
		float: left;
		 padding: 0 12px;
	}
	#home #global-search-form {
    margin-top: 40px;
	}
	.ui-autocomplete{
		 top: 230px !important;
	}
	#page #footer .bloc-contact span br{
		display: none;
	}
	#page #footer .bloc-social {
    width: 11%;
	}
	#liste_result .ligne {
    width: 100%;
	}
	/*#page #header #logo-olfatheque + div{
		margin: 65px 0 -5px;
	}
	#page #global-search-form .search-input{
		width: 96%;
		margin-left: 0;
		height: 45px;
	}*/
	#page #footer .footer-bloc.bloc-menu,
	#page #footer .footer-bloc.bloc-submenu,
	#page #footer .footer-bloc.bloc-social{
		display: none;
	}
	#page #header #logo-olfatheque{
		display: none;
	}
	#page #footer .footer-bloc.bloc-contact {
    margin: 0 auto;
    width: 318px;
	}
	#page #footer .bloc-contact h4{
		margin-top: 0;
	}
	#page-404 .nb404 {
    font-size: 280px;
    margin: -110px 0 -202px;
	}
	#page-404 img{
		width: 370px;
	}
	#liste_result:hover .ligne{
		opacity: 1;
		box-shadow: none;
	}
	#page #global-search-form .search-input {
    height: 40px;
    margin-left: 70px;
    margin-top: 0;
    width: 70%;
	}
	#liste_result .ligne {
    min-height: unset;
	}
	.page-entreprise .bloc-infos {
    padding: 30px 40px;
	}
}

@media (min-width:992px) and (max-width:1280px){
	#cadre_droit .tab-parfum .pyramide{
		margin-right: -240px;
	}
	#cadre_gauche .img-famille {
    margin-left: -91%;
    width: 225%;
	}
	#cadre_gauche .fiche-image{
		padding: 0;
	}
	#cadre_gauche .img-parfum{
		margin-top: 60px;
	}
}

@media (min-width:992px){
	
	/* ================= Tab single product ==================== */
	.tab-parfum .tab-content{
		float: left;
		width: 95%;
	}
	.tab-parfum .tab-content > .tab-pane {
		padding: 0 70px;
	}
	.tab-parfum .nav-tabs{
		float: right;
		width: 5%;
		display: flex;
		flex-direction: column;
	}
	.tab-parfum .nav-tabs li{
		float: none;
		margin: 0 0 72px;
		z-index: 1;
	}
	.tab-parfum .nav-tabs li a{
		width: 30px;
		height: 30px;
		padding: 9px 0 0;
		z-index: 2;
		background-color: transparent;
		border-radius: 0;
		border: 0 none;
	}
	.tab-parfum .nav-tabs li a:focus,
	.tab-parfum .nav-tabs li a:hover{
		border: 0 none;
	}
	.tab-parfum .nav-tabs li a span{
		width: 11px;
		height: 11px;
		display: block;
		border-radius: 50%;
		background-color: white;
		border: 2px solid #aa272f;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		margin: 0 auto;
	}
	.tab-parfum .nav-tabs > li.active > a{
		background-color: transparent;
	}
	.tab-parfum .nav-tabs li a:focus span,
	.tab-parfum .nav-tabs li a:hover span,
	.tab-parfum .nav-tabs li.active a span{
		border: 2px solid #aa272f;
		background-color: #aa272f;
	}
	.tab-parfum .nav-tabs li a::after{
		display: block;
		content: "";
		background-color: #aa272f;
		width: 1px;
		height: 92px;
    margin: 0 auto 0;
	}
	.tab-parfum .nav-tabs li:last-child a:hover::after,
	.tab-parfum .nav-tabs li:last-child a:focus::after,
	.tab-parfum .nav-tabs li.last-tab a::after,
	.tab-parfum .nav-tabs li:last-child a::after{
		display: none!important;
		background-color: transparent!important;
		height: 0;
	}
	.tab-parfum .nav-tabs li:last-child{
		height: 0;
	}
	
	.tooltip-inner{
		padding: 10px 12px;
		background-color: #242424;
		border-radius: 3px;
	}
	.tooltip-arrow{
		border-left-color: #242424!important;
	}
	.tooltip{
		opacity: 1!important;
	}
	#page #header{
		 margin-bottom: 20px;
		 padding: 15px 0 10px 20px;
	}
	#div_result{
		padding-bottom: 20px;
	}
}

@media (max-width:420px) {
	.letter-big-p
	{
		margin-top: -37px;
		left: -20%;
		font-size: 44px!important;
	}
}

@media (min-width:420px) and (max-width:991px) {
	.letter-big-p
	{
		margin-top: -37px;
		left: -20%;
		font-size: 70px!important;
	}
}

@media (max-width:640px) {
	.famille-letter-plus-3 {
		position: relative;
		margin: -29px 0 0 -1px;
		display: block;
		top:2px;
		left:0;
	}
	.famille-letter-O, .famille-letter-N, .famille-letter-Q, .famille-letter-U  {
		margin: -29px 13px 0px -31px;
	}

	.famille-letter-M , .famille-letter-W{
		margin: -29px 13px 0px -31px;
	}

	.famille-letter-F, .famille-letter-J, .famille-letter-L,  .famille-letter-S, .famille-letter-T, .famille-letter-Y, .famille-letter-Z {
		margin: -29px 13px 0px -35px;
	}

	.famille-letter-I {
		margin: -29px 13px 0px -31px;
	}
}





@media (max-width:991px){

	.famille-letter-perf-O {
		left: -20px!important;
	}

	.famille-letter {
		position: relative;
		margin: -30px 0 0 0;
		display: block;
		left:0;
	}


	.famille-letter-plus {
		position: relative;
		margin: -29px 0 0 0;
		display: block;
		top:0px;
		left:0;
	}

	.letter-big
	{
		font-size: 75px!important;
		margin-top: 13px!important;
	}

	.famille-letter-p {
		left: -19px;
	}

	.glossaire-list-top + #cadre_result_ext #cadre_droit {
			padding: 20px;
	}
	h3.parfums-associe + .list-product.ficheEntrepriseMarque > ul > li {
    padding: 55px 30px;
	}
	#connexion_form {
    padding: 0 25%;
	}
	#cadre_gauche .fiche-image {
 		margin-left: -15%;
		padding: 0;
		width: 80%;
	}
	#cadre_gauche .fiche-famille {
    z-index: 1;
		padding: 0;
	}
	#cadre_gauche .img-famille {
    margin-left: -45%;
    width: 135%;
	}
	#cadre_result_ext.fiche-parfum{
		margin-top: -20px;
	}
	#cadre_gauche .img-parfum {
			margin-top: 0;
	}
	#cadre_result #cadre_gauche {
    padding-bottom: 15px;
	}
	.fiche-title{
		display: none;
	}
	.fiche-title-mobile{
		display: block;
    margin-top: 27px;
    position: absolute;
    width: 93%;
    z-index: 2;
	}
	.fiche-parfum .fiche-title-mobile{
		width: 97%;
	}
	.fiche_matiere .fiche-title-mobile,
	.fiche_personne .fiche-title-mobile,
	.page-entreprise .fiche-title-mobile{
		width: 100%;
	}
	.fiche-title-mobile + .row{
		margin-top: 130px;
	}
	#share-box-mobile,
	#share-box{
		width: 100%;
	}
	#share-box-mobile .labelz ,
	#share-box .labelz {
			margin: 5px 0 0;
	}
	h3.parfums-associe {
    font-size: 18px;
    padding: 25px 20px;
	}
	h3.parfums-associe a{
		display: block;
		position: relative;
		width: 210px;
		right: auto;
		margin: 12px auto 0;
		font-size: 12px;
		padding: 6px 10px;
	}
	h3.parfums-associe::after {
    margin: 27px auto -40px;
	}
	h3.parfums-associe.expertise::after {
    margin: 15px auto -39px;
}
	h3.parfums-associe + .list-product > ul > li{
		width: 100%;
		min-height: initial;
		padding: 35px 30px;
	}
	.list-product > ul > li h3 a{
		white-space: normal;
		font-size: 20px;
	}
	a.more-product {
    padding: 25px 20px;
	}
	.fiche-parfum #cadre_droit,
	.fiche-parfum #cadre_droit{
		padding: 0;
		margin: 25px 0 0;
	}
	.fiche_matiere #cadre_droit ,
	.fiche-parfum #cadre_droit {
    min-height: initial;
	}
	.tab-parfum .nav-tabs > li > a{
		height: 60px;
		border:0 none!important;
		border-radius: 0;
		background-position: center center;
		background-size: 30px auto;
		background-repeat: no-repeat;
	}
	
	.tab-parfum .nav-tabs > li > a[aria-controls="recap"]{
		background-image: url(img/icon-tab-recap-line.png);
	}
	.tab-parfum .nav-tabs > li.active > a[aria-controls="recap"]{
		background-image: url(img/icon-tab-recap.png);
	}
	
	.tab-parfum .nav-tabs > li > a[aria-controls="map"]{
		background-image: url(img/icon-tab-map-line.png);
	}
	.tab-parfum .nav-tabs > li.active > a[aria-controls="map"]{
		background-image: url(img/icon-tab-map.png);
	}
	
	
	.tab-parfum .nav-tabs > li > a[aria-controls="composition"]{
		background-image: url(img/icon-tab-pyramide-line.png);
	}
	.tab-parfum .nav-tabs > li.active > a[aria-controls="composition"]{
		background-image: url(img/icon-tab-pyramide.png);
	}
	
	
	.tab-parfum .nav-tabs > li > a[aria-controls="description"]{
		background-image: url(img/icon-tab-info-line.png);
	}
	.tab-parfum .nav-tabs > li.active > a[aria-controls="description"]{
		background-image: url(img/icon-tab-info.png);
	}
	
	.tab-parfum .nav-tabs > li > a[aria-controls="timeline"]{
		background-image: url(img/icon-tab-timeline-line.png);
	}
	.tab-parfum .nav-tabs > li.active > a[aria-controls="timeline"]{
		background-image: url(img/icon-tab-timeline.png);
	}
	
	.tab-parfum .nav-tabs > li.active > a{
		background-color: #8a1f25;
	}
	.tab-parfum .tab-content .tab-pane{
		padding: 40px 30px;
	}
	.tab-parfum .tab-content .tab-pane#composition{
		padding: 40px 0 0 0;
	}
	.tab-parfum .tooltip{
		display: none!important;
	}
	#cadre_droit .tab-parfum h3, .titre-page{
		margin: 0 0 30px;
	}
	#cadre_droit #timeline li p {
    font-size: 14px;
    width: 33%;
		line-height: 16px;
	}
	#recap p span{
		width: 100%;
		margin-bottom: -7px;
	}
	#recap p.famille span{
		margin-bottom: -5px;
	}
	#recap{
		text-align: center;
	}
	#recap p {
    margin: 0 0 15px;
	}
	#recap p:last-child{
		margin: 0;
	}
	#cadre_droit .tab-parfum .pyramide {
    background-position: -285px top;
    background-size: 510px auto;
    height: 495px;
    margin-right: 0;
    margin-top: -120px;
    padding-top: 103px;
	}
	#cadre_droit .tab-parfum .pyramide .note p,
	#cadre_droit .tab-parfum .pyramide .note h4{
		text-align: left;
	}
	#cadre_droit .tab-parfum .pyramide .note{
		float: right;
	}
	#cadre_droit .tab-parfum .pyramide .note-tete {
    width: 81%;
	}
	#cadre_droit .tab-parfum .pyramide .note-coeur {
    width: 67%;
	}
	#cadre_droit .tab-parfum .pyramide .note-fond {
    width: 55%;
	}
	#cadre_droit #timeline ul{
		margin: 0;
	}
	#cadre_droit .tab-parfum .pyramide .note p a{
		font-size: 15px;
		margin-left: 2px;
	}
	#cadre_droit .tab-parfum .pyramide .note p a:first-child{
		margin-left: 0;
	}
	.wrap-full-img{
		display: block;
	}
	.wrap-full-img #cadre_gauche {
    min-height: 700px;
		background-position: top center;
	}
	.fiche_matiere .tab-parfum .nav-matiere {
    margin-top: 0;
	}
	.fiche_matiere .wrap-full-img #cadre_gauche{
    background-position: center center;
		margin-top: 120px;
	}
	.fiche_matiere, .fiche_personne {
    margin-top: -31px !important;
	}
	.fiche_personne #cadre_result .wrap-full-img #cadre_gauche{
		padding-bottom: 0;
		margin-top: 125px;
		overflow: visible;
	}
	.fiche_matiere #cadre_result .wrap-full-img #cadre_gauche{
		overflow: visible;
	}

	.fiche_personne .fiche-title-mobile{
		margin-top: -105px;
	}
	.fiche_matiere .fiche-title-mobile{
		margin-top: -85px;
	}
	.fiche_matiere #cadre_droit{
		padding: 0;
		margin: 0;
	}
	.fiche_personne #cadre_droit{
		padding: 40px 0;
		margin: 0;
	}
	.fiche_personne .desc-personne{
		padding: 10px 30px;
	}
	#sidebar-user ul li a, 
	#sidebar-menu ul li a{
		padding: 12px 0;
	}
	h3.parfums-associe + .ficheMatiereMatiere.list-product > ul > li{
		width: 50%;
	}
	.page-famille #cadre_droit {
    padding: 0;
		margin: 0;
	}
	.page-famille .tab-parfum .nav-tabs > li{
		width: 50%;
	}
	.fiche_matiere .tab-parfum .nav-tabs > li{
		width: 33.334%;
	}
	.page-famille #recap p span {
    width: 100%;
	}
	.page-famille .tab-parfum .tab-content #recap {
    padding: 40px 30px 90px;
	}
	.page-famille #recap .famille img{
		 margin-top: 12px;
	}
	#cadre_droit h1,
	#cadre_droit h2,
	#cadre_droit .btn-share{
		width: 100%;
	}
	.page-famille #cadre_gauche .image {
    margin-bottom: -20px;
    margin-top: 100px;
    max-width: 230px;
	}
	.page-famille .fiche-title-mobile{
		width: 100%;
		padding-right: 20px;
	}
	.page-famille .nav-tabs {
    margin-top: 0;
	}
	.page-famille #cadre_result #cadre_gauche {
    padding-bottom: 0;
	}
	.tab-parfum #timeline h3{
		margin: 0 0 50px;
	}
		
	.page-entreprise #cadre_gauche {
    padding: 0;
	}
	
	.page-entreprise #cadre_gauche .img-entreprise{
		margin-top: 80px;
	}
	.table-personne{
		padding: 25px 30px 10px!important;
		margin-top: -40px;
	}
	.famille img{
		margin-right: 0;
	}
	
	.interactive-map {
    width: 100%;
    -ms-transform: translateX(-1%) scale(0.8);
    -webkit-transform: translateX(-1%) scale(0.8);
    transform: translateX(-1%) scale(0.8);
		margin-bottom: 10px;
    margin-top: -50px;
	}
	.tab-parfum .map-zone{
		margin-top:-10px;
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
	}
	.recherche-avancee #type_result.classic-list{
	  width: 30%;
	}	
	#creer-parfum {
    padding: 20px 40px 50px;
	}
}


@media (min-width:768px){
	
	.recherche-avancee #type_result.classic-list{
	  top: 120px!important;
		position: fixed;
		padding-bottom:30px;
	}	
	.recherche-avancee #type_result.classic-list #a-search-btn{
		margin-bottom:30px;		
	}
	/*.recherche-avancee #liste_result.classic-list{
		margin-left: 200px;
	}*/
	.recherche-avancee #liste_result{
		padding-left:90px!important;
	}
	
}
@media (max-width:768px){
	.tab-content .mceContentBody,
	.table-personne-right .mceContentBody{
	padding-right:0;
	}
	
	.back-to-top{
		right: 10px;
		bottom: 10px;
	}

	.mobile-center{
		width:100%;
		text-align:center;
	}

	.open-sidebar-menu .glossaire-list-top,
	.open-sidebar-user .glossaire-list-top{
		transform: translateX(100%);
	}

	.glossaire-list-top{
		width:50px;
		height:87%;
		overflow:auto;
		position:fixed;
		right:0px;
		z-index:100;
		padding: 30px 30px 50px 20px;
		transition:all 0.3s ease;
		overflow-x: hidden;
	}
	.glossaire-list-top .ligne{
		width:50px!important;
		height:50px!important;
		padding: 4px 0 4px 0;
		margin:0 0 10px 0!important;
		text-align: center;
	}

	/* ?*/
	/*.mceContentBody{
		padding-right:43px;
	}*/
	
	.recherche-avancee #type_result.classic-list{
	  width: 90%;
		margin: 0 auto;
	}

	#cadre_result_ext.page-faq {
    margin-bottom: 50px;
    margin-top: 30px;
	}
	.no-results {
    margin-bottom: 40px;
    padding: 35px 50px;
		margin-top: 0;
	}
	.page-recherche-avancee #liste_result .ligne .no-results {
			margin-top: 0;
			padding: 0 40px;
	}
	.recherche-avancee #type_result {
    padding: 40px 25px;
	}
	.page-recherche-avancee #cadre_result {
    padding: 10px 0 0;
	}
	.page-recherche-avancee #liste_result {
    margin: 25px 0 0;
    padding-left: 0;
	}
	.page-recherche-avancee #liste_result {
   /* margin: 25px -30px 0;*/
    padding: 0;
	}
	.page-recherche-avancee #nb_result {
    text-align: center !important;
	}
	#home #bloc-social{
		display: none;
	}
	#home-bloc-search{
		/*-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
	}

	#home #global-search-form {
    margin-top: 40px;
	}
	#footer p a{
		display: block;
	}
	#home #global-search{
		height: 56px;
		font-size: 14px;
	}
	#home .search-submit{
		background-size: 25px auto;
    margin: -58px -3px 0;
	}
	#home .search-avanced a{
		font-size: 12px;
	}
	.container.open-sidebar-menu {
    left: 296px;
	}
	.main-content #sidebar-menu-toggle {
    left: 15px;
    top: 20px;
	}
	#sidebar-menu {
    left: -306px;
    width: 306px;
	}
	#sidebar-user-content, 
	#sidebar-menu-content {
    padding: 20px 35px;
    width: 306px;
	}
	.ui-autocomplete {
    top: 196px !important;
	}
	#brand-logo,
	.brand-logo{
		/*height: 130px; */
		padding-top: 20px;
		display: block;
		text-align: center;
	}
	.brand-logo img{
		max-width: 100%;
		height: auto;
	}
	#connexion_form {
    padding: 0 10%!important;
	}
	#inscription_form .row-informations{
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	#connexion-container .brand-logo{
    display: block;
    height: 70px;
    margin: 0 auto;
    width: 280px;
	}
	#go-inscription{
		font-size: 15px;
	 	padding: 18px;
	 	margin-top: 15px;
	}
	#connexion_form .row-informations {
    padding-bottom: 25px;
    padding-top: 25px;
	}
	#connexion_form .row-informations .input-bar {
    margin-bottom: 10px;
	}
	#inscription-container{
		top: 70px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#inscription_form .cb-newsletter {
    padding: 10px 0 0 21px;
	}
	#inscription-container .brand-logo {
		height: auto;
		width: 250px;
	}
	#inscription_form{
		width: 85%;
		margin: 20px auto 0 auto;
	}
	#inscription_form .row-informations{
		margin: 0;
	}
	/*#home.page-inscription .main-content,
	#home.page-connection .main-content,
	#home.page-inscription .main-content .content,
	#home.page-connection .main-content .content{
		height: auto!important;
		min-height: 100%;
	}
	#home.page-inscription #footer{
		position: relative!important;
		margin: 90px 0 0!important;
		padding-bottom: 30px;
	}
	#home.page-connection #footer{
		position: relative!important;
		margin: 30px 0 0!important;
		padding-bottom: 30px;
	}
	#home.page-inscription .cb-newsletter label{
		padding: 0;
	}*/

	#inscription-submit{
		padding: 15px !important;
    width: 100% !important;
	}
	#page-404 img {
    width: 80%;
	}
	#page-404 .nb404 {
		font-size: 160px;
		margin: -60px 0 -108px;
	}
	#page-404 .error {
    font-size: 30px;
    letter-spacing: 2px;
	}
	#page-404 .impossible {
    font-size: 14px;
    letter-spacing: 1px;
	}
	#page-404 .btn-accueil {
    margin: 25px auto 0;
    width: 210px;
	}
	.bloc-expertise .expertise-olfactoriums p{
		line-height: 23px;
	}
	
	.bloc-expertise .expertise-olfactoriums{
		text-align: center;
	}
	.bloc-expertise .expertise-olfactoriums button{
		margin-bottom: 20px;
	}
	.bloc-expertise .expertise-olfactoriums hr{
		float: none;
	}
	.bloc-expertise .expertise-olfactoriums, 
	.bloc-expertise .expertise-formations {
    padding: 40px 40px;
	}
	.bloc-expertise .expertise-formations .formations-description br{
		display: none;
	}
	#page #footer {
    padding: 40px 20px;
	}
	.evenements{
		width: 100%;
	}
	.bloc-expertise .expertise-formations{
		min-height: initial;
		padding-bottom: 60px;
	}
	#connexion-container{
		transform: none;
		padding-top: 80px;
	}
	#connexion_form .row-informations {
    padding: 30px!important;
	}

	#creer-parfum #type_result {
    padding: 20px 30px;
	}
	#contact_form {
    margin-bottom: 50px;
    padding: 0 40px;
	}
	.page-contact {
		margin-top: -40px;
	}
	.page-contact .input-bar input {
    padding: 8px 18px;
    width: 100%;
		margin-bottom: 20px;
	}
	.page-contact small {
			margin-bottom: 15px;
			margin-top: 7px;
	}
	.page-entreprise .list-product-img,
	.ficheMatierePerfume .list-product-img,
	.fichePersonnePerfume .list-product-img,
	.fichePerfumeSimilarPerfume .list-product-img,
	.page-entreprise .list-product-content,
	.ficheMatierePerfume .list-product-content,
	.fichePersonnePerfume .list-product-content,
	.fichePerfumeSimilarPerfume .list-product-content{
		width: 100%;
		text-align: center;
	}
	.page-entreprise .list-product-img,
	.ficheMatierePerfume .list-product-img,
	.fichePersonnePerfume .list-product-img,
	.fichePerfumeSimilarPerfume .list-product-img{
		padding: 0;
	}
	
	.page-entreprise .list-product-img img,
	.ficheMatierePerfume .list-product-img img,
	.fichePersonnePerfume .list-product-img img,
	.fichePerfumeSimilarPerfume .list-product-img img{
		width: 75%;
	}
	
	.page-entreprise .list-product-content,
	.ficheMatierePerfume .list-product-content,
	.fichePersonnePerfume .list-product-content,
	.fichePerfumeSimilarPerfume .list-product-content{
		margin-top: 30px;
	}
	.page-entreprise .list-product-content h3,
	.ficheMatierePerfume .list-product-content h3,
	.fichePersonnePerfume .list-product-content h3,
	.fichePerfumeSimilarPerfume .list-product-content h3,
	.page-entreprise .list-product-content h4,
	.ficheMatierePerfume .list-product-content h4,
	.fichePersonnePerfume .list-product-content h4,
	.fichePerfumeSimilarPerfume .list-product-content h4,
	.page-entreprise .list-product-content p,
	.ficheMatierePerfume .list-product-content p,
	.fichePersonnePerfume .list-product-content p,
	.fichePerfumeSimilarPerfume .list-product-content p,
	.page-entreprise .list-product-content li,
	.ficheMatierePerfume .list-product-content li,
	.fichePersonnePerfume .list-product-content li,
	.fichePerfumeSimilarPerfume .list-product-content li{
		text-align: center;
	}

	.page-entreprise .list-product-content hr,
	.ficheMatierePerfume .list-product-content hr,
	.fichePersonnePerfume .list-product-content hr,
	.fichePerfumeSimilarPerfume .list-product-content hr{
		margin: 20px auto;
	}
	.page-entreprise .list-product-content .tags ,
	.ficheMatierePerfume .list-product-content .tags ,
	.fichePersonnePerfume .list-product-content .tags ,
	.fichePerfumeSimilarPerfume .list-product-content .tags {
    margin: 0 auto;
    width: 106px;
	}

	.table-personne h3{
		margin: 0 0 20px;
	}
	.table-personne h4 {
		margin-bottom: 20px!important;
	}
	.table-personne h4 span{
		width: 100%!important;
		margin-bottom: -15px;
	}
	.table-personne h4 a{
		margin-left: 0!important;
	}
	.fiche_personne .brand-img{
		text-align: center;
		margin: 25px 0 20px;
	}
	a.more-product{
		font-size: 18px;
	}
	a.more-product:hover{
		padding-bottom: 40px;
	}

	.page-entreprise #cadre_droit{
    padding: 20px 30px;
	}
	h3.parfums-associe + .ficheEntreprisePerfumer > ul > li {
    padding: 45px 50px;
	}
	#recap p span{
		height: auto;
	}
	.interactive-map {
    -ms-transform: translateX(-11%) scale(0.8);
    -webkit-transform: translateX(-11%) scale(0.8);
    transform: translateX(-11%) scale(0.8);
	}
}
/**/
@media (min-width:640px){
	
	body.header-fixed-top .open-sidebar-menu #header{
	margin-left:335px;
	}
	body.header-fixed-top .open-sidebar-user #header{
	margin-left:-400px;
	}

	body.header-fixed-top #type_result{
		top:0;
	}

}
/**/
@media (min-width:640px)and (max-width:765px){

	body.header-fixed-top .open-sidebar-menu #header{
	margin-left:295px;
	}
	body.header-fixed-top .open-sidebar-user #header{
	margin-left:-375px;
	}

}

@media (max-width:640px){
	#liste_result .ligne img {
    max-width: 250px;
	}
	body.header-fixed-top .open-sidebar-menu #header{
		margin-left:295px;
	}
	.page-recherche-avancee #liste_result .ligne .col-xs-4 {
    max-width: 100%;
	}

	.fiche_matiere .wrap-full-img #cadre_gauche{
		margin-top: 110px;
	}
	.fiche_personne #cadre_result .wrap-full-img #cadre_gauche{
		margin-top: 110px;
	}
	#liste_result .ligne.famille-facette {
    padding-bottom: 40px;
	}
	.hidden-phone{
		display: block;
	}

	#page #logo-olfatheque {
    margin-left: 60px;
		width: 170px;
	}
	#page #logo-olfatheque img{
		width: 100%;
	}
	#page #bloc-user {
    right: 20px;
	}
	#page #lang-drop {
    margin-left: 20px;
	}
	#page #header {
    margin-bottom: 20px;
	}
	#div_result {
    padding-bottom: 20px;
	}
	#liste_result .ligne .col-xs-4,
	#liste_result .ligne .txt{
		width: 100%!important;
	}
	#liste_result .ligne .col-xs-4{
		margin-bottom: 20px;
	}
	.list-famille-facette #liste_result .ligne.famille-facette{
		padding-bottom: 30px;
    padding-top: 40px;
	}
	.list-famille-facette #liste_result .famille-facette .col-xs-4 {
    margin-bottom: 0;
		padding: 0;
}
	#liste_result .ligne .txt{
		text-align: center;
		min-height: initial;
	}
	#liste_result .ligne .txt h3{
		text-align: center;
	}

	#liste_result hr{
		margin: 15px auto;
	}
	#liste_result .tags {
    display: block;
    margin: 13px auto 0;
    padding: 0;
    text-align: center;
    width: 105px;
	}
	#liste_result .tags .genre{
		margin-right: 0;
	} 
	/*#page #header #logo-olfatheque + div {
    margin: 45px 0 -15px;
	}*/
	
	/*.pagination > li > a.extremities{
		width: 100%;
	}*/
	.pagination {
    /*width: 226px;*/
		margin: 20px 0 10px;
		padding: 0 20px;
	}
	.pagination > li > a,
	.pagination > li > span {
    margin-bottom: 8px;
	}
	#bloc-user{
		display: none;
	}
	#page #global-search-form .search-input{
		width: 80%;
		margin-left: 50px;
	}
	#page #header {
    padding: 15px 0 10px 20px;
	}
	#global-search-form .search-input{
		font-size: 13px;
	}
	#sidebar-user-content, 
	#sidebar-menu-content {
    width: 245px;
		float: left;
		padding: 20px 25px 20px 35px;
	}
	#sidebar-menu {
		z-index: 1;
	}

	
	.open-sidebar-menu #sidebar-menu-content{
		/*position: fixed;*/
	}

	/*#mobile-mask{
		position:fixed;
		z-index:2;
		width:100%;
		height:100%;
		top:0;
		left:0;
		display:none
	}
	#mobile-mask.active{
		display:none;
	}*/

	#bloc-langue-content .dropdown-menu {
	    position: relative;
	    top: inherit;
	    left: inherit;
	    z-index: 1000;
	    display: block;
	    float: none;
	    min-width: inherit;
	}
	#bloc-langue-content .dropdown-menu li{
		margin-top:5px!important;
	}
	#lang-drop>button{
		display:none;
	}

	#sidebar-user{
		width:245px!important;
		right:inherit;
		left:-620px!important;
		z-index:200;
		transition: all 0.3s ease;
	}
	#sidebar-user.mob-active{
		left:-306px!important;
	}

	.evenements .date{
		padding: 7px 0;
	}
	.g-recaptcha{
		 -webkit-transform: scale(0.77);
		 -moz-transform: scale(0.77);
		 transform: scale(0.77);
		 margin-left: -30px;
	}
	.wrap-full-img #cadre_gauche{
    min-height: 350px;
	}
	.fiche_matiere, .fiche_personne {
    margin-top: -20px !important;
	}
	h3.parfums-associe + .ficheMatiereMatiere.list-product > ul > li{
		width: 100%;
	}
	.ui-state-error, 
	.ui-widget-content .ui-state-error, 
	.ui-widget-header .ui-state-error {
    width: 80%;
	}
	#inscription_form{
	  padding: 0 2%!important;
	}
	.interactive-map {
    -ms-transform: translateX(-19%) scale(0.7);
    -webkit-transform: translateX(-19%) scale(0.7);
    transform: translateX(-19%) scale(0.7);
	}
}
@media (max-width:580px){
	.interactive-map {
    -ms-transform: translateX(-23%) scale(0.7);
    -webkit-transform: translateX(-23%) scale(0.7);
    transform: translateX(-23%) scale(0.7);
		margin-bottom: -95px;
    margin-top: -80px;
	}


}
@media (max-width:500px){
	.interactive-map {
    -ms-transform: translateX(-30%) scale(0.6);
    -webkit-transform: translateX(-30%) scale(0.6);
    transform: translateX(-30%) scale(0.6);
	}
}

@media (max-width:479px){
	#brand-logo, .brand-logo {
    height: 100px;
	}
	.ui-autocomplete {
    top: 165px !important;
	}
	.interactive-map {
    -ms-transform: translateX(-33%) scale(0.55);
    -webkit-transform: translateX(-33%) scale(0.55);
    transform: translateX(-33%) scale(0.55);
	}

}
@media (max-width:400px){
	#liste_result .ligne img {
    max-width: 100%;
	}
	.interactive-map {
    -ms-transform: translateX(-40%) scale(0.45);
    -webkit-transform: translateX(-40%) scale(0.45);
    transform: translateX(-40%) scale(0.45);
		margin-bottom: -125px;
    margin-top: -110px;
	}
}

@media (max-width:359px){
	#page #logo-olfatheque{
		display: none;
	}
	.interactive-map {
    margin-bottom: -125px;
    margin-top: -130px;
    -ms-transform: translateX(-45%) scale(0.4);
    -webkit-transform: translateX(-45%) scale(0.4);
    transform: translateX(-45%) scale(0.4);
	}
}