@font-face {
	font-family : "FuturaBT-Medium";
	src         : url("polices/FuturaBT-Medium.eot?#iefix") format("embedded-opentype"), url("polices/FuturaBT-Medium.woff") format("woff"), url("polices/FuturaBT-Medium.ttf") format("truetype"), url("polices/FuturaBT-Medium.svg#FuturaBT-Medium") format("svg");
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family : "FuturaBT-Light";
	src         : url("polices/FuturaBT-Light.eot?#iefix") format("embedded-opentype"), url("polices/FuturaBT-Light.woff") format("woff"), url("polices/FuturaBT-Light.ttf") format("truetype"), url("polices/FuturaBT-Light.svg#FuturaBT-Light") format("svg");
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family : "FuturaBT-Book";
	src         : url("polices/FuturaBT-Book.eot?#iefix") format("embedded-opentype"), url("polices/FuturaBT-Book.woff") format("woff"), url("polices/FuturaBT-Book.ttf") format("truetype"), url("polices/FuturaBT-Book.svg#FuturaBT-Book") format("svg");
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family : "Futura-Bold";
	src         : url("polices/Futura-Bold.eot?#iefix") format("embedded-opentype"), url("polices/Futura-Bold.woff") format("woff"), url("polices/Futura-Bold.ttf") format("truetype"), url("polices/Futura-Bold.svg#Futura-Bold") format("svg");
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family : "FuturaBT-MediumItalic";
	src         : url("polices/FuturaBT-MediumItalic.eot?#iefix") format("embedded-opentype"), url("polices/FuturaBT-MediumItalic.woff") format("woff"), url("polices/FuturaBT-MediumItalic.ttf") format("truetype"), url("polices/FuturaBT-MediumItalic.svg#FuturaBT-MediumItalic") format("svg");
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family : "FuturaBT-Heavy";
	src         : url("polices/FuturaBT-Heavy.eot?#iefix") format("embedded-opentype"), url("polices/FuturaBT-Heavy.woff") format("woff"), url("polices/FuturaBT-Heavy.ttf") format("truetype"), url("polices/FuturaBT-Heavy.svg#FuturaBT-Heavy") format("svg");
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family : "Pacifico-Regular";
	src         : url("polices/Pacifico-Regular.eot?#iefix") format("embedded-opentype"), url("polices/Pacifico-Regular.woff") format("woff"), url("polices/Pacifico-Regular.ttf") format("truetype"), url("polices/Pacifico-Regular.svg#Pacifico-Regular") format("svg");
	font-weight : normal;
	font-style  : normal;
}

/*x:nth-child(){*/
/**/
/*}*/

/* --------------------------------------------------------------- */
/*
/* HTML
/*
/* --------------------------------------------------------------- */

* {
	box-sizing : border-box;
}

html, body {
	margin      : 0;
	padding     : 0;
	width       : 100%;
	height      : 100%;
	font-family : "FuturaBT-Light";
	font-size   : 16px;
}

body {
	color            : #3C3C3B;
	background-color : #FFFFFF;
	text-align       : center;
}

@media (max-width : 767.98px) {
	html, body {
		font-size : 13px;
	}
}

#main {
	position         : relative;
	top              : 0;
	left             : 0;
	width            : 100%;
	min-height       : 100%;
	margin           : 0 auto;
	text-align       : justify;
	background-color : #FFFFFF;
	/* overflow-x:hidden; */
}

.fb-like {
	right        : 0;
	margin-top   : 10px;
	margin-right : 125px;
	z-index      : 1000;
}

/* @media only screen and (max-width:800px) {
	.fb-like {
		margin-right:15px;
		top:10px;
	}
} */

/* --------------------------------------------------------------- */
/*
/* Message accueil
/*
/* --------------------------------------------------------------- */

#message_accueil {
	margin           : 0 0 25px 0;
	background-color : #2C7FA8;
	color            : #FFFFFF;
	font-weight      : bold;
	text-align       : center;
	padding          : 20px;
}

#message_accueil p:last-child {
	margin-bottom : 0;
}

@media screen and (max-width : 767px) {
	#message_accueil {
		margin-bottom : 0;
	}
}

/* --------------------------------------------------------------- */
/*
/* Bandeau livraison
/*
/* --------------------------------------------------------------- */
#bandeau_livraison {
	background-color : #053352;
	color            : #FFFFFF;
	padding          : 10px 0;
}

#bandeau_livraison .icone {
	width        : 50px;
	margin-right : 10px;
}

#bandeau_livraison .icone img {
	width      : 100%;
	height     : 100%;
	object-fit : contain;
}

#bandeau_livraison .texte {
	margin-bottom : 5px;
	text-align    : left;
}

#bandeau_livraison .texte span {
	display     : block;
	font-weight : bold;
}

@media screen and (max-width : 768px) {
	#bandeau_livraison {
		padding-top : 10px;
	}

	#bandeau_livraison .icone {
		text-align : right;
		width      : 90px;
		margin     : 10px 15px;
	}

	#bandeau_livraison .texte {
		text-align : left !important;
		font-size  : 15px;
		margin     : 0;
	}

	#bandeau_livraison .texte span br {
		display : none;
	}

	#bandeau_livraison .col-md-auto:last-of-type .icone img {
		width : 50px;
	}
}

@media screen and (max-width : 450px) {
	#bandeau_livraison .texte {
		font-size : 12px;
	}
}

/* --------------------------------------------------------------- */
/*
/* Header
/*
/* --------------------------------------------------------------- */

#entete {
	position    : relative;
	top         : 0;
	left        : 0;
	/* box-shadow:0px 0px 2px #999; */
	z-index     : 500;
	font-family : "FuturaBT-Medium";
}

#entete > * {
	border-bottom : 1px solid #ECECEC;
}

