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


/* --------------------------------------------------------------- */
/*
/* HTML
/*
/* --------------------------------------------------------------- */
* {
	box-sizing : border-box;
}

html, body {
	margin           : 0;
	padding          : 0;
	width            : 100%;
	min-height       : 100%;
	font-family      : "Roboto", sans-serif;
	font-size        : 14px;
	color            : #FFFFFF;
	background-color : #0E0E0E;
}

html {
	overflow : hidden;
}

body {
	text-align : center;
	overflow-x : hidden;
}

.noscroll {
	position   : fixed;
	width      : 100%;
	overflow-y : hidden;
}

#main {
	position         : relative;
	z-index          : 1;
	top              : 0;
	left             : 0;
	width            : 100%;
	min-height       : 100vh;
	margin           : 0 auto;
	text-align       : left;
	color            : #FFFFFF;
	background-color : #0E0E0E;

	padding-bottom   : 120px; /* espace footer */

	overflow         : hidden;
}


#main:before {
	position       : absolute;
	z-index        : 0;
	top            : 0;
	left           : 50%;
	transform      : translateX(-100%);
	width          : 960px;
	height         : 1080px;
	pointer-events : none;
}

#main:after {
	position       : absolute;
	z-index        : 0;
	z-index        : 0;
	top            : 0;
	right          : 50%;
	transform      : translateX(100%);
	width          : 960px;
	height         : 1080px;
	pointer-events : none;
}


#fond_opacite {
	position           : fixed;
	top                : 0;
	left               : 0;
	width              : 100%;
	height             : 100%;
	background-color   : rgba(0, 0, 0, 0.4);
	z-index            : 1000;

	opacity            : 0;
	visibility         : hidden;

	-webkit-transition : all ease 0.3s;
	-moz-transition    : all ease 0.3s;
	-ms-transition     : all ease 0.3s;
	-o-transition      : all ease 0.3s;
	transition         : all ease 0.3s;
}

#fond_opacite.affiche {
	opacity            : 1;
	visibility         : visible;

	-webkit-transition : all ease 0.3s;
	-moz-transition    : all ease 0.3s;
	-ms-transition     : all ease 0.3s;
	-o-transition      : all ease 0.3s;
	transition         : all ease 0.3s;
}


#ascrail2000 {
	z-index : 99999999999 !important;
}

/* --------------------------------------------------------------- */
/*
/* Général
/*
/* --------------------------------------------------------------- */
h1, h2 {
	margin-bottom : 25px;
}

h4 {
	margin-bottom : 15px;
}

section {
	margin-bottom : 25px;
}

a img {
	border : none;
}

.bouton {
	background      : #FFFFFF;
	padding         : 7.5px 10px;
	color           : #303030;
	font-family     : "PT Sans", sans-serif;
	font-weight     : 400;
	font-size       : 18px;
	text-transform  : uppercase;

	display         : inline-flex;
	align-items     : center;
	justify-content : center;

	text-decoration : none;

}

.bouton i {
	margin-left : 5px;
}

.bouton:hover {
	text-decoration : none;
	color           : black;
}

.actions a {
	color : black;
}

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

table th, table td {
	vertical-align : middle !important;
}

form .row {
	align-items : center;
}

form .row select {
	margin-right : 10px;
}

.lien_produit {
	color : black;
}

.lien_produit:hover {
	color           : black;
	text-decoration : underline !important;
}


/* --------------------------------------------------------------- */
/*
/* Header
/*
/* --------------------------------------------------------------- */
#entete {
	position        : relative;
	z-index         : 10;
	top             : 0;
	left            : 0;
	min-height      : 150px;
	display         : flex;
	align-items     : flex-start;
	justify-content : space-between;
}

#connexion_base {
	padding : 10px 0;
}

#entete #logo {
	position : relative;
	top      : 0;
	left     : 0;
}


/* --------------------------------------------------------------- */
/*
/* Menu
/*
/* --------------------------------------------------------------- */
#menu {
	position        : absolute;
	top             : 0;
	left            : 20px;
	width           : 100%;
	display         : flex;
	align-items     : flex-start;
	justify-content : flex-end;
	font-family     : "MyLuckyPenny", serif;
	font-size       : 18px;
	color           : #FFFFFF;
	padding         : 0 35px 0 0;
}

