/*
Theme Name: Xylophene
Description: Thème enfant pour Flat Bootstrap
Author: ITNetwork.fr
Template: flat-bootstrap
*/
@import url('/web/20230509161625cs_/https://www.xylophene.fr/wp-content/themes/flat-bootstrap/style.css');

/*
package Table of Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GENERAL
BOOTSTRAP OVERRIDES
WORDPRESS OVERRIDES
STRUCTURE
HEADER
H1 H2 PAGE CONTENU
PAGE PRODUIT
BREADCRUMB
PAGE HOME
SIDEBAR
PAGE CALCUL RENDEMENT
DIAGNOSTIC
PAGE TYPE
POINTS DE VENTE
ACTUALITES
FOCUS
FOOTER RESEAUX
FOOTER SUB
PAGE DE PRÉSENTATION DES PRODUITS - BOUTONS CUSTOMISÉS
VACCINATION
*/

/*
-----------------------------------------------------------------------------------
GENERAL
----------------------------------------------------------------------------------- */
body {
	overflow-x: hidden;
	font-family: 'Roboto',sans-serif;
	font-size: 14px;
	color: #414141;
	background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto',sans-serif;
}
h1 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-weight: 400;
	color: #333;
	background: transparent;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	color: #f08406;
}
h3 {
	padding: 0;
	font-size: 16px;
	font-weight: 400;
}
a {
	color: #777;
}
a:hover,
a:focus {
	color: #f08406;
}
#primary a {
	color: #f08406;
}
#primary a.btn-success {
	color: #fff;
}
#primary a:hover,
a:focus {
	color: #777;
}
p {
	line-height: 24px;
}
.t-table {
	display: table;
	width: 100%;
}
.t-row {
	display: table-row;
}
.t-cell {
	display: table-cell;
	vertical-align: middle;
}
/*
-----------------------------------------------------------------------------------
BOOTSTRAP OVERRIDES
----------------------------------------------------------------------------------- */
/* Tooltips */
.tooltip.in {
	opacity: .99;
	filter: alpha(opacity=99);
}
.tooltip.top {
	margin-top: -30px;
	padding: 5px 0;
}
.tooltip-inner {
	padding: 5px;
	max-width: none;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background-color: #333;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #333;
	border-width: 5px 5px 0;
}
a[rel=tooltip] {
	cursor: default;
}
@media (max-width: 980px) {
	div.tooltip.fade.top.in {
		display: none !important;
	}
}
/*
-----------------------------------------------------------------------------------
WORDPRESS OVERRIDES
----------------------------------------------------------------------------------- */
.wp-caption {
	padding: 0;
}
p.wp-caption-text, .gallery-caption {
	font-size: 12px;
	margin-bottom: 0;
	text-align: center;
}
#diagnostic .wp-caption img {
	max-width: 100%;
}
#diagnostic .wp-caption .tooltip-inner img {
	max-width: none;
}
/*
-----------------------------------------------------------------------------------
STRUCTRE
----------------------------------------------------------------------------------- */
/* fix pour les pages produits */
.container.insider {
	width: 100%;
}
#page {
	margin: 0 auto;
	padding-top: 121px; /* pour la barre de nav fixed */
	padding-bottom: 10px;
	max-width: 100%;
	background-color: #fff;
}
@media(max-width:768px) {
	#page {
		padding-top: 105px;
	}
}
@media(max-width:640px) {
	#page {
		padding-top: 65px;
	}
}
#content {
	padding-bottom: 0;
}
.content-area {
	padding-top: 0;
	padding-bottom: 20px;
}
/*
-----------------------------------------------------------------------------------
HEADER
----------------------------------------------------------------------------------- */
.site-title {
	margin-top: 0;
}
.navbar-static-top {
	z-index: 1000;
	border-width: 0;
}
.navbar-default {
	border-bottom: none;
	background-color: #333;
	background-color: rgba(0,0,0,.80);
}
.navbar {
	margin-bottom: 11px;
	min-height: 105px;
	max-width: 100%;
}
@media(max-width:640px) {
	.navbar {
		min-height: 65px;
	}
}
.navbar.shown {
	top: 0;
	transition: all .3s ease;
}
.navbar.not-shown {
	top: -121px;
	transition: all .3s ease;
}
.admin-bar .navbar-fixed-top {
	top: 32px;
}
@media(max-width: 640px) {
	.sharing-space {
		display: none;
	}
}
.sharing-space {
	background: #666;
	background: rgba(0,0,0,.3);
	/*transition: background 300ms ease-in 0s;*/
}
.sharing-space:hover {
	background: rgba(0,0,0,.5);
}
.sharing-space .container ul {
	margin: 3px -15px;
	padding: 0;
	float: right;
}
.sharing-space li {
	margin: 0;
	padding: 0;
}
.sharing-space li {
	display: inline-block;
	padding-left: 7px;
}
.sharing-space li a {
	font-size: 30px;
	line-height: 0;
	color: #dbd8d4;
	/*transition: all 300ms ease-in 0s;*/
}
.sharing-space li a:hover,
.sharing-space li a:focus {
	color: #f08406;
	/*transition: all 300ms ease-in 0s;*/
}
.sharing-space a:hover .fa-facebook-square {
	color: #3b5998;
}
.sharing-space a:hover .fa-youtube-square {
	color: #cc181e;
}
.sharing-space li.bebetes {
	display: inline-block;
	margin-top: -3px;
}
.sharing-space li.bebetes a {
	font-size: 14px;
	font-weight: bold;
}
.sharing-space li.bebetes i.bebete {
	display: inline-block;
	background: url(/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/bebete.svg) no-repeat;
	width: 25px;
	height: 28px;
}
.sharing-space li.bebetes a:hover i.bebete {
	background-position: 100% 0;
}
.sharing-space li.bebetes span {
	display: inline-block;
	line-height: 25px;
	overflow: hidden;
	margin-left: .5em;
}
/* chtite anim qui va bien :) */
i.bebete {
	position :relative;
	-webkit-animation: mymove ease-in-out 2s; /* Chrome, Safari, Opera */
	animation: mymove ease-in-out 2s;
}
/* Standard syntax */
@keyframes mymove {
	0%   {top: 0px;}
	25%  {top: 10px;}
	75%  {top: -10px}
	100% {top: 0px;}
}
/* Jeu en haut */
.sharing-space li.buttonized {
	height: 30px;
	top: -2px;
	position: relative;
}
.sharing-space li.buttonized a {
	display: inline-block;
	background: #dbd8d4;
	color: #242424;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	height: 27px;
	font-size: 23px;
	width: 27px;
	text-align: center;
	line-height: 25px;
}
.sharing-space li.buttonized a:hover {
	background: #f08406;
}