#entete .connexion {
	background-color : #ECECEC;
}

#entete .connexion .row {
	justify-content : flex-end;
}

#entete .connexion a {
	color     : black;
	font-size : 15px;
}

#entete .connexion a:hover {
	text-decoration : none;
}

#entete .connexion span {
	display     : block;
	font-weight : bold;
	margin      : 10px 0;
}

#entete .connexion span svg {
	margin : 0 5px;
}

#entete .logo {
	margin-right : 20px;
	padding      : 15px 0;
}

#entete .logo #logo {
	position : relative;
	width    : 100px;
	display  : block;
}

#entete .logo #logo img {
	width      : 100%;
	height     : 100%;
	object-fit : contain;
}

#entete .logo .accroche p {
	font-size      : 20px;
	text-transform : uppercase;
	text-align     : center;
	color          : #2C7FA8;
	margin-bottom  : 5px;
	margin-left    : 20px;
}

#entete .logo .accroche .couleur {
	color : #BD2025;
}

@media only screen and (max-width : 1179px) {
	#entete .logo #logo {
		width : 145px;
	}
}

@media (max-width : 767.98px) {
	#entete .logo .accroche {
		font-size      : 18px;
		letter-spacing : 4px;
	}
}

/* ------------ */
/* -- Panier -- */
/* ------------ */
#entete .entete_panier {
	padding : 0;
}

.recherche {
	width         : 83%;
	border        : 1px solid #333333;
	border-radius : 50px;
	padding       : 6px 10px;
	position      : relative;
}

.recherche input {
	width      : 100%;
	padding    : 0 5px;
	transition : 0.4s;
	border     : none;
	outline    : none;
}

.recherche button {
	border                     : none;
	background-color           : #FFFFFF;
	outline                    : none;
	width                      : 80px;
	position                   : absolute;
	top                        : 0;
	right                      : 0;
	bottom                     : 0;
	border-top-right-radius    : 50px;
	border-bottom-right-radius : 50px;
}

.recherche button:hover {
	color            : #FFFFFF;
	background-color : #2C7FA8;
}

.recherche input.error {
	width     : 200px;
	opacity   : 1;
	border    : 1px solid #BD2025;
	animation : shake 0.5s;
}

.icons {
	width       : 17%;
	display     : flex;
	flex-wrap   : wrap;
	align-items : center;
}

.responsive_search input.error {
	border : 1px solid #BD2025;
}

.recherche input.error::placeholder,
.responsive_search input.error::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color   : #BD2025;
	opacity : 1; /* Firefox */
}

.recherche input.error:-ms-input-placeholder,
.responsive_search input.error:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color : #BD2025;
}

.recherche input.error::-ms-input-placeholder,
.responsive_search input.error::-ms-input-placeholder {
	/* Microsoft Edge */
	color : #BD2025;
}

#panier_compte {
	display         : flex;
	flex-wrap       : wrap;
	justify-content : space-around;
	width           : 100%;
}

.entete_panier i {
	font-size : 18px;
	color     : #777777;
}

#panier_entete #bouton_panier {
	position : relative;
	display  : block;
	width    : 40px;
	height   : 30px;
}

#panier_entete #panier_permanent {
	position    : absolute;
	top         : 7px;
	left        : 15px;
	font-family : "Niconne";
	text-align  : center;
	color       : #333333;
	font-size   : 18px;
}

#panier_entete #panier_permanent .conteneur {
	position        : relative;
	top             : -2px;
	left            : -10px;
	font-size       : 18px;
	font-weight     : bold;
	display         : flex;
	flex-wrap       : wrap;
	align-items     : center;
	justify-content : center;
	width           : 30px;
}

#panier_entete #panier_permanent .conteneur .chiffre_panier {
	font-size : 25px;
	display   : block;
}

#total {
	color     : #FFFFFF;
	font-size : 15px;
	width     : 40px;
	height    : 30px;
	display   : block;
}

@media (max-width : 767.98px) {
	#panier_compte {
		align-items : flex-start;
	}

	#panier_entete {
		justify-content : flex-end;
	}
}

/* --------------------------------------------------------------- */
/*
/* Certificat
/*
/* --------------------------------------------------------------- */

/*.certificat {*/
/*	padding        : 10px 30px;*/
/*	border-top     : 2px solid #BEBEBE;*/
/*	text-transform : uppercase;*/
/*	font-weight    : bold;*/
/*	margin-bottom  : 20px;*/
/*}*/

/*.certificat .bloc-certificat {*/
/*	display     : flex;*/
/*	flex-wrap   : wrap;*/
/*	align-items : center;*/
/*}*/

/*.certificat .bloc-certificat p {*/
/*	letter-spacing : 0.14ch;*/
/*	margin-bottom  : 0px;*/
/*}*/

/*.certificat .bloc-certificat img {*/
/*	display     : block;*/
/*	width       : 50px;*/
/*	height      : auto;*/
/*	margin-left : 10px;*/
/*}*/

/* --------------------------------------------------------------- */
/*
/* Menu
/*
/* --------------------------------------------------------------- */

.container_menu {
	position         : relative;
	top              : 0;

	background-color : white;
	border-bottom    : 1px solid #ECECEC;

	z-index          : 750;
}

.barre_toggler {
	display     : flex;
	align-items : center;
}

.barre_toggler .navbar-toggler {
	border : none;
}

#menu {
	/*position:relative; top:0px; left:0;*/
	width     : 100%;
	max-width : 100%;
	height    : 100%;
}

#navbar {
	height : 100%;
}

#menu ul {
	list-style-type : none;
	margin          : 0;
	padding         : 0;

	display         : flex;
	flex-flow       : row;
	justify-content : space-between;
	height          : 100%;
}