#menu #entete_navbar {
	display : none;
	width   : 100%;
}

#menu .navbar-collapse {
	justify-content : flex-end;
}

#menu ul {
	position        : relative;
	list-style-type : none;
	margin          : 0;
	padding         : 0;
	display         : flex;
	flex-direction  : row-reverse;
	justify-content : start;
}

#menu ul li {
	position        : relative;
	display         : flex;
	align-items     : center;
	justify-content : center;
	height          : 185px;
	width           : 140px;
	margin          : 0;
	padding-left    : 40px;
	text-align      : center;
	transform       : skewX(-22.5deg);
}

#menu ul li .bg {
	background     : url(../img/fond_menu.png);
	position       : absolute;
	top            : 0;
	left           : 50%;
	transform      : translateX(-50%) skewX(22.5deg);
	z-index        : 0;
	width          : 382px;
	height         : 226px;

	pointer-events : none;
}

#menu ul li:after {
	content    : "";
	position   : absolute;
	top        : -1px;
	left       : 32px;
	width      : 120px;
	height     : 184px;
	background : rgb(167, 147, 68);
	background : -moz-linear-gradient(150deg, rgba(167, 147, 68, 1) 0%, rgba(255, 226, 130, 1) 100%);
	background : -webkit-linear-gradient(150deg, rgba(167, 147, 68, 1) 0%, rgba(255, 226, 130, 1) 100%);
	background : linear-gradient(150deg, rgba(167, 147, 68, 1) 0%, rgba(255, 226, 130, 1) 100%);
	filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#a79344", endColorstr="#ffe282", GradientType=1);
	opacity    : 0;
	transition : opacity 0.5s ease-in-out;
}

#menu ul li.logo {
	padding : 0;
	left    : -20px;
}

#menu ul li.logo:before {
	content        : url("../img/fond_menu_logo.png");
	position       : absolute;
	top            : 0;
	/*left: 50%;*/
	transform      : translateX(-50%) skewX(22.5deg);
	z-index        : 0;
	width          : 382px;
	height         : 226px;

	pointer-events : none;
	left           : 86px;
}

#menu ul li.logo:after {
	display : none;
}

#menu ul li a {
	position        : relative;
	text-decoration : none;
	z-index         : 1;
	padding         : 5px 0;
	color           : inherit;
	transition      : color 0.25s;
	display         : flex;
	width           : 100%;
	height          : 100%;
	align-items     : center;
	justify-content : center;
}

#menu ul li a span {
	transform : skewX(22.5deg);
}

#menu ul li.active:after,
#menu ul li:hover:after {
	opacity : 1;
}

#menu ul li.active a,
#menu ul li:hover a {
	font-weight : bold;
	color       : #111111;
}


/* --------------------------------------------------------------- */
/*
/* Connexion
/*
/* --------------------------------------------------------------- */
#connexion_entete {
	margin-bottom : 15px;
}

#page #connexion_entete a {
	color       : #FFFFFF;
	font-weight : 300;
}

#page #connexion_entete a.bouton {
	border-radius  : 0;
	background     : none;
	border         : 1px solid #C3AB5A;
	height         : 40px;
	padding        : 0 15px;
	transition     : border-color 0.25s ease-in-out;
	outline        : none;
	box-shadow     : none;
	text-transform : initial;
}

#connexion_entete a .nom {
	color       : #BBA456;
	font-weight : 900;
}


/* --------------------------------------------------------------- */
/*
/* Panier
/*
/* --------------------------------------------------------------- */

#panier_entete {
	display  : inline-block;
	position : relative;
	padding  : 0 10px 0 5px;
}

#panier_entete a {
	color           : #C3AB5A;
	text-decoration : none;
	font-size       : 15px;
}

#panier_entete a i {
	font-size : 20px;
}

#panier_entete a .nb_produits {
	position        : relative;
	top             : -10px;
	left            : -5px;
	background      : #FFFFFF;
	border-radius   : 50%;
	display         : inline-flex;
	width           : 20px;
	height          : 20px;
	align-items     : center;
	justify-content : center;
	color           : #050402;
	font-size       : 13px;
	font-weight     : 500;
}

