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

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

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

@font-face {
    font-family: 'roboto_condensed';
    src: url('fonts/robotocondensed-bold-webfont.eot');
    src: url('fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('fonts/robotocondensed-bolditalic-webfont.eot');
    src: url('fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('fonts/robotocondensed-italic-webfont.eot');
    src: url('fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-italic-webfont.woff') format('woff'),
         url('fonts/robotocondensed-italic-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('fonts/robotocondensed-light-webfont.eot');
    src: url('fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('fonts/robotocondensed-lightitalic-webfont.eot');
    src: url('fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'roboto_condensed';
    src: url('fonts/robotocondensed-regular-webfont.eot');
    src: url('fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.burger-block
{
	width:210px;	
	float: right;
}

.noburger 
{
	width:140px;	
	display:block;
	float:right;
	margin-right: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.burger-tool
{
	margin-top:2px;
}

.burger 
{
	width:210px;	
	display:block;
	float:right;
	margin-right: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.block-gallica-burger
{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 210px;
    float: right;

}
.toggle-burger
{
	height:37px;
	width:37px;
	font-style: normal;
	font-weight: normal;
	visibility: visible;
	color: black;
	text-align:center;
	display: block;
	font-size: 2.8rem;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: none;
	border:none;
	margin-top: 8px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.icon-burger::before
{
	font-family: 'pictos';
	content: '\e62c';
	padding: 0;
	margin: 0;
	top: -10px;
	position: relative;
}

.burger-content 
{
	background-color: #fff;
	height: 250px;
	width: 210px;
	display: block;
	float: right;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border: 1px solid black;
	z-index: 999;
}
.burger-content.hidden
{
	height: 0px;
	display: none;
}

.burger-content ul
{
	list-style: none;
	position: absolute;
	width: 100%;
	height: 210px;
	margin: 0;
	top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noburger ul 
{
    list-style: none;
    position: absolute;
    width: 150px;
    height: 52px;
    margin: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noburger ul li
{
    width: 34px;
    float: left;
    height: 30px;
	margin-top: 10px;
}
.noburger ul li a
{
    height: 30px;
    text-decoration: none;
    display:block;
}
.noburger ul li span
{
	display:none;
}

.burger-content .burger-tool ul
{
	padding-top: 10px;
}

.burger-content a:link, 
.burger-content a:visited
{
	text-decoration: none
}

.burger-content .burger-tool
{
	height: 220px;
	width: 100%;
	top: 0;
	position: absolute;
}

.burger-content .burger-tool ul li
{
	height: 35px;
	width: 100%;
	margin-bottom:20px;
	float: left;
 	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.burger-content .burger-tool ul li a
{
	height: 35px;
	width: 200px;
	padding-left:10px;
	float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-flex;
}
/*.burger-content .burger-tool ul li a:hover
{
	text-decoration: underline;
}*/
.burger-content .burger-tool ul li a span
{
	width: 100%;
	display: flex;
	color: #000;
	font-size: 1.2rem;
	height: 35px;
	padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.burger-content .noburger .burger-tool ul li a span
{
	display: none;
}

.burger-block .burger-tool ul li a i::before
{
	font-family: 'gallica-ico';
    font-style: normal;
    font-weight: bold;
	visibility: visible;
	color: black;
	text-align: center;
	display: block;
	position: relative;
	top: 0;
}

.burger-content .burger-tool a i
{
	height: 50px;
	width: 45px;
}
.burger-block .noburger .burger-tool a.panier i::before
{
	content: '\e906';
	font-size: 1.88rem;
	top: -10px;
}

.burger-block .noburger .burger-tool a.eperso i::before
{
	content: '\e907';
	font-size: 1.88rem;
	top: -10px;
}

.burger-block .noburger .burger-tool a.info i::before
{
	content: '\e904';
	font-size: 1.88rem;
	top: -10px;
}

.burger-block .noburger .burger-tool a.question i::before
{
	content: '\e905';
	font-size: 1.88rem;
	top: -10px;
}
.burger-block .burger .burger-tool a.panier i::before
{
	content: '\e906';
	font-size: 3.0rem;
	top: -20px;
}

.burger-block .burger .burger-tool a.eperso i::before
{
	content: '\e907';
	font-size: 3.0rem;
	top: -20px;
	left: 2px;
}

.burger-block .burger .burger-tool a.info i::before
{
	content: '\e626';
	font-size: 3.0rem;
	top: -20px;
	left: -4px;
}

.burger-block .burger .burger-tool a.question i::before
{
	content: '\e93b';
	font-size: 3.0rem;
	top: -20px;
	left: -4px;
}


.burger-content  .burger-social
{
	width: 135px;
	height: 30px;
	display: block;
	float: right;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.2rem;
}

.burger-content  .burger-social ul
{
	width:170px;
	height:30px;
}

.burger-content .burger-social ul li
{
	width:25px;
	height:25px;
	float: left;
	margin-left: 3px;
    margin-right: 3px;
}


.burger-content .burger-social ul li a.fb:before
{
	font-family: 'gallica-ico';
	content: '\e916';
    font-style: normal;
    font-weight: normal;
	visibility: visible;
	color: black;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.burger-content .burger-social ul li a.twit:before
{
	font-family: 'gallica-ico';
	content: '\e917';
	font-style: normal;
   	font-weight: normal;
	visibility: visible;
	color: black;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.burger-content .burger-social ul li a.pint:before
{
	font-family: 'gallica-ico';
  	content: '\e912';
   	font-style: normal;
   	font-weight: normal;
	visibility: visible;
	color: black;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.burger-content .burger-social ul li a.insta:before
{
	font-family: 'gallica-ico';
  	content: '\e911';
    font-style: normal;
    font-weight: normal;
	visibility: visible;
	color: black;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}




.burger-content .burger-lang
{
	width: 50px;
	height: 30px;
	display: block;
	float: right;
	position: absolute;
	bottom: 0;
	left: 0;
	color: black;
}

.burger-lang button 
{
    border: none;
    border-radius: 0;
    background: none;
    background-color: rgba(0, 0, 0, 0);
    background-color: transparent;
    cursor: pointer;
    font-weight: bold;
    padding-left: 0;
    font-size: 0.8rem;
	font-family: "roboto_condensed";
	font-weight: normal;
}


.burger-lang button > span {

    color: black;

}
.burger-lang button > span {

    display: block;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    width: 35px;
    height: 20px;
    text-align: center;
    text-decoration: none;
    color: #000;
    margin-top: 5px;
    font-weight: 700;
    font-size: 1.25em;
    top: -5px;

}

.burger-lang button > span::after 
{
    font-family: 'glyphicons_tl';
    content: '\e114';
    position: relative;
    font-size: 0.7rem;
    width: 20px;
    height: 20px;
    font-weight: normal;
    position: absolute;
    top: 0px;
    line-height: 20px;
	color: black;
}

.burger-lang-layer 
{
	position: absolute;
	background-color: #fff;
	width: 40px;
	right: 0;
	top: 30px;
	z-index: 405;
	display: none;
	background-size: 7px 7px;
	padding-top: 0;
	margin-right: 0;
	border: 1px solid black;
	height: 65px;
	padding: 5px;
}

.burger-lang-layer ul
{
	height:75px;
}

.burger-lang-layer ul li a
{
	color:black;
}
.noburger
{
	display:none;
}

@media (min-width: 1024px) 
{
	.burger
	{
		display:none;
	}

	.noburger
	{
		display:block;
		margin-right: 72px;
	}

}
@media (max-width: 1023px) 
{
	.block-bnflangselector,.lang 
	{
   		right: 110px !important;
	}

}



button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
     box-shadow: none !important; 
	border: 1px dotted black !important;
}