#menu ul li {
	position  : relative;
	top       : 0;
	left      : 0;
	flex-grow : 1;
}

#menu ul li a {
	text-decoration : none;
	display         : block;
	padding-bottom  : 8px;
	font-family     : "FuturaBT-Light";
	color           : #000000;
	text-align      : center;
	font-size       : 16px;
	text-transform  : uppercase;
	height          : 100%;

	display         : flex;
	align-items     : center;
	justify-content : center;
	font-weight     : 300;

}

#navbar > ul > li:hover {
	/*background: #2C7FA8;*/
}

#navbar > ul > li:hover a {
	/*color: #FFF;*/
}

#navbar > ul > li > a {
	border-bottom : 3px solid rgba(255, 255, 255, 0);
}

#menu ul li:hover > a {
	border-bottom : 3px solid #2C7FA8;
}

#menu ul li a.home {
	border-bottom : 3px solid #BD2025;
}

#menu ul li ul li:hover > a {
	border : none;
}

/* #menu ul li a.home:after {
  content: "";
  display: block;
  position: absolute;
} */

#menu #mon_compte ul li a {
	min-width : auto;
}

/*#menu ul li:nth-child(4) {
	margin-left:170px;
}*/

/*#menu .portes-bijoux {
    margin-left:170px;
}*/


#menu ul li .sous_menu {
	display       : none;
	position      : absolute;
	left          : 50%;
	width         : 200px;
	margin-left   : -100px;
	margin-bottom : -10px;
	z-index       : 1000;
	top           : 100%;
	box-shadow    : 1px 1px 2px 0px rgba(53, 53, 53, 0.1);
}

#menu ul li .sous_menu.nested {
	top         : 0;
	left        : 100%;
	margin-left : 0;
}

#menu ul li .sous_menu ul {
	flex-flow  : column;
	border     : 1px solid #ECECEC;
	border-top : none;
}

#menu ul li:nth-child(2) .sous_menu {
	/*display: block;*/
}

#menu ul li:hover > .sous_menu {
	display : block;
}

#menu ul li .sous_menu ul {
	position : relative;
}

#menu ul li ul li {
	position : relative;
	top      : 0;
	left     : 0;
	float    : none;
	margin   : 0;
}

#menu ul li ul li a {
	color          : #000000;
	font-size      : 12px;
	line-height    : 45px;
	display        : block;
	width          : 100%;
	text-align     : left;
	padding        : 0 15px;
	min-width      : 0;
	text-transform : uppercase;
}

#menu ul li ul li a span {
	line-height    : normal;
	display        : inline-block;
	vertical-align : middle;
}

#menu ul li .sous_menu ul li {
	background-color : #FFFFFF;
}

#menu ul li .sous_menu ul li:after {
	content    : "";
	display    : block;
	position   : relative;
	bottom     : 0;
	left       : 12.5%;
	width      : 75%;
	height     : 1px;
	background : #2C7FA8;
}

#menu ul li .sous_menu ul li:last-child:after {
	display : none;
}

#menu ul li .sous_menu ul li a {
	color : #000000;
}

#menu ul li .sous_menu ul li:hover {
	background-color : #EDEDED;
}

#menu ul li .sous_menu ul li:hover a {
	color : #000000;
}

#mon_compte {
	font-family : "Niconne";
	text-align  : center;
}

#mon_compte ul {
	padding : 0;
	margin  : 0;
}

#mon_compte ul li {
	list-style-type : none;
	display         : inline-block;
}

#mon_compte a {
	display    : inline-block;
	color      : #3C3C3B;
	padding    : 0 15px;
	background : none !important;
	font-size  : 24px !important;
}

#mon_compte a:hover {
	text-decoration : underline !important;
}

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

@media (max-width : 1199.98px) {
	#entete .menu {
		padding-left  : 15px;
		padding-right : 15px;
	}

	#menu ul li a {
		padding   : 0 10px;
		font-size : 13px;
	}
}

@media (max-width : 991.98px) {
	.container_menu {
		max-width : 800px;
	}
}

@media (min-width : 768px) {


	button.navbar-toggler {
		display : none;
	}

	#navbar {
		display : block;
	}
}

@media (max-width : 767.98px) {

	.container_menu {
		max-width  : 100%;
		position   : sticky;
		z-index    : 1010;
		height     : 112px;
		top        : 0;
		transition : top 0.2s ease-in-out;
		background : #FFFFFF;
	}

	.container_menu .col-md-8, .container_menu .col-12 {
		background : #FFFFFF;
	}

	.nav-up {
		top : -112px;
	}

	.barre_toggler .navbar-toggler {
		outline : 0;
	}

	#menu ul {
		flex-flow : column;
	}

	#menu ul li {
		border-bottom : 1px solid #ECECEC;
		height        : auto;
	}

	#menu ul:last-child {
		border-bottom : none;
	}

	#menu ul li a {
		font-size : 25px;
		padding   : 10px 0;
		height    : auto;
	}

	#menu a.followable {
		color : #2C7FA8 !important;
	}

	#menu ul li a.home {
		border : none;
	}

	#menu ul li .sous_menu {
		top           : 0;
		left          : 0;
		margin        : 0 auto;

		width         : inherit;
		position      : relative;
		box-shadow    : none;
		border-bottom : 3px solid #2C7FA8;
	}

	#menu ul li .sous_menu.nested {
		left          : 0;
		margin        : auto;
		width         : calc(100% - 10px);
		border-bottom : 0;
		margin-bottom : 5px;
		border        : 1px solid #2C7FA8;
	}

	#menu ul li .sous_menu ul {
		border : none;
	}

	/* #menu ul li .sous_menu ul li:nth-child(odd), #menu ul li .sous_menu ul li:nth-child(even) {
	  background-color: initial;
	} */
	#menu ul li .sous_menu ul li a {
		text-align  : center;
		padding     : 10px 0;
		font-size   : 20px;
		/* color: grey; */
		line-height : inherit;
	}
}