#panier_entete:after {
	content       : "";
	position      : absolute;
	left          : 0;
	right         : 0;
	bottom        : -10px;
	height        : 8px;
	border-bottom : 1px solid #564D28;
	border-left   : 1px solid #564D28;
	border-right  : 1px solid #564D28;
}

#logo_vi {
	position : absolute;
	top      : calc(100% + 30px);
	left     : 15px;
	width    : 113px;
}

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


/* --------------------------------------------------------------- */
/*
/* LOCALE SWITCHER
/*
/* --------------------------------------------------------------- */


html body #main .locale-switcher {
	display  : inline-block;
	/*position     : relative;*/
	position : absolute;
	z-index  : 100;
	top      : 15px;
	left     : 20px;
}

html body #main .locale-switcher {

}

html body #main .locale-switcher .locale {
	-webkit-box-align       : center;
	-moz-box-align          : center;
	-ms-flex-align          : center;
	-webkit-box-orient      : vertical;
	-webkit-box-direction   : normal;
	-moz-box-orient         : vertical;
	-moz-box-direction      : normal;
	-webkit-box-pack        : start;
	-moz-box-pack           : start;
	-ms-flex-pack           : start;
	-webkit-align-items     : center;
	align-items             : center;
	display                 : -webkit-box;
	display                 : -webkit-flex;
	display                 : -moz-box;
	display                 : -ms-flexbox;
	display                 : flex;
	-webkit-flex-direction  : column;
	-ms-flex-direction      : column;
	flex-direction          : column;
	-webkit-justify-content : flex-start;
	justify-content         : flex-start;
	text-decoration         : none;
}

html body #main .locale-switcher .current-locale {
	padding    : 5px 20px;
	background : #131313;
}

html body #main .locale-switcher .locale .locale_text {
	color           : #FFFFFF;
	font-size       : 13px;
	line-height     : 15px;
	margin-top      : 3px;
	text-transform  : uppercase;
	text-decoration : none;
}

html body #main .locale-switcher .available-locales {
	background         : #131313;
	box-shadow         : 0 0 6px 3px rgba(22, 18, 17, .15);
	display            : -webkit-box;
	display            : -webkit-flex;
	display            : -moz-box;
	display            : -ms-flexbox;
	display            : flex;
	left               : 50%;
	opacity            : 0;
	padding            : 5px;
	pointer-events     : none;
	position           : absolute;
	top                : 50%;
	-webkit-transform  : translate(-50%, -50%);
	-moz-transform     : translate(-50%, -50%);
	-ms-transform      : translate(-50%, -50%);
	-o-transform       : translate(-50%, -50%);
	transform          : translate(-50%, -50%);
	-webkit-transition : opacity .25s ease-in-out;
	-o-transition      : opacity .25s ease-in-out;
	-moz-transition    : opacity .25s ease-in-out;
	transition         : opacity .25s ease-in-out;
	width              : auto;
}

html body #main .locale-switcher .available-locales.active {
	opacity        : 1;
	pointer-events : auto;
}

html body #main .locale-switcher .available-locales .locale {
	margin-right : 5px;
	padding      : 5px 10px;
}

html body #main .locale-switcher .available-locales .locale:last-of-type {
	margin-right : 0;
}

html body #main .locale-switcher .available-locales .locale:hover {
	background : #232323;
}

html body #main .locale-switcher .available-locales .locale:hover .locale_text {
	color : #C3AB5A;
}

@media (min-width : 992px) {
	html body #main .locale-switcher:hover .available-locales {
		opacity        : 1;
		pointer-events : auto;
	}
}


/* --------------------------------------------------------------- */
/*
/* Page
/*
/* --------------------------------------------------------------- */
#page {
	position   : relative;
	z-index    : 1;
	top        : 0;
	left       : 0;
	min-height : 350px;
	margin     : 25px 0;
}

#page a {
	text-decoration : none;
}


h1.titre_page {
	position      : relative;
	display       : inline-block;
	font-family   : "MyLuckyPenny", serif;
	font-size     : 48px;
	font-weight   : 400;
	color         : #FFFFFF;
	padding       : 0 20px;
	margin        : 0;
	margin-bottom : 15px;
}

h1.titre_page:before {
	content       : "";
	position      : absolute;
	left          : 0;
	top           : -15px;
	height        : 15px;
	width         : 100%;
	border-color  : #CDB768;
	border-width  : 2px;
	border-style  : solid;
	border-bottom : none;
}