.navbar-default .navbar-nav > li > a {
	padding: 0 10px;
	padding-top: 0;
	padding-bottom: 0;
	min-height: 85px;
	border-top: 6px solid transparent;
	text-transform: uppercase;
	font-family: 'Roboto',sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 79px;
	color: #e5e5e5;
	transition: all 300ms ease-in 0s;
}
@media(max-width:980px) {
	.navbar-brand {
		margin: 4px 0 0 15px;
	}
	.navbar-default .navbar-nav > li > a {
		padding-right: 4px;
		padding-left: 4px;
		min-height: 60px;
		font-size: 11px;
		line-height: 60px;
	}
	.navbar-collapse {
		width: auto;
		box-shadow: none;
	}
	.navbar-collapse {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.navbar-toggle {
		margin-top: 15px;
	}
}
@media(max-width: 640px){
	.navbar-default .navbar-nav > li > a {
		min-height: 1px;
		line-height: normal;
	}
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
	border-top: 6px solid #f08406;
	color: #e5e5e5;
	background: #404040;
	background: rgba(255,255,255,.07);
	transition: all 300ms ease-in 0s;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.current-page-ancestor > a {
	border-top: 6px solid #f08406;
	color: #e5e5e5;
	background: #404040;
	background: rgba(255,255,255,.07);
	transition: all 300ms ease-in 0s;
}
@media(max-width:980px) {
	.navbar-default .navbar-nav > li.active > a,
	.navbar-default .navbar-nav > li.active > a:hover,
	.navbar-default .navbar-nav > li.active > a:focus,
	.navbar-default .navbar-nav > li.current-page-ancestor > a {
		padding-top: 6px;
		border-top: none;
		color: #f08406;
		background: transparent;
	}
}
.navbar-brand {
	height: 50px;
	margin-top: 18px;
	padding: 0;
	min-height: 50px;
}
.navbar-brand .logo {
	display: block;
	width: 213px;
}
@media(max-width:980px) {
	.navbar-brand {
		margin-top: 15px;
	}
	.navbar-brand .logo {
		width: auto;
	}
	.navbar-brand .logo img {
		width: auto;
		height: 18px;
	}
}
.baseline {
	display: block;
	margin: 0;
	padding: 0;
	font-family: 'Roboto',sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #f08406;
}
.navbar-brand .logo img {
	max-width: 100%;
}
@media(max-width:767px) {
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-top: none;
	}
	.navbar-default .navbar-nav > li {
		float: left;
		width: 100%;
	}
}
@media(max-width:768px) {
	.baseline {
		font-size: 11px;
		letter-spacing: normal;
	}
}
.header-search-placeholder {
	position: fixed;
	top: 121px;
	left: 0;
	width: 100%;
}
@media(max-width:768px) {
	.header-search-placeholder {
		top: 105px;
	}
}
@media(max-width:767px) {
	.header-search-placeholder {
		clear: left;
		position: relative;
		top: auto;
	}
}
.admin-bar .header-search-placeholder {
	top: 117px;
}
.header-search-placeholder form {
	background: #404040;
	background: rgba(0,0,0,.75);
}
.header-search .search-field {
	width: 100%;
	padding: .4em 1em;
	border: 0;
	text-align: center;
	font-size: 1.3em;
	color: #fff;
	background: transparent;
}
/*
-----------------------------------------------------------------------------------
H1 H2 PAGE CONTENU
----------------------------------------------------------------------------------- */
header.content-header {
	min-height: 20px;
}
.content-header {
	color: #8c8c8c;
	background-color: #fff;
}
.content-header {
	padding-top: 0;
	padding-bottom: 0;
}
.content-header h1 {
	padding-bottom: 20px;
	color: #333333;
}
#primary h2 {
	padding-bottom: 20px;
}
#primary {
	padding-top: 32px;
}
/*
-----------------------------------------------------------------------------------
PAGE PRODUIT
----------------------------------------------------------------------------------- */
#headerproduit {
	margin-top: 10px;
	padding-bottom: 10px;
	min-height: 226px;
	background: #faf6f3;
}
#headerproduit .fond {
	padding-bottom: 20px;
	background: #faf6f3;
}
#headerproduit .content-header {
	color: #8c8c8c;
	background-color: #fff;
}
.content-header {
	padding-top: 0;
	padding-bottom: 0;
}
#headerproduit .col-md-9 {
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}
#headerproduit .col-md-3 img {
	margin: -20px auto -30px auto;
}
#headerproduit h1 {
	padding-top: 20px;
	padding-bottom: 30px;
	color: #333333;
}
#headerproduit h2 {
	padding-bottom: 30px;
	font-family: 'Nunito',sans-serif;
	font-size: 20px;
	font-weight: 400;
}
#page #primary ul.nav-tabs > li {
	margin-right: 4px;
	margin-bottom: -1px;
	padding-left: 0;
	min-height: 1px;
	font-family: 'Roboto',sans-serif;
	font-size: 20px;
	font-weight: 400;
	background: none;
}
#page #primary ul.nav-tabs > li.active {
	margin-bottom: -2px;
}
#page #primary ul.nav-tabs > li a {
	color: #666;
}
#page #primary ul.nav-tabs > li a i.fa {
	color: #333;
}
#page #primary ul.nav-tabs > li.active > a,
#page #primary ul.nav-tabs > li.active > a:hover,
#page #primary ul.nav-tabs > li.active > a:focus {
	border: 1px solid #ddd #ddd #fff;
	color: #f08406;
	background-color: #fff;
	cursor: default;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
}
.nav-tabs .fa {
	padding-right: 10px;
	font-size: 30px;
}
.nav-tabs > li.active > a .fa,
.nav-tabs > li.active > a:hover .fa,
.nav-tabs > li.active > a:focus .fa {
	color: #333;
}
.nav-tabs i,
.nav-tabs span {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.nav-tabs > li > a {
	display: block;
	position: relative;
	padding: 7px 10px;
}
.nav > li > a:hover,
.nav > li > a:focus {
	border-color: #ddd;
	background-color: #fff;
}
.tab-content > .tab-pane {
	padding-top: 45px;
}
#primary ol {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
}
#primary ol li {
	margin-bottom: 10px !important;
	padding-left: 15px !important;
	min-height: 10px !important;
	background: url(/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/li-noire.png) no-repeat 0 4px !important;
}
#primary #pictonoire {
	display: table;
	width: 100%;
	text-align: center;
}
#primary #pictonoire > ul {
	display: table-row;
	clear: left;
	margin: 0;
	padding: 0;
	letter-spacing: -.31em;
	list-style-type: none;
}
#primary #pictonoire > ul > li {
	display: table-cell;
	width: 20%;
	margin-bottom: 20px;
	padding-left: 10px;
	min-width: 100px;
	line-height: 18px;
	letter-spacing: normal;
	background: none;
}
@media(max-width:768px) {
	#primary #pictonoire > ul > li {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
}
#primary #pictonoire > ul > li > img {
	display: block;
	margin: 0 auto 6px auto;
}
#primary #pictonoire li:first-child {
	padding-left: 0;
}
.content-header,
#headerproduit .content-header {
	background-color: transparent;
}
@media(max-width:767px) {
	#headerproduit {
		padding-bottom: 20px;
	}
	#page #primary ul.nav-tabs > li {
		margin-right: 2px;
		margin-bottom: 0;
		margin-bottom: -1px;
		padding-left: 0;
		min-height: 1px;
		font-family: 'Roboto',sans-serif;
		font-size: 14px;
		font-weight: 400;
		background: none;
	}
	.nav-tabs > li a:hover {
		border-color: #DDDDDD #dddddd rgba(0,0,0,0);
		background-color: #fff;
	}
	.nav-tabs .fa {
		display: none;
	}
	.nav-tabs > li > a {
		display: block;
		position: relative;
		padding: 4px 4px;
	}
}
/* Documents dans les pages produits */
#documents ul,
#documents li {
	display: block;
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}
#documents a {
	display: flex;
	align-items: center;
}
#documents .titre {
	font-weight: bold;
}
#documents a:hover .titre {
	text-decoration: underline;
}
#documents span {
	display: block;
	margin: 0 1em 0 0;
}
#documents .icon:before {
	content: "\f016";
	display: inline-block;
	font-family: "Fontawesome";
	font-size: 4rem;
}
#documents a[href$=".pdf"] .icon:before,
#documents a[href$="SearchAllPublicFolders=False"] .icon:before {
	content: "\f1c1";
}
/* Videos YouTube */
.yt-video {
	width: 600px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}