/* Lien boutiques */

#boutiques_link {
	height : 30px;
	width  : 40px;
}

#boutiques_link a {
	display : block;
	height  : 100%;
}

#boutiques_link img,
#total img,
#bouton_panier img {
	width      : 100%;
	height     : 100%;
	object-fit : contain;
	display    : block;
	padding    : 1px;
}


/* Lien actus */

#actualites_link {
	position    : relative;
	display     : none;
	height      : 45px;
	padding     : 2px 0;
	margin-left : 20px;
}

#actualites_link a {
	display : block;
	height  : 100%;
}

#actualites_link a img {
	max-width : 100%;
	height    : 100%;
}

@media screen and (max-width : 575px) {
	#actualites_link {
		display : block;
	}
}


/* --------------------------------------------------------------- */
/*
/* Boutons et origine France
/*
/* --------------------------------------------------------------- */

#main .bouton_entete {
	display          : block;
	padding          : 10px 25px;
	width            : 100%;
	text-transform   : uppercase;
	color            : #FFFFFF;
	background-color : #A3195B;
	text-align       : center;
	margin           : 22px 0;
	border-radius    : 5px;
}

/* --------------------------------------------------------------- */
/*
/* Page
/*
/* --------------------------------------------------------------- */


#page {
	position       : relative;
	top            : 0;
	left           : 0;
	min-height     : 350px;
	padding-bottom : 20px;
	z-index        : 5;
}

#page:before {
	content : "";
	display : block;
	clear   : both;
}


.bandeau-commande {
	background-color : #FFFFFF;
	box-shadow       : 0px 2px 3px rgba(23, 23, 23, 0.3);
	padding          : 7px 5px;
	left             : 0;
	width            : calc(100% + 30px);
	margin           : 0 -15px;
	display          : flex;
	flex-wrap        : wrap;
	justify-content  : space-between;
}

.bandeau-commande .bloc-texte {
	width       : 62%;
	display     : flex;
	flex-wrap   : wrap;
	align-items : center;
}

.bandeau-commande p {
	font-size   : 13px;
	font-weight : bold;
	margin      : 0;
}

.bandeau-commande .bloc-icones {
	width  : 35%;
	margin : 0 auto;
}

.bandeau-commande .bloc-img {
	width           : 48%;
	display         : flex;
	flex-wrap       : wrap;
	align-items     : center;
	justify-content : center;
	height          : 30px;
}

.bandeau-commande .bloc-img.dpd img {
	width : 45px;
}

.bandeau-commande .bloc-img img {
	width      : 75px;
	object-fit : contain;
}

/* --------------------------------------------------------------- */
/*
/* Input quantité
/*
/* --------------------------------------------------------------- */
#page .quantite_wrapper {
	display     : flex;
	align-items : center;
}

#page .quantite_wrapper label {
	margin-right : 10px;
}

#page .quantite_input {
	display     : flex;
	align-items : center;
}

#page .quantite_input .quantite-decrement,
#page .quantite_input .quantite-increment {
	display          : flex;
	flex-direction   : column;
	align-items      : center;
	justify-content  : center;
	width            : 30px;
	height           : 35px;
	border-radius    : 0;
	background-color : #133250;
	font-size        : 25px;
	color            : #FFFFFF;
	cursor           : pointer;
}

#page .quantite_input .quantite-decrement:active,
#page .quantite_input .quantite-increment:active {
	background : #DDDDDD;
}

#page #quantite, #panier .input_quantite {
	-moz-appearance : textfield;
	border-radius   : 0;
	height          : 35px;
	width           : 80px;
	outline         : none;
	box-shadow      : inset 0 0 2px rgba(51, 51, 51, 0.4);
	border          : 1px solid #122958;
}

#page #quantite:focus,
#page #quantite:active,
#panier .input_quantite:focus,
#panier .input_quantite:active {
	border-color : #CED4DA;
	box-shadow   : inset 0 0 2px 1px rgba(51, 51, 51, 0.4);
}

#page #quantite::-webkit-outer-spin-button,
#page #quantite::-webkit-inner-spin-button,
#panier .input_quantite::-webkit-outer-spin-button,
#panier .input_quantite::-webkit-inner-spin-button {
	-webkit-appearance : none;
	margin             : 0;
}


/* --------------------------------------------------------------- */
/*
/* Pied
/*
/* --------------------------------------------------------------- */

#frais_port_footer {
	margin-top     : 80px;
	padding-bottom : 20px;
	border-bottom  : 1px solid #CCCCCC;
}

#frais_port_footer h2, #frais_port_footer h3 {
	text-align : center;
}

#frais_port_footer h2 {
	color : #184168;
}

#frais_port_footer > .row > .col-md-6:first-of-type {
	color : #2C7FA8;
}

@media screen and (max-width : 767px) {

	#frais_port_footer > .row > .col-md-6:first-of-type {
		margin-bottom : 20px;
	}
}

#frais_port_footer > .row > .col-md-6:last-of-type {
	color : #BD2025;
}

#pied {
	position         : relative;
	top              : -20px;
	background-color : white;
	z-index          : 30;
}

#pied {
	margin-top : 125px;
}

#pied #haut_pied {
	border-top    : 2px solid #BEBEBE;
	border-bottom : 2px solid #BEBEBE;
}

#pied #haut_pied .trait {
	display          : block;
	width            : 2px;
	height           : 35px;
	background-color : #BEBEBE;
}

#pied #haut_pied .bloc-icon,
#pied #haut_pied .bloc-carte {
	display         : flex;
	flex-wrap       : wrap;
	justify-content : space-around;
	align-items     : center;
}