h1.titre_page:after {
	content      : "";
	position     : absolute;
	left         : 0;
	right        : initial;
	bottom       : -15px;
	height       : 15px;
	width        : 100%;
	background   : none;
	border-color : #8B7B3A;
	border-width : 2px;
	border-style : solid;
	border-top   : none;
}


#page h2 {
	position       : relative;
	font-family    : "MyLuckyPenny", serif;
	color          : #C3AB5A;
	font-size      : 33px;
	margin-top     : -40px;
	padding-bottom : 25px;
	margin-bottom  : 45px;
}

#page h2:after {
	content    : "";
	position   : absolute;
	bottom     : 0;
	right      : 10px;
	height     : 2px;
	width      : 85px;
	background : #C3AB5A;
}

#page #left_side .editable h2 {
	position       : relative;
	font-family    : "MyLuckyPenny", serif;
	color          : #C3AB5A;
	font-size      : 33px;
	margin-bottom  : 10px;
	padding-bottom : 0;
}

#page #left_side .editable h2:after {
	display : none;
}

#page #left_side .editable p,
#page #left_side .editable div {
	font-size     : 15px;
	font-weight   : 300;
	margin-bottom : 30px;
}

#page #left_side .editable div {
	margin         : 50px 0;
	color          : #C3AB5A;
	text-transform : uppercase;
	padding        : 15px 45px !important;
	border-top     : none !important;
	border-bottom  : none !important;
	border-left    : 6px solid #C3AB5A !important;
	border-right   : 6px solid #C3AB5A !important;
	background     : none !important;
	text-align     : center;
}

#page #left_side .editable div p {
	margin-bottom : 0;
}

#page #left_side .editable div:last-child,
#page #left_side .editable div p:last-child {
	margin-bottom : 0 !important;
}


/* --------------------------------------------------------------- */
/*
/* Pied
/*
/* --------------------------------------------------------------- */
#pied {
	position  : absolute;
	z-index   : 10;
	top       : auto;
	left      : 0;
	right     : 0;
	bottom    : 0;
	padding   : 10px 0;
	font-size : 14px;
	height    : 120px;
}

#pied h3 {
	color       : #C3AB5A;
	font-family : "MyLuckyPenny", serif;
	font-size   : 16px;
}

#pied h3 .uppercase {
	text-transform : uppercase;
}

#pied p {
	font-weight : 300;
}

#pied .contact a,
#pied .contact p {
	font-weight : 400;
}

#pied .contact p {
	margin-bottom : 5px;
}

#pied a {
	text-decoration : none;
	color           : #FFFFFF;
}

#pied .icone {
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
	width           : 18px;
	height          : 18px;
	margin-right    : 5px;
	background      : rgb(255, 224, 117);
	background      : -moz-linear-gradient(180deg, rgba(255, 224, 117, 1) 0%, rgba(195, 166, 69, 1) 100%);
	background      : -webkit-linear-gradient(180deg, rgba(255, 224, 117, 1) 0%, rgba(195, 166, 69, 1) 100%);
	background      : linear-gradient(180deg, rgba(255, 224, 117, 1) 0%, rgba(195, 166, 69, 1) 100%);
	filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe075", endColorstr="#c3a645", GradientType=1);
}

#pied .icone i {
	color     : #0E0E0E;
	font-size : 10px;
}

#pied a i {
	color     : #D6B74F;
	font-size : 23px;
}

#pied .moyens_paiement .images {
	display         : flex;
	align-items     : center;
	justify-content : space-between;
	width           : 125px;
}

#pied .footer_tribu img {
	height : 85px;
}

/* --------------------------------------------------------------- */
/*
/* Ruban de promotion
/*
/* --------------------------------------------------------------- */
.ribbon {
	position   : absolute;
	left       : -5px;
	top        : -5px;
	z-index    : 1;
	overflow   : hidden;
	width      : 150px;
	height     : 150px;
	text-align : right;
}

.ribbon span {
	font-size         : 28px;
	font-weight       : bold;
	color             : #FFFFFF;
	text-transform    : uppercase;
	text-align        : center;
	line-height       : 36px;
	transform         : rotate(-45deg);
	-webkit-transform : rotate(-45deg);
	width             : 175px;
	display           : block;
	background        : #840606;
	box-shadow        : 0 3px 10px -5px rgba(0, 0, 0, 1);
	position          : absolute;
	top               : 32px;
	left              : -37px;
}