.yt-video iframe {
	max-width: 100%;
}
/*
-----------------------------------------------------------------------------------
BREADCRUMB
----------------------------------------------------------------------------------- */
.breadcrumbs {
	font-weight: 400;
	color: #333;
	margin: 1em 0;
}
.breadcrumbs a {
	font-size: 12px;
	font-weight: normal;
	color: #808080;
}
.breadcrumbs a:hover {
	color: #f08406;
}
@media(max-width:767px) {
	.breadcrumbs {
		display: none;
	}
}
/*
-----------------------------------------------------------------------------------
PAGE HOME
----------------------------------------------------------------------------------- */
.home .breadcrumbs {
	display: none;
}
.home .navbar {
	margin-bottom: 0;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	width: 100%;
}
.carousel-indicators {
	top: 4%;
	right: 4%;
	bottom: auto;
	left: auto;
	width: auto;
	margin: 0;
}
.carousel-indicators li {
	border-color: #333;
	background: #333;
}
.carousel-indicators .active {
	width: 10px;
	height: 10px;
	margin: 1px;
	border-color: #000;
	background: #f08406;
}
.carousel.slide,
.carousel-inner,
.carousel-inner .item,
.carousel-inner .item.active,
.carousel-inner img {
	overflow: hidden;
}
div.pic {
	position: relative;
	margin: 12px 0 14px;
}
div.bloc {
	display: inline-block;
	margin: 0 0 0 0; /* espacement horizontal des blocs */
	text-align: left; /* on rétablit l'alignement du texte */
	font-size: 12px;
	vertical-align: middle;
	color: #333;
	nowhitespace: afterproperty;
}
@media(max-width:768px) {
	div.bloc {
		margin: 0 auto 1em;
	}
}
div.bloc img {
	margin: 0 8px 0 0;
}
div.bloc.texte {
	margin: 0 25px 0 0; /* espacement horizontal des blocs */
}
.home .container.spe {
	width: 960px;
	max-width: 100%;
}
.home .container.spe .col-md-3 {
	position: relative;
	padding-right: 0;
	padding-left: 8px;
	min-height: 1px;
	font-size: 13px;
	font-weight: 400;
}
.home .container.spe h2,
.home .container.spe .h2 {
	display: block;
	margin: 0 0 10px 20px;
	font-size: 20px;
	font-weight: 400;
	color: #f08406;
}
.home .container.spe h2 span,
.home .container.spe .h2 span {
	font-weight: 300;
	color: #444;
}
.home-cat-description {
	display: block;
	margin-left: 20px;
}
.espacecarte {
	clear: left;
	margin-bottom: 80px;
}
/* Tous les LI de la page d'accueil ? Whaooo */
@media(max-width:768px) {
	.home .icones {
		width: 100%;
		text-align: center;
	}
}
.home .jeu {
	display: block;
	z-index: 10;
	position: absolute;
	top: -35px;
	right: 0;
}
@media(max-width:1023px) {
	.home .jeu {
		position: relative;
		top: auto;
		right: auto;
		width: 300px;
		margin: 1em auto;
	}
}
.home .no-break {
	display: inline-block;
}
.home .jeu span.bloc {
	display: inline-block;
	margin: 0 0 0 0; /* espacement horizontal des blocs */
	text-align: left; /* on rétablit l'alignement du texte */
	text-transform: uppercase;
	font-family: 'Nunito',sans-serif;
	font-size: 13px;
	font-weight: 700;
	vertical-align: middle;
	color: #333;
	nowhitespace: afterproperty;
}
.home .jeu a .bloc {
	color: #f08406;
}
.home .jeu a:hover .bloc {
	color: #dbcfbf;
}
.trouver {
	display: block;
	margin-bottom: 18px;
	font-family: 'Nunito',sans-serif;
	font-size: 27px;
	font-weight: 300;
	color: #333;
}
@media(max-width:768px) {
	.trouver {
		text-align: center;
	}
}
.home .container.spe a {
	color: #333;
}
.home .container.spe a:hover {
	color: #f08406;
}
.container.spe .col-xs-12 a {
	display: block;
	width: 221px;
	margin: 15px auto 0;
	min-height: 300px;
}
/*
-----------------------------------------------------------------------------------
SIDEBAR
----------------------------------------------------------------------------------- */
#secondary {
	padding-top: 32px;
	padding-bottom: 20px;
}
#secondary h2 {
	padding-bottom: 16px;
	font-size: 20px;
	color: #333;
}
#secondary ul,
#secondary ul ul {
	margin: 0;
	padding: 0;
}
#secondary li {
	padding-left: 26px;
	border-left: 4px solid #fff;
	font-size: 16px;
	font-weight: 400;
	color: #636262;
}
#secondary li li a:hover {
	text-decoration: none;
}
#secondary li.actif {
	border-left: 4px solid #f90;
}
#secondary li.actif a.on {
	font-size: 16px;
	font-weight: 700;
}
#secondary ul li ul {
	margin-bottom: 1em;
	margin-left: 1em;
}
#secondary ul li ul li {
	padding-bottom: 0;
	padding-left: 0;
	border-left: none;
	line-height: 14px;
}
#secondary li li a {
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color: #747171;
}
#secondary li li a:hover,
#secondary li li.temoin a {
	text-decoration: none;
	font-size: 12px;
	color: #333;
}
#secondary li li.temoin a {
	font-weight: 700;
}
#secondary li.actif li a,
#secondary li.actif li a {
	color: #747171;
}
#secondary li.actif a,
#secondary li.actif li.temoin a,
#secondary li.actif li a:hover {
	color: #333;
}
/*
-----------------------------------------------------------------------------------
PAGE CALCUL RENDEMENT
----------------------------------------------------------------------------------- */
#calcul_quantite #ajax-loading {
	display: none;
}
.row.rendement {
	text-align: center;
}
#primary .row.rendement h2 a {
	display: inline-block;
	margin-bottom: 0;
	padding: 6px 12px;
	border: 1px solid rgba(0,0,0,0);
	border-color: #404040;
	border-radius: 4px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.42857;
	white-space: nowrap;
	vertical-align: middle;
	color: #fff;
	background-color: #404040;
	background-image: none;
	cursor: pointer;
}
#primary .row.rendement h2 a:hover,
h2 a:focus {
	border-color: #ebebeb;
	color: #404040;
	background-color: #ebebeb;
}
/*
-----------------------------------------------------------------------------------
DIAGNOSTIC
----------------------------------------------------------------------------------- */
#diagnostic #ajax-loading {
	display: none;
}
.diagnostic-btn-valider {
	margin: 1em 0;
	text-align: center;
}
#diagnostic fieldset {
	margin-bottom: 1.5em;
}
#diagnostic legend {
	font-size: 18px;
}
#diagnostic label {
	display: inline-block;
	margin-right: 2em;
	cursor: pointer;
}
#diagnostic label:last-child {
	margin-right: 0;
}
/*
-----------------------------------------------------------------------------------
PAGE TYPE
----------------------------------------------------------------------------------- */
#page #primary ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#page #primary li {
	margin-bottom: 2em;
	padding-left: 32px;
	min-height: 18px;
	background: url(/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/li-orange.png) no-repeat 0 2px;
}
#page #primary ul.list-unstyled li {
	margin-bottom: 1em;
	padding-left: 0;
	min-height: auto;
	background: none;
}
#page #primary ul.pagination li {
	background: none;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