#pied #haut_pied .icon {
	width           : 40px;
	height          : 40px;
	border-radius   : 50px;
	display         : flex;
	flex-wrap       : wrap;
	align-items     : center;
	justify-content : center;
	color           : #FFFFFF;
	font-size       : 22px;
}

#pied #haut_pied .icon a {
	color : #FFFFFF;
}

#pied #haut_pied .icon.facebook {
	background-color : #122958;
}

#pied #haut_pied .icon.instagram {
	background-color : #541A7A;
}

#pied #haut_pied .icon.pinterest {
	background-color : #BD2025;
}

#pied #haut_pied .carte {
	width : 70px;
}

#pied #haut_pied .carte img {
	width      : 100%;
	height     : 100%;
	object-fit : contain;
}

#pied #bas_pied {
	font-size        : 15px;
	font-family      : "FuturaBT-Light";
	background-color : #AAAAAA;
	padding          : 30px 0;
	color            : #FFFFFF;
}

#pied #bas_pied p {
	margin     : 0;
	text-align : left;
	font-size  : 18px;
}

#pied #bas_pied a {
	color  : #FFFFFF;
	margin : 0;
}

#pied #bas_pied h3 {
	text-transform  : uppercase;
	font-size       : 22px;
	text-decoration : underline;
	text-align      : left;
	margin-bottom   : 20px;
}

#pied #bas_pied .coordonnees h3,
#pied #bas_pied .coordonnees p {
	text-align : right;
}

#pied #bas_pied .coordonnees img {
	margin-left : 10px;
	display     : inline-block;
}

#pied #bas_pied .liens {
	margin-top : 50px;
	text-align : right;
	font-size  : 18px;
}

#pied #bas_pied .liens a {
	position : relative;
}

#pied #bas_pied .liens a span {
	font-size : 24px;
	color     : #FFFFFF;
	margin    : 0 4px;
}

#pied #bas_pied .nav {
	font-size  : 18px;
	color     : #FFFFFF;
	margin    : 0 4px;
	text-align: left;
	flex-direction: column;
}

/* --------------------------------------------------------------- */
/*
/* Général
/*
/* --------------------------------------------------------------- */

a, a:hover {
	color           : black;
	text-decoration : none;
}

a img {
	border : none;
}

/* #page h1 {
	position: relative; top: 0; left: 0;
  font-family: "FuturaBT-Medium";
	color:#133250;
	font-size: 30px;
  text-align: center;
	margin-top:0;
}

#page h1 span {
	position: relative; top: 0; left: 0;
	display: inline-block;
  font-family: 'FuturaBT-Medium';
	color:#143657;
  text-transform: uppercase;

} */


#page h3, #page h1 {
	position       : relative;
	padding        : 50px 0 75px;

	text-align     : center;

	font-family    : "FuturaBT-Medium";
	font-weight    : bold;
	font-size      : 22px;
	text-transform : uppercase;
	letter-spacing : 3px;

	color          : #133250;
}

#page h3:after, #page h1:after {
	content          : "";
	position         : relative;
	display          : block;

	width            : 100px;
	margin           : auto;
	height           : 10px;

	bottom           : -25px;

	background-color : #2C7FA8;
}

#page h3:nth-of-type(2n):after {
	background-color : #BD2025;
}

#page h4 {
	font-size     : 2rem;
	margin-bottom : 1rem;
}

a {
	color           : black;
	text-decoration : none;
}

i {
	font-family : "FontAwesome";
}

.voir_plus {
	position         : relative;
	width            : 300px;
	height           : 75px;
	margin           : 40px auto;

	text-align       : center;
	background-color : #BD2025;
}

.voir_plus a {
	width          : 100%;
	height         : 100%;

	color          : white;
	font-family    : "FuturaBT-Light";
	text-transform : uppercase;
	font-size      : 20px;
}

.voir_plus:before, .voir_plus:after {
	content  : "";
	display  : block;

	position : absolute;
	bottom   : 0;

	width    : 33%;
	height   : 5px;
}

.voir_plus:before {
	background-color : #2C7FA8;
	left             : 0;
}

.voir_plus:after {
	background-color : white;
	left             : 33%;
}

.align {
	display         : flex;
	justify-content : center;
	align-items     : center;
}

@media (max-width : 575.98px ) {
	#page h3 {
		padding-bottom : 50px;
	}
}

/* Noty */

.noty_modal {
	top : 0;
}

.noty_bar {
	position : fixed;
}

.noty_text {
	font-family : "FuturaBT-Light";
}

.noty_bar .noty_message .noty_buttons {
	margin : 5px;
}

.noty_buttons .pink {
	background  : #BD2025;
	color       : white;
	text-shadow : none;
}

.noty_buttons .green {
	background  : #00CC00;
	color       : white;
	text-shadow : none;
}

/* ----------------------- */
/* -- Liste de produits -- */
/* ----------------------- */
#page .box_produit {
	position   : relative;
	top        : 0;
	left       : 0;
	margin     : 35px 0;
	display    : inline-block;
	text-align : left;
	max-width  : 302px;
	/* min-height:510px; */
}

#page .box_produit:after {
	content : "";
	display : block;
	clear   : both;
}

#page .box_produit .image_box {
	position : relative;
	top      : 0;
	left     : 0;
}

#page .box_produit .image_box a {
	width : 100%;
}

#page .box_produit .image_box img {
	max-width : 100%;
	border    : 1px solid #CCCCCC;
}

#page .box_produit .image_box .bouton_info {
	display          : none;
	min-width        : 50%;
	height           : 30px;
	background-color : #143657;

	position         : absolute;
	bottom           : 20px;
	left             : 0;
	transform        : translateX(50%);

	text-transform   : uppercase;
	text-align       : center;
	z-index          : 10;
}