.ribbon span::before {
	content       : "";
	position      : absolute;
	left          : 0px;
	top           : 100%;
	z-index       : -1;
	border-left   : 3px solid #840606;
	border-right  : 3px solid transparent;
	border-bottom : 3px solid transparent;
	border-top    : 3px solid #840606;
}

.ribbon span::after {
	content       : "";
	position      : absolute;
	right         : 0px;
	top           : 100%;
	z-index       : -1;
	border-left   : 3px solid transparent;
	border-right  : 3px solid #840606;
	border-bottom : 3px solid transparent;
	border-top    : 3px solid #840606;
}


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

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

#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      : #F3F3F3;
	font-size       : 13px;
	color           : #333333;
	cursor          : pointer;
}

#page .quantite_input .quantite-decrement {
	margin-right : 3px;
}

#page .quantite_input .quantite-increment {
	margin-left : 3px;
}

#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);
}

#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;
}


/* --------------------------------------------------------------- */
/*
/* Boutons radio
/*
/* --------------------------------------------------------------- */
/* The container */
.container_radio {
	display             : block;
	width               : 20px;
	height              : 20px;
	position            : relative;
	margin-bottom       : 0 !important;
	font-size           : 20px;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
}

/* Hide the browser's default radio button */
.container_radio input {
	position : absolute;
	width    : 20px;
	height   : 20px;
	opacity  : 0;
	cursor   : pointer;
	z-index  : 10;
}

/* Create a custom radio button */
.container_radio .checkmark {
	position         : absolute;
	top              : 0;
	left             : 0;
	width            : 20px;
	height           : 20px;
	background-color : #EEEEEE;
	border-radius    : 50%;
	box-shadow       : 0px 1px 2px 0px rgba(51, 51, 51, 0.4);
	cursor           : pointer;
}

/* On mouse-over, add a grey background color */
.container_radio:hover input ~ .checkmark {
	background-color : #CCCCCC;
}

/* When the radio button is checked, add a blue background */
.container_radio input:checked ~ .checkmark {
	background-color : #CCCCCC;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container_radio .checkmark:after {
	content  : "";
	position : absolute;
	display  : none;
}

/* Show the indicator (dot/circle) when checked */
.container_radio input:checked ~ .checkmark:after {
	display : block;
}

/* Style the indicator (dot/circle) */
.container_radio .checkmark:after {
	top           : 6px;
	left          : 6px;
	width         : 8px;
	height        : 8px;
	border-radius : 50%;
	background    : white;
}

/* Customize the label (the container) */
.container_checkbox {
	display             : block;
	position            : relative;
	padding-left        : 35px;
	margin-bottom       : 12px;
	cursor              : pointer;
	-webkit-user-select : none;
	-moz-user-select    : none;
	-ms-user-select     : none;
	user-select         : none;
}

/* Hide the browser's default checkbox */
.container_checkbox input {
	position : absolute;
	opacity  : 0;
	cursor   : pointer;
	height   : 0;
	width    : 0;
}

/* Create a custom checkbox */
.container_checkbox .checkmark {
	position         : absolute;
	top              : 0;
	left             : 0;
	height           : 20px;
	width            : 20px;
	background-color : #EEEEEE;
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark {
	background-color : #CCCCCC;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark {
	background-color : #CCCCCC;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container_checkbox .checkmark:after {
	content  : "";
	position : absolute;
	display  : none;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark:after {
	display : block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark:after {
	left              : 7px;
	top               : 4px;
	width             : 5px;
	height            : 10px;
	border            : solid white;
	border-width      : 0 3px 3px 0;
	-webkit-transform : rotate(45deg);
	transform         : rotate(45deg);
}

.logo_bouchon_tribu {
	height : 50px;
}

.logo_bouchon_tribu ~ i {
	color : #C3AB5A;
}

@media screen and (min-width : 992px) and (max-width : 1650px) {
	#pied > .container-fluid > .row > .col-lg-6:first-of-type {
		-webkit-box-flex : 0;
		-ms-flex         : 0 0 66.666667%;
		flex             : 0 0 66.666667%;
		max-width        : 66.666667%;
	}

	#pied > .container-fluid > .row > .col-lg-6:last-of-type {
		-webkit-box-flex : 0;
		-ms-flex         : 0 0 33.333333%;
		flex             : 0 0 33.333333%;
		max-width        : 33.333333%;
	}
}


@media screen and (max-width : 1600px) {
	#menu ul li {
		height : 85px;
		width  : 115px;
	}

	#menu ul li.logo:before,
	#menu ul li .bg {
		top : -95px;
	}

	#menu ul li:after {
		left   : 40px;
		width  : 99px;
		height : 87px;
	}

	#menu ul li a {
		left : 15px;
	}

	#menu ul li a span img {
		width    : 90px;
		left     : 10px;
		position : relative;
	}
}