span.page-numbers.current {
	border-color: #f08406;
	background-color: #f08406;
}
/* Sitemap only */
#page #primary .page-list li {
	margin-bottom: .5em;
	padding-left: 1em;
	min-height: auto;
	background: none;
}
#page .row .col-md-4 p {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}
#page .row p img {
	display: block;
	margin: 0 auto;
}
#primary .row.diagnostic {
	margin-top: 20px;
	font-size: 13px;
}
#primary .row.diagnostic h2 {
	padding-bottom: 18px;
	font-size: 20px;
	font-weight: 300;
}
#primary .row.diagnostic img {
	padding-bottom: 10px;
	max-width: 100%;
}
@media(max-width:767px) {
	#primary .row.diagnostic img {
		display: none;
	}
}
#primary .row.diagnostic div {
	padding-bottom: 20px;
}
.btn-lg {
	padding: 10px 16px;
	border-radius: 6px;
	font-size: 18px;
}
.btn-success,
button.btn-success,
html input[type="button"].btn-success,
input[type="submit"].btn-success {
	border-color: #f08406;
	color: #ffffff;
	background-color: #f08406;
}
.btn {
	display: inline-block;
	margin-bottom: 0;
	padding: 6px 12px;
	border: 1px solid rgba(0,0,0,0);
	border-radius: 4px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.42857;
	white-space: nowrap;
	vertical-align: middle;
	background-image: none;
	cursor: pointer;
	-moz-user-select: none;
}
.btn-success:hover,
.btn-success:focus,
button.btn-success:hover,
button.btn-success:focus,
html input[type="button"].btn-success:hover,
html input[type="button"].btn-success:focus,
input[type="submit"].btn-success:hover,
input[type="submit"].btn-success:focus {
	border-color: #404040;
	background-color: #404040;
	background-position: 0 -15px;
}
/*
-----------------------------------------------------------------------------------
POINTS DE VENTE
----------------------------------------------------------------------------------- */
#txt_accept_geoloc {
	margin: 1em 0;
}
#loading_produits {
	margin: 1em 0;
	text-align: center;
}
#magasins {
	margin-top: 2em;
}
.rowPointVente:nth-child(odd) {
	clear: left;
}
.rowPointVente h3 {
	margin-top: .5em;
}
.rowPointVente .badge {
	margin-left: 1em;
	background: #999;
}
p.adresse-magasin {
	margin-left: 1.5em;
}
/*
-----------------------------------------------------------------------------------
ACTUALITES
----------------------------------------------------------------------------------- */
.actualites ul.unstyled a {
	display: block;
	letter-spacing: -.31em;
}
.actualites .date,
.actualites .titre {
	display: inline-block;
	letter-spacing: normal;
}
.actualites .date {
	width: 15%;
}
@media(max-width:480px) {
	.actualites .date {
		display: block;
		width: auto;
	}
}
/*
-----------------------------------------------------------------------------------
FOCUS
----------------------------------------------------------------------------------- */
#focus {
	margin-top: 77px;
	margin-bottom: 24px;
	min-height: 348px;
	font-weight: 300;
	background: #dbd8d4;
}
#focus .france {
	display: block;
	width: 227px;
	height: 238px;
	margin-top: -77px;
	margin-bottom: 10px;
	background: url(/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/france.png) no-repeat 0 0;
}
#focus .guides {
	display: block;
	width: 242px;
	height: 238px;
	margin-top: -77px;
	margin-bottom: 10px;
	background: url(/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/guides.png) no-repeat 0 0;
}
@media(max-width:768px) {
	#focus .france,
	#focus .guides {
		display: none;
	}
}
#focus .h3 {
	display: block;
	margin-top: 26px;
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: 300;
	color: #8c8c8c;
}
#focus a {
	color: #333;
}
#focus a .h3 {
	color: #8c8c8c;
}
#focus a:hover,
#focus a:hover .h3 {
	color: #f08406;
}
#focus ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#focus .row.grad {
	background: url(/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/grad.png) no-repeat 50% 50%;
}
@media only screen and (max-width:767px) {
	#focus .h3 {
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#focus ul li a .date {
		text-align: left;
		color: #000;
	}
	#focus .row.grad {
		background: transparent;
	}
	#focus .guides {
		margin-top: 0;
		margin-bottom: 10px;
	}
	#focus {
		margin-bottom: 20px;
	}
}
#focus .liste-actus-footer a .date {
	display: inline-block;
	width: 110px;
	color: #000;
}
#focus .liste-actus-footer a .date {
	color: #000;
}
/*
-----------------------------------------------------------------------------------
FOOTER RESEAUX
----------------------------------------------------------------------------------- */
.res-footer {
	min-height: 100px;
}
.form-control {
	display: block;
	width: 100%;
	height: 28px;
	padding: 0 12px;
	border: 1px solid #bdc3ca;
	border-radius: 14px;
	font-size: 14px;
	line-height: 28px;
	color: #aaa;
	box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
	transition: border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;
}
.form-group {
	margin-bottom: 15px;
	color: #888;
}
.form-inline .form-control,
.form-inline .form-group,
.form-group input {
	width: 100%;
}
.form-control:focus,
textarea#comment:focus {
	border-color: #f08406;
	outline: 0 none;
	color: #f08406;
	box-shadow: none;
}
.footer-reseau {
	margin: 0;
	padding: 0;
	text-align: right;
}
.footer-reseau li {
	margin: 0;
	padding: 0;
}
.footer-reseau li {
	display: inline;
	padding-left: 7px;
}
.footer-reseau li a {
	font-size: 32px;
	line-height: 0;
	color: #dbd8d4;
	/*transition: all 300ms ease-in 0s;*/
}
.footer-reseau li a:hover,
.footer-reseau li a:focus {
	color: #f08406;
	/*transition: all 300ms ease-in 0s;*/
}
.footer-reseau a:hover .fa-facebook-square {
	color: #3b5998;
}
.footer-reseau a:hover .fa-youtube-square {
	color: #cc181e;
}
.footer-reseau li.bebetes {
	display: inline-block;
	margin-top: -2px;
}
.footer-reseau li.bebetes a {
	font-size: 14px;
	font-weight: bold;
}
.footer-reseau li.bebetes i.bebete {
	display: inline-block;
	background: url(/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/bebete.svg) no-repeat;
	width: 25px;
	height: 28px;
}
.footer-reseau li.bebetes a:hover i.bebete {
	background-position: 100% 0;
}
.footer-reseau li.bebetes span {
	display: inline-block;
	line-height: 25px;
	overflow: hidden;
}
/* Jeu en bas */
.footer-reseau li.buttonized {
	height: 30px;
	top: -4px;
	position: relative;
}
.footer-reseau li.buttonized a {
	display: inline-block;
	background: #dbd8d4;
	color: #fff;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	height: 27px;
	font-size: 23px;
	width: 27px;
	text-align: center;
	line-height: 25px;
}
.footer-reseau li.buttonized a:hover {
	background: #f08406;
}
@media only screen and (max-width:767px) {
	.res-footer .col-xs-12 {
		text-align: center;
	}
	.res-footer {
		min-height: 10px;
		font-size: 28px;
	}
}
/*
-----------------------------------------------------------------------------------
FOOTER SUB
----------------------------------------------------------------------------------- */
.sub-footer {
	margin-bottom: 0;
	min-height: 28px;
	font-size: 11px;
	line-height: 28px;
	letter-spacing: 0.6px;
	color: #b4b0ad;
}
.sub-footer p {
	margin: 0;
	padding: 0;
	min-height: 27px;
	line-height: 28px;
}
.sub-footer address {
	display: inline;
}
.sub-footer .ppg {
	display: block;
	float: left;
	margin-right: 12px;
	margin-left: 24px;
	min-height: 28px;
	min-width: 35px;
	background: url(/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/ppg.svg) no-repeat 0 0;
}
.footer-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-menu li {
	display: inline;
	padding-left: 20px;
}
.footer-menu li a {
	color: #b4b0ad;
	transition: all 300ms ease-in 0s;
}
.footer-menu li a:hover,
.footer-menu li a:focus {
	color: #f08406;
	transition: all 300ms ease-in 0s;
}
@media only screen and (max-width:767px) {
	.footer-menu li a {
		text-decoration: underline;
	}
}
/* Sub sub footer */
.sub-sub-footer {
	clear: both;
	padding: 1em;
	text-align: center;
	font-size: 11px;
	letter-spacing: 0.6px;
	color: #b4b0ad;
}
/*
-----------------------------------------------------------------------------------
PAGE DE PRÉSENTATION DES PRODUITS - BOUTONS CUSTOMISÉS
----------------------------------------------------------------------------------- */
#primary a.btn.btn-produits {
	color: #fff;
}
.btn.btn-produits {
	background: #444;
	border-color: #fff;
	border-width: 2px;
	border-radius: 8px;
	font-size: 16px;
	line-height: 22px;
	outline: 0 none;
	padding: 6px 12px;
	white-space: normal;
	text-shadow: 0 0 3px black;
	box-shadow: 0 0 5px #ccc;
	background: linear-gradient(to top,    rgba(255,255,255,0.40) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C */
	font-weight: 500;
	letter-spacing: -.5px;
}
#primary a.btn.btn-produits:hover {
	/*background: linear-gradient(to bottom, rgba(255,255,255,0.40) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C */
	color: #fff;
	background: #F08406;
	text-shadow: 0 0 3px rgba(0,0,0,.5);
}