#page .box_produit .image_box:hover .bouton_info {
	display : flex;
}

#page .box_produit .image_box .bouton_info a {
	color : white;
}

#page .box_produit .image_box .texte_bandeau {
	position         : absolute;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 35px;
	line-height      : 35px;
	color            : #FFFFFF;
	background-color : #BD2025;
	text-align       : center;
	text-transform   : uppercase;
	font-size        : 18px;
}

#page .box_produit .image_box .bandeau_promotion {
	position         : absolute;
	display          : flex;
	align-items      : center;
	justify-content  : center;
	top              : 0px;
	left             : -95px;
	width            : 190px;
	height           : 40px;
	background       : #BD2025;
	transform        : rotate(-45deg) translate(0, 50px);
	transform-origin : top center;
}

#page .box_produit .image_box .bandeau_promotion:before {
	content       : "";
	position      : absolute;
	top           : -2px;
	left          : -2px;
	display       : inline-block;
	width         : 0;
	height        : 0;
	border-style  : solid;
	border-width  : 44px 44px 0 0;
	border-color  : #FFFFFF transparent transparent transparent;
	line-height   : 0;
	_border-color : #FFFFFF #000000 #000000 #000000;
	_filter       : progid:DXImageTransform.Microsoft.Chroma(color="#000000");
}

#page .box_produit .image_box .bandeau_promotion:after {
	content       : "";
	position      : absolute;
	top           : -2px;
	right         : -2px;
	display       : inline-block;
	width         : 0;
	height        : 0;
	border-style  : solid;
	border-width  : 44px 0 0 44px;
	border-color  : #FFFFFF transparent transparent transparent;
	line-height   : 0;
	_border-color : #FFFFFF #000000 #000000 #000000;
	_filter       : progid:DXImageTransform.Microsoft.Chroma(color="#000000");
}

#page .box_produit .image_box .bandeau_promotion span {
	text-align     : center;
	font-size      : 18px;
	color          : #FFFFFF;
	text-transform : uppercase;
}

#page .box_produit .rating {
	display             : flex;
	align-items         : center;
	justify-content     : flex-start;
	height              : 15px;
	cursor              : initial !important;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
	margin : 5px 0;
}

#page .box_produit .rating svg {
	width : 20px;
}

#page .box_produit .infos_box {
	position : relative;
	top      : 0;
	left     : 0;
	padding  : 10px 0;
}

#page .box_produit .infos_box:after {
	content : "";
	display : block;
	clear   : both;
}

#page .box_produit .titre {
	position    : relative;
	top         : 0;
	left        : 0;
	min-height  : 60px;
	line-height : 27px;
	font-family : "FuturaBT-Light";
	font-size   : 18px;
	color       : #133250;
}

#page .box_produit .titre a {
	color : #333333;
}

#page .box_produit .bouton_panier {
	position         : relative;
	top              : 0;
	left             : 0;
	height           : 40px;
	line-height      : 38px;
	margin           : 10px 5px;
	background-color : #3C3C3B;
	color            : #FFFFFF;
	border-radius    : 7px;
	display          : block;
	text-align       : center;
	font-family      : "Niconne";
	font-size        : 22px;
	text-decoration  : none;
}

#page .box_produit .infos_prix {
	/*margin-top  : 15px;*/
	line-height : 48px;
}

#page .box_produit .infos_prix .infos {
	float : left;
}

#page .box_produit .infos_prix .infos a {
	font-size     : 15px;
	color         : #7A7A7A;
	border-bottom : 1px solid #7A7A7A;
	margin-left   : 5px;
	font-family   : "FuturaBT-Book"
}

#page .box_produit .infos_prix .infos a:hover {
	color : #7A7A7A;
}

#page .box_produit .infos_prix .prix {
	float       : right;
	color       : #4B4B4B;
	font-size   : 24px;
	text-align  : right;
	font-weight : bold;
	font-family : "FuturaBT-Medium";
}

#page .box_produit .infos_prix .prix .conteneur_prix {
	line-height    : normal;
	display        : inline-block;
	vertical-align : middle;
}

#page .box_produit .infos_prix .prix span.promo {
	font-size       : 15px;
	text-decoration : line-through;
	display         : block;
}

@media only screen and (max-width : 450px) {
	#page .box_produit {
		margin : 20px 0;
	}
}


/* --------------- */
/* --- Boutons --- */
/* --------------- */
#page .btn {
	color           : #999999;
	font-size       : 18px;
	text-decoration : underline;
}


#page .submit {
	position         : relative;
	top              : 0;
	left             : 0;
	font-size        : 20px;
	font-family      : "FuturaBT-Medium";
	color            : #FFFFFF;
	background-color : #BD2025;
	padding          : 5px 15px;
	/* border-radius:5px; */
	text-align       : center;
	margin           : 20px 25px;
	/* width:210px; */
	display          : inline-block;
	border           : none;
	box-shadow       : 0px 0px 2px #999999;
	cursor           : pointer;
	white-space      : normal;

	width            : 100%;
	max-width        : 250px;
}

/* @media only screen and (max-width:800px) {
	#page .submit {
		width:150px;
		margin-top:10px;
		margin-bottom:10px;
	}
} */


/* --- Panier --- */
#page #panier {
	width : 100%;
}

#page #panier .row {
	margin : 0;
}

#page #panier .row > div {
	text-align : left;
	padding    : 7px;
}

#page #panier .entete > div {
	padding     : 7px;
	color       : black;
	font-weight : normal;
}

#page #panier .pair {
	background-color : #EDEDED;
}

#page #panier .impair {
	background-color : #2C7FA8;
	color            : white;
}

#page #panier input {
	text-align : center;
}