@media screen and (max-width : 1450px) {
	#logo_vi {
		width : 70px;
	}

	#pied a {
		white-space : nowrap;
	}
}

@media screen and (max-width : 1199px) {
	#pied {
		/*height: 155px;*/
	}

	#main {
		/*padding-bottom: 155px;*/
	}
}

@media screen and (max-width : 991px) {
	#main:before,
	#main:after {
		display : none;
	}

	#main {
		background      : url("../img/fond_responsive.png") no-repeat center center;
		background-size : contain;
		padding-bottom  : 0;
	}

	html body #main .locale-switcher {
		left      : 50%;
		transform : translateX(-50%);
	}

	html body #main .locale-switcher .current-locale {
		background : none;
	}


	#entete {
		flex-direction : column-reverse;
	}

	#entete #bandeau_famille {
		margin-top : 10px;
		width      : 100%;
	}

	#entete #bandeau_famille img {
		max-width : 100%;
	}

	#menu {
		position        : relative;
		top             : 0;
		left            : 0;
		padding-right   : 0;
		padding         : 0;
		justify-content : flex-start;

		background      : #191919;
		border-bottom   : 1px solid #323232;
		outline         : 15px solid #191919;

	}

	#menu #entete_navbar {
		display         : flex;
		align-items     : center;
		justify-content : space-between;
		padding         : 10px 25px;
	}

	#menu #entete_navbar img {
		height : 75px;
	}

	#menu #entete_navbar button {
		position    : relative;
		background  : none;
		border      : none;
		color       : #FFFFFF;
		font-family : "Roboto", sans-serif;
		outline     : none;
		box-shadow  : none;
		cursor      : pointer;
	}

	#menu #entete_navbar button:before {
		content       : "";
		position      : absolute;
		left          : 0;
		top           : -7px;
		height        : 7px;
		width         : 100%;
		border-color  : #CDB768;
		border-width  : 2px;
		border-style  : solid;
		border-bottom : none;
	}

	#menu #entete_navbar button:after {
		content      : "";
		position     : absolute;
		left         : 0;
		right        : initial;
		bottom       : -7px;
		height       : 7px;
		width        : 100%;
		background   : none;
		border-color : #8B7B3A;
		border-width : 2px;
		border-style : solid;
		border-top   : none;
	}

	#menu ul {
		flex-direction : column-reverse;
	}

	#menu ul li {
		height       : auto;
		width        : auto;
		transform    : none;
		padding-left : 0;
	}

	#menu ul li.active a,
	#menu ul li:hover a {
		color : #C3AB5A;
	}

	#menu ul li.logo {
		display : none;
	}

	#menu ul li:before,
	#menu ul li .bg {
		display : none;
	}

	#menu ul li:after {
		display : none;
	}

	#menu ul li a {
		left : 0;
	}

	#menu ul li a span {
		transform : none;
	}


	#logo_vi {
		top   : 0;
		left  : auto;
		right : 15px;
	}


	#page h1.titre_page {
		margin-top : 60px;
		font-size  : 35px;
	}

	#page #left_side .editable h2 {
		font-size : 25px;
	}

	#pied {
		position   : relative;
		height     : auto;
		background : #191919;
		border-top : 1px solid #323232;
		outline    : 15px solid #191919;
	}

	#pied .mentions p {
		padding-left : 0;
	}
}

@media screen and (max-width : 450px) {
	#page h1.titre_page {
		margin-top : 70px;
	}
}