.btn.btn-produits.poutres {
	background-color: #F3A151;
}
.btn.btn-produits.meubles {
	background-color: #E4BF6F;
}
.btn.btn-produits.multi {
	background-color: #e2d201;
}
.btn.btn-produits.parquet {
	background-color: #84B917;
}
.btn.btn-produits.exterieurs {
	background-color: #B963C9;
}
.btn.btn-produits.decapant {
	background-color: #327742;
}
/*
-----------------------------------------------------------------------------------
VACCINATION
----------------------------------------------------------------------------------- */
.vaccination-jumbotron {
	display: table;
	background: #f1cd9b url(/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/vaccination-jumbotron.jpg) no-repeat 100% 0;
	height: 100px;
	background-size: cover;
}
@media(min-width: 768px) {
	.vaccination-jumbotron {
		height: 230px;
	}
}
.vaccination-jumbotron h1 {
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 6px #000;
	font-family: "Roboto";
	text-align: center;
	margin: 10px;
}
@media(min-width: 800px) {
	.vaccination-jumbotron h1 {
		font-size: 42px;
	}
}
.vaccination-jumbotron h1 small {
	font-size: .85em;
	color: #fff;
}
/* Vaccination pavés principaux */
.vaccination-paves {
	font-size: 14px;
	color: #333;
	margin-top: 1em;
	font-weight: 400;
}
@media(min-width: 768px) {
	.vaccination-paves {
		margin-top: 100px;
	}
}
@media(min-width: 768px) {
	.vaccination-paves .pave {
		margin-bottom: 80px;
	}
}
.vaccination-paves .pave a {
	display: block;
}
@media(min-width: 1024px) {
	.vaccination-paves .pave a {
		margin-left: 50px;
	}
	.vaccination-paves .pave:nth-child(odd) a {
		margin-right: 50px;
		margin-left: 0;
	}
}
.vaccination-paves .s-titre {
	font-size: 20px;
	display: block;
	line-height: 1.2em;
}
@media(min-width: 768px) {
	.vaccination-paves .s-titre {
		margin-right: 40px;
	}
	.vaccination-paves .pave:nth-child(odd) .s-titre {
		margin-right: 0;
		margin-left: 40px;
	}
}
@media(min-width: 1200px) {
	.vaccination-paves .s-titre {
		margin-right: 100px;
	}
	.vaccination-paves .pave:nth-child(odd) .s-titre {
		margin-right: 0;
		margin-left: 100px;
	}
}
.vaccination-paves .desc {
	display: block;
	clear: left;
	margin-bottom: 2em;
}
@media(min-width: 1024px) {
	.vaccination-paves .desc {
		margin-right: 100px;
		clear: none;
		margin-bottom: 0;
	}
	.vaccination-paves .pave:nth-child(odd) .desc {
		margin-right: 0;
		margin-left: 100px;
	}
}
.vaccination-paves em {
	color: #f7901e;
	font-weight: bold;
	font-style: normal;
}
.vaccination-paves .picto {
	display: block;
	width: 100px;
	height: 100px;
	background: url(/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/vaccination-pictos.png) no-repeat;
	float: left;
	margin-right: 10px;
}
@media(min-width: 1024px) {
	.vaccination-paves .picto {
		margin-right: 30px;
	}
}
.vaccination-paves .picto1 {
	background-position: 0 0;
}
.vaccination-paves .picto2 {
	background-position: 0 -100px;
}
.vaccination-paves .picto3 {
	background-position: 0 -200px;
}
.vaccination-paves .picto4 {
	background-position: 0 -300px;
}
@media(min-width: 1024px) {
	.vaccination-paves .pave:nth-child(odd) {
		text-align: right;
	}
	.vaccination-paves .pave:nth-child(odd) .picto {
		float: right;
		margin-right: 0;
		margin-left: 30px;
	}
}
.vaccination-paves a .s-titre,
.vaccination-paves a .desc,
.vaccination-paves a:hover .desc {
	color: #333;
	transition: color 0.1s ease-in 0s;
}
.vaccination-paves a:hover .s-titre {
	color: #f08406;
	transition: color 0.1s ease-in 0s;
}
/* "vaccination footer" */
.vaccination-home--footer {
	background: #f08406;
	color: #fff;
	padding: 1em 0;
	margin: 1em 0;
	text-align: center;
}
.vaccination-home--footer a .s-titre {
	height: 70px;
	background: #404040;
	font-size: 12px;
	color: #fff;
	padding: .2em 2em;
	margin-bottom: 2px;
}
@media(min-width: 1024px) {
	.vaccination-home--footer a .s-titre {
		font-size: 20px;
	}
}
.vaccination-home--footer a:hover .s-titre {
	color: #f08406;
}
.vaccination-home--footer img {
	border: solid 4px #fff;
	margin-bottom: 1em;
	width: 100%;
}
@media(min-width: 768px) {
	.vaccination-home--footer img {
		margin-bottom: 0;
	}
}
/* "bouton" vaccination sur la home du site */
.home-vaccination {
	display: inline-block;
	position: relative;
	margin-top: 2em;
	-webkit-animation: movevaccinationhome ease-in-out 2s; /* Chrome, Safari, Opera */
	animation: movevaccinationhome ease-in-out 2s;
}
/* Standard syntax */
@keyframes movevaccinationhome {
	0%   { left: 10%; opacity: 0; }
	25%  { left: 10%; opacity: 0; }
	75%  { left: -5%; opacity: 1; }
	100% { left: 0; opacity: 1; }
}
body.home a.btn-vaccination.t-table {
	/*position: absolute;*/
	width: auto;
	padding: 1em;
	background: #fff;
	border-radius: 64px;
}
body.home a.btn-vaccination .picto {
	background: url("/web/20230509161625im_/https://www.xylophene.fr/wp-content/themes/xylophene/images/vaccination-pictos.png") no-repeat 0 -200px;
	display: block;
	height: 100px;
	width: 100px;
}
.home-vaccination-label {
	display: block;
	font-size: 24px;
	text-align: left;
}
body.home a.btn-vaccination .all {
	display: block;
	text-align: right;
	line-height: 1.2em;
	/*position: absolute;*/
	/*top: 1.4em;
	left: 33em;*/
	font-size: .8em;
	color: #f08406;
}
body.home a.btn-vaccination .all:after {
	content: "";
	font-family: "Glyphicons Halflings";
	font-size: .5em;
}
body.home a.btn-vaccination:hover {
	background: #333;
}
body.home a.btn-vaccination:hover .all {
	color: #fff;
}
/* Lien "Gagnez diagnostic", sur la home du site */
.gagnez-diagnostic a {
	display: inline-block;
	font-size: 24px;
}
.gagnez-diagnostic a .gagnez {
	display: block;
}
.gagnez-diagnostic a .cadeau-participation {
	text-align: right;
	display: block;
	font-size: .5em;
	line-height: 1.2em;
	color: #f08406;
}
.gagnez-diagnostic a .cadeau-participation:after {
	content: "";
	font-family: "Glyphicons Halflings";
	font-size: .5em;
}