#page #panier .total_panier .code_promo {
	text-align : left;
}

#page #panier .total_panier .total {
	text-align      : right;
	justify-content : flex-end;
}


#page #panier .align_left {
	text-align : left;
}

#page #panier .align_right {
	text-align : right;
}

#page #panier .align_center {
	text-align : center;
}

#page #panier span.promo {
	font-size       : 11px;
	text-decoration : line-through;
}

/* ----------------------------------- */
/* Bon de réduction
/* ----------------------------------- */

#page #panier .bon_reduction .col-md-12 {
	padding : 0;
}

#page .panier .ligne_bon_reduction {
	position   : relative;
	text-align : center;
}

#page .panier .ligne_bon_reduction .row {
	width : 100%;
}

#page .panier .ligne_bon_reduction .img_cadeau {
	position : absolute;
	top      : calc(50% - 13px);
	left     : 15px;
}


#page .center {
	text-align   : center;
	margin-left  : auto;
	margin-right : auto;
	font-size    : 20px;
}

#page .left {
	float  : left;
	margin : 0 1em 0.5em 0;
}

#page .right {
	float  : right;
	margin : 0 0 0.5em 1em;
}

#page .clear {
	clear : both;
}

#page hr {
	border-color : #AACC22;
	color        : #AACC22;
}

.cache {
	display  : none;
	position : absolute;
	width    : 1px;
	height   : 1px;
	overflow : hidden;
}

.print {
	display : none;
}

.noprint {
}

#page form {
	margin     : 5px;
	padding    : 5px;
	text-align : center;
}

#page form table {
	margin     : 0 auto;
	text-align : left;
}

#page form b.obligatoire {
	color : #990000;
}

#page table {
	border-collapse : collapse; /* 'cellspacing' equivalent */
	margin          : 0 auto;
}

#page table td, table th {
	padding : 6px; /* 'cellpadding' equivalent */
}


/* ------ Formulaire ------ */
#page form {
	margin     : 0;
	padding    : 0;
	text-align : left;
}

#page form label {
	text-align  : left;
	font-weight : normal;
	font-size   : 15px;
}

#page form b {
	color : #FF0000;
}

#page form textarea {
	border-radius : 5px;
}

#page form button i {
	margin-right : 15px;
}

#page form b {
	position : absolute;
	top      : 0;
	right    : 0;
}


#page form .obligatoire {
	float      : left;
	display    : inline-block;
	margin-top : 15px;
}

#page form .obligatoire b {
	position : relative;
}

@media (min-width : 1200px) {
	#page form label {
		font-size : 20px;
	}
}

/* ------- Zoom DW ------- */
#z_ombre {
	background-color : #222222;
	filter           : progid:DXImageTransform.Microsoft.Alpha(opacity:90);
	opacity          : 0.9;
	z-index          : 1050 !important;
}

#z_conteneur {
	z-index   : 1100 !important;
	max-width : 100vw;
}

#z_span {
	max-width : 100%;
	padding   : 0 15px;
}

#z_image {
	border     : 10px solid #FFFFFF;
	visibility : hidden;
	max-width  : calc(100% - 30px);
}

#z_titre {
	height           : 10px;
	color            : #FFFFFF;
	background-color : #000000;
	filter           : progid:DXImageTransform.Microsoft.Alpha(opacity:70);
	opacity          : 0.7;
}

#z_close {
	visibility : hidden;
	display    : none !important;
}


/* ------ PopUp promo ------ */

#popup_promo {
	padding : 0 15px;
	z-index : 2147483647;
}

#popup_promo .modal-dialog {
	max-width : 1550px;
}

#popup_promo .modal-content {
	border-radius : 0;
	border        : 5px solid #000000;
}

#popup_promo h2 {
	font-family : "FuturaBT-Medium";
	/*color: 28px;*/
	color       : #0B1E30;
}

#popup_promo .modal-header {
	position : relative;
	z-index  : 10;
	border   : none;
}

#popup_promo .modal-body {
	position        : relative;
	z-index         : 5;
	display         : flex;
	align-items     : center;
	justify-content : center;
	flex-direction  : column;
}

#popup_promo .modal-body img {
	margin-top  : -50px;
	width       : 100%;
	margin-left : 25px;
}

#popup_promo .modal-body p {
	margin-top  : 20px;
	max-width   : 850px;
	font-size   : 36px;
	font-weight : bold;
	color       : #F9812B;
}

#popup_promo .modal-footer {
	border          : none;
	display         : flex;
	align-items     : center;
	justify-content : center;
}

#popup_promo .modal-footer .bouton {
	background-color : #FFFFFF;
	border           : 2px solid #BD2025;
	color            : #0B1E30;
	text-align       : center;
	font-family      : "FuturaBT-Medium";
	font-size        : 30px;
	text-transform   : uppercase;
	text-decoration  : none;
	display          : inline-block;
	padding          : 20px 10px;
	outline          : none;
	border-radius    : 10px;
	cursor           : pointer;
	transition       : 0.2s ease-in-out;
}

#popup_promo .modal-footer .bouton:hover {
	box-shadow : 2px 2px 10px rgba(102, 102, 102, 0.5);
}


#return-to-top {
	position        : fixed;
	bottom          : 60px;
	right           : 20px;
	background      : rgba(44, 127, 168, 0.7);
	width           : 50px;
	height          : 50px;
	display         : block;
	text-decoration : none;
	border-radius   : 35px;
	display         : none;
	transition      : all 0.3s ease;
	z-index         : 1000;
}

#return-to-top svg {
	color      : #FFFFFF;
	margin     : 0;
	position   : relative;
	left       : 0px;
	top        : 13px;
	font-size  : 19px;
	transition : all 0.3s ease;
}

#return-to-top:hover {
	background : rgba(44, 127, 168, 0.9);
}

#return-to-top:hover svg {
	color : #FFFFFF;
	top   : 5px;
}

span.prix_normal {
	text-decoration : line-through;
	text-decoration : line-through;
}


@media screen and (max-width : 1300px) {
	#pied #liseret .bleu, #pied #liseret .rouge {
		width : 38%;
	}

	#pied #liseret .blanc {
		width : 26%;
	}

	#pied #bas_pied .coordonnees, #pied #bas_pied .livraison, #pied #bas_pied .facebook {
		flex-basis : 33%;
	}

	#pied #bas_pied .paiement, #pied #bas_pied .securise {
		margin-top : 20px;
		flex-basis : 50%;
	}


	#pied #bas_pied .coordonnees {
		order : 1;
	}

	#pied #bas_pied .livraison {
		order : 3;
	}

	#pied #bas_pied .facebook {
		order : 2;
	}

	#pied #bas_pied .paiement {
		order : 4;
	}

	#pied #bas_pied .securise {
		order : 5;
	}

	#pied #bas_pied .row .facebook a {
		margin-right : 0;
	}
}

@media screen and (max-width : 1250px) {
	#boutiques_link {
		left         : auto;
		width        : 45px;
		right        : 0;
		padding-left : 0;
		top          : -50px;
	}
}

@media screen and (max-width : 1199px) {
	.container_menu {
		max-width : 100%;
	}

	#panier_compte #total span {
		white-space : nowrap;
	}
}

@media screen and (max-width : 991px) {
	#pied #bas_pied .coordonnees {
		flex-basis : 50%;
		margin-top : 20px;
	}

	#pied #bas_pied .livraison {
		order      : 3;
		flex-basis : 50%;
		margin-top : 20px;
	}

	#pied #bas_pied .facebook {
		order      : 5;
		margin-top : 20px;
		flex-basis : 100%;
	}

	#pied #bas_pied .paiement {
		order : 4;
	}

	#pied #bas_pied .securise {
		order : 2;
	}
}

@media screen and (max-width : 767px) {

	.container_menu .col-md-9 {
		background : #FFFFFF;
	}

	#menu {
		position   : relative;
		max-height : calc(100vh - 111px);
		overflow   : auto;
	}

	#pied #liseret .bleu, #pied #liseret .rouge {
		width : 30%;
	}

	#pied #liseret .blanc {
		width : 40%;
	}

	#pied #bas_pied {
		top : 0;
	}

	#panier_compte {
		width           : 100%;
		align-items     : center;
		justify-content : flex-end;
	}

	#panier_compte #panier_entete {
		width : auto;
	}

	#panier_compte #boutiques_link {
		position    : relative;
		top         : 0;
		left        : 0;
		margin-left : 20px;
		padding     : 2px 0;
	}

	#page h3 {
		padding   : 35px 0;
		font-size : 18px;
	}
}

@media screen and (max-width : 575px) {


	#page .box_produit {
		margin : 20px 0 !important;
	}

	#page .box_produit .titre {
		min-height : 0;
	}

	#page .box_produit .infos_prix {
		margin-top : 0;
	}

	#page .box_produit .infos_prix .infos a {
		margin : 0;
		margin : 0;
	}


	#pied #liseret {
		flex-direction : column;
		height         : 30px;
	}

	#pied #liseret .bleu, #pied #liseret .blanc, #pied #liseret .rouge {
		width : 100%;
	}

	#pied #liseret .blanc {
		z-index : 10;
	}

	/* #pied #bas_pied{
		top: 0;
		padding-top: 100px;
	} */
	#pied #bas_pied .coordonnees, #pied #bas_pied .livraison, #pied #bas_pied .facebook, #pied #bas_pied .paiement, #pied #bas_pied .securise {
		flex-basis : 100%;
	}

	#pied #bas_pied .securise {
		order : 4;
	}
}

#fb-root .fb_customer_chat_bubble_animated_no_badge {
	bottom : 8pt !important;
	right  : 140pt !important;
}

#fb-root .mc-customerchat iframe {
	bottom : 55pt !important;
	right  : 130pt !important;
}

@media screen and (max-width : 575px) {
	#fb-root .fb_customer_chat_bubble_animated_no_badge {
		bottom : 8pt !important;
		right  : auto !important;
		left   : 15pt !important;
	}

	#fb-root .mc-customerchat iframe {
		bottom : 55pt !important;
		right  : auto !important;
		left   : 15pt !important;
	}
}

#tarteaucitronAlertSmall {
	right : auto !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
	color : #333333;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
	background : rgba(51, 51, 51, 0.7);
}

#tarteaucitronAlertSmall {
	box-shadow : 0 0 10px 2px rgba(51, 51, 51, 0.4);
}

#tarteaucitronAlertSmall, #tarteaucitronManager, #tarteaucitronCookiesNumber {
	color      : #333333 !important;
	background : #FFFFFF !important;
}

/* --------------- Responsive -------------- */

@media screen and (max-width : 575px) {

	#page h1 {
		padding : 42px 0;
	}

	#page h3 {
		margin-top : 0px;
		padding    : 0 0 20px 0;
	}
}

@media screen and (max-width : 395px) {
	#page h1 {
		font-size : 16px;
		padding   : 25px 0;
	}

	.bandeau-commande .bloc-texte {
		width : 100%;
	}

	.bandeau-commande p {
		text-align : center;
		width      : 100%;
	}

	.bandeau-commande .bloc-icones {
		width : 50%;
	}

	.bandeau-commande .bloc-img {
		width  : 48%;
		height : 30px;
	}

	.bandeau-commande .bloc-img.dpd img {
		width : 45px;
	}

	.bandeau-commande .bloc-img img {
		width : 75px;
	}

}