/*
     FILE ARCHIVED ON 16:16:25 May 09, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:09:23 Aug 27, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.498
  load_resource: 48.246
  PetaboxLoader3.resolve: 30.797
  PetaboxLoader3.datanode: 16.783
*/
/* SITE-WIDE SIDEBAR DESIGN */
#secondary {
    padding: 24px 18px 24px 0;
}
#secondary h2 {
    margin: 0 0 18px;
    padding: 0 0 12px;
    border-bottom: 2px solid #f08406;
    font-size: 22px;
}
#secondary > #accordion > ul > li {
    margin-bottom: 8px;
    padding: 0;
    border-left: 0;
}
#secondary > #accordion > ul > li > a {
    display: block;
    padding: 9px 12px;
    border-left: 4px solid transparent;
    border-radius: 2px;
    line-height: 1.35;
    color: #4d4d4d;
}
#secondary > #accordion > ul > li > a:hover,
#secondary > #accordion > ul > li.actif > a,
#secondary > #accordion > ul > li > a.on {
    border-left-color: #f08406;
    background: #fff5e8;
    text-decoration: none;
    color: #222;
}
#secondary ul li ul {
    margin: 4px 0 12px 16px;
    padding: 4px 0 4px 12px;
    border-left: 1px solid #e5e5e5;
}
#secondary ul li ul li {
    margin: 2px 0;
    padding: 0;
}
#secondary li li a {
    display: block;
    padding: 6px 8px;
    line-height: 1.35;
}
#secondary li li a:hover,
#secondary li li.temoin a {
    background: #f7f7f7;
    text-decoration: none;
}
@media (max-width: 767px) {
    #secondary {
        padding-right: 0;
    }
}
/* CONSISTENT SIDEBAR DESIGN */
#secondary { padding: 24px 18px 24px 0; }
#secondary h2 { margin: 0 0 18px; padding: 0 0 12px; border-bottom: 2px solid #f08406; font-size: 22px; }
#secondary ul, #secondary ul ul { margin: 0; padding: 0; }
#secondary > #accordion > ul > li { margin-bottom: 8px; padding: 0; border-left: 0; }
#secondary > #accordion > ul > li > a { display: block; padding: 9px 12px; border-left: 4px solid transparent; border-radius: 2px; line-height: 1.35; color: #4d4d4d; }
#secondary > #accordion > ul > li > a:hover, #secondary > #accordion > ul > li.actif > a, #secondary > #accordion > ul > li > a.on { border-left-color: #f08406; background: #fff5e8; text-decoration: none; color: #222; }
#secondary ul li ul { margin: 4px 0 12px 16px; padding: 4px 0 4px 12px; border-left: 1px solid #e5e5e5; }
#secondary ul li ul li { margin: 2px 0; padding: 0; border-left: 0; }
#secondary li li a { display: block; padding: 6px 8px; line-height: 1.35; }
#secondary li li a:hover, #secondary li li.temoin a { background: #f7f7f7; text-decoration: none; }
@media (max-width: 767px) { #secondary { padding-right: 0; } }