/* CSS Document */

.css-full{display:block}
.css-tablette{display:none;}
.css-mobile{display: none;}


*{margin:0; padding:0}

body{font-family: 'Titillium Web', sans-serif; background:url(../images/bg-global-gris.jpg) repeat-y center #CDCDCD}

#global{width:100%;}
#global img a{border:none;}
	#bg-menu{width:100%; height:110px; background:url(../images/bg-menu.png) repeat-x bottom; position:absolute; z-index:-10;}

#global2{margin-left:auto; margin-right:auto; width:1104px;}

#header{width:1104px; height:126px; background-image:url(../images/bg-menu-blanc.png); background-repeat:repeat-x; background-position:bottom center;}
	#logo{float:left; margin-left:89px; width:270px; height:126px}
	#logo a{display:block; width:270px; height:126px; background-image:url(../images/logo1.png); background-repeat:no-repeat;}
	#adresse{float:left; height:58px; font-style:italic; color:#555; font-size:19px;}
	#adresse p{margin-top:25px; font-size:16px;}
	#adresse p span{font-weight:bold; font-size:20px;}

	#menu{float:right; text-align:right; width:650px; line-height:20px; margin-right:89px; height:38px}
	#menu ul{margin:0; padding:0}
	#menu li{list-style-type:none;}
	#menu li a{float:left; display:block; color:white; text-decoration:none; font-size:14px; border-right:1px solid white; border-left:1px solid white; padding:0 10px 0 10px; height:20px; margin-top:9px;}
	#menu li a:hover{color:#E55424;}
		#menu li:first-child{width:auto; height:auto; border-right:1px solid white !important; }
		#menu li:nth-child(3) a{border-left:none !important}
		#menu li:nth-child(4) a{border-left:none !important}
		#menu li:nth-child(5) a{border-left:none !important}
		.btn-home{float:left; display:none; margin-top:2.3px !important; height:36.7px !important; width:25px; background-image:url(../images/btn-home.png); background-position:top; background-repeat:no-repeat; margin-right:3px; border: none !important;}
		.btn-home:hover{background-position:bottom}
		.livraison-menu{padding-left:20px !important;background-image:url(../images/btn-livraison.jpg); background-repeat:no-repeat; background-position:5px center; text-wrap:none; width:100px}
		.livraison{padding-left:40px;background-image:url(../images/btn-livraison.jpg); background-repeat:no-repeat; background-position:center left; text-wrap:none;}
		.livraison:hover{background-image:url(../images/btn-livraison.jpg); background-repeat:no-repeat; background-position:center left}

#conteneur{float:left; background:white; height:auto; width:100%; z-index:-10; padding-bottom:20px;}
	#contenu{margin-left:auto; margin-right:auto; width:928px; height:auto; padding-bottom:40px}

		#sous-menu{margin:0 auto 0 auto; height:60px ;border-bottom:1px solid black; width:auto}
			#sous-menu ul{margin:0; padding:0;text-align:center;}
			#sous-menu li{display:inline-block; width:auto; list-style-type:none; text-align:center; margin:0 auto 0 auto;}
			#sous-menu li a{margin:0; padding:0; display:block; max-width:200px; text-transform:uppercase; color:black; text-align:center; text-decoration:none; font-size:11px; height:50px; font-weight:normal; margin-top:10px}
			#sous-menu ul li:first-child{float:left; margin-left:0; max-width:181px !important}
			#sous-menu ul li:first-child span{width:100%;}
			#sous-menu ul li:last-child{float:right; margin-right:0}
			#sous-menu ul li:nth-child(2){margin:0 auto 0 auto; text-align:center;}
			#sous-menu ul li:nth-child(2) span{width:100%; height:auto;}
				#sous-menu li a img{float:none;max-height:30px; margin-left:auto; margin-right:auto;}
				#sous-menu li a span{margin-top:1px;white-space:nowrap; width:100%}
			.active{background-image:url(../images/triangle-haut.png); background-repeat:no-repeat; background-position:center bottom;height:60px !important; margin-top:0 !important}
			.active span{font-weight:bold;}

		#bandeau{float:left; margin-top:10px; width:928px; height:163px}

		#contenu h1{float:left; width:100%; font-size:26px; color:#E55424; font-weight:lighter; margin-top:20px;}
		#contenu h2{font-size:26px; font-weight:normal; line-height:24px;}
		#contenu p{float:left; color:#363636}
		#contenu h4{float:left; color:#555; font-weight:lighter; text-transform:uppercase; height:90px; font-size:20px; line-height:108px}

#footer{float:left; width:100%; height:278px; background-image:url(../images/bg-footer.jpg); background-repeat: repeat-x}
	#global-footer{margin-left:auto; margin-right:auto; width:1074px; height:248px; background-image:url(../images/bg-footer-blanc.jpg);background-repeat:repeat-x; padding:20px 15px 10px 15px; text-align:center}
	#global-footer ul{margin:0; padding:0}
	#global-footer li{list-style-type:none;}
	#global-footer li a{display:block; color:white; text-decoration:none; font-size:13px; height:30px; width:auto;}
	#global-footer li a:hover{color:#E55424}
		#menu-footer{display:inline-block; margin:15px 10px auto 0; text-align:left; vertical-align:middle;}
		#menu-footer ul{margin:0; padding:0}
		#menu-footer li{height:26px; line-height:28px}
		#adresse-footer-global{display:inline-block; width:200px; height:auto; margin:6px 10px auto 10px; vertical-align:middle;}
		#adresse-footer-global p{font-size: 23px; background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#C9C9C9));-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:bold; line-height:20px; text-align:center;}
		.adresse-footer {font-weight:bold; line-height:22px; font-size:23px; margin-bottom:25px;}
		.adresse-footer span{font-size:20px; }
		.horaires-footer{margin-bottom:5px;}
		.horaires-footer i{font-size:17px; line-height:17px;}
		.tel-footer i{font-size:30px; width:200px; height:27px; line-height:27px; letter-spacing:-1px; background-image:url(../images/ico-tel-footer.png); background-repeat:no-repeat; background-position:left center; padding-left:30px; font-style:italic; margin-left:-10px}
		#btn-contact-footer{display:inline-block; margin-left:10px; margin-right:10px; width:220px; margin-top:3.5px; text-align:left; vertical-align:middle;}
		#btn-contact-footer a:nth-child(2) span{line-height: 0px !important}
		#btn-contact-footer a{float:left;}
		#btn-contact-footer a:first-child{margin-bottom:20px}
		#btn-contact-footer a img{border:none;float:left; margin-right:10px; width:68px; height:auto}
		#btn-contact-footer a span{float:left;color:white; border:none; line-height:16px; padding-top:20px; font-size:19px; text-decoration:none;}
		#btn-contact-footer a:hover span{color:#E55424}
		#btn-contact-footer a span span{font-size:14px; line-height: 10px}
		#fb-root{display:none; width:300px;}
		.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width:300px !important; height:163px}
		.fb-like-box{background:white; display:inline-block; margin:2px 10px auto 10px; overflow:hidden; width:300px; vertical-align:middle;}
		#btn-social-footer{display:inline-block; width:75px; text-align:center; margin-top:5px; vertical-align:middle;}
		#btn-social-footer img{margin:10px auto 10px auto;}


		#mentions-legales{display:inline-block; width:100%}
		.copyright{display:inline-block; margin-top:40px; width:100%; text-align:center; font-size:11px; color:#707070; margin-bottom:0}
		.disclaimers{width:100%; text-align:center; font-size:11px; color:#707070; line-height:10px}


		#sitemap a{border:none; text-decoration:none;}
		#sitemap h1{float:none; width:auto; height:auto; margin:20px 0 20px 0; padding:0}
		#sitemap h1 a{color:#E55424;}
		#sitemap ul{margin:20px 0 0 0; padding:0;}
		#sitemap li{margin-left:15px; padding-left:10px;list-style-type:none; border-left:1px solid black}
			#sitemap li h1{margin:0}
			#sitemap li:first-child{margin-left:0; padding:0; border:none; height:auto;}



.cutter-1{float:left; background-image:url(../images/coup_cutter.png);  background-repeat:no-repeat; background-position:center; width:100%; height:9px }
.cutter-fin{float:left; background:url(../images/coup_cutter_fin.png) no-repeat center; width:100%; height:10px; margin:5px 0 5px 0}

.ombre-home{-webkit-box-shadow:  0px -3px 1px 1px rgba(0, 0, 0, 0.25);box-shadow:  0px -3px 1px 1px rgba(0, 0, 0, 0.25);}

@media screen and (max-width:1150px){
	#global2{width:880px;}
		#header{width:880px; height:100px; background-size:4px 100.5px; background-position:0 2px;}
			#adresse{height:46px}
			#adresse p{margin-top:20px; font-size:12.7px}
			#adresse p span{font-size:16px}
			#bg-menu{background-size:16px 41px; height:88px;}
			#menu{float:right; width:520px; margin-right:65px}
			#menu li a{height:16px; margin-top:8px; font-size:11px; padding:0 7px 0 7px; line-height:16px;}
			.btn-home{height:30px !important; width:30.28px; background-size:33px; background-position:top; width:15px}
			.btn-home:hover{background-size:33px; background-position:bottom}
			.livraison-menu{background-size:28.7px; padding:0 5px 0 0 !important; }
			.livraison{padding-left:31.9px; background-size:28.7px;}
			#logo{margin-left:70.9px; width:215.2px; height:100.4px}
			#logo a{width:215.2px; height:100.4px; background-size:215.2px auto}

		#conteneur{width:880px; padding:0}
			#contenu{width:739.7px; margin:0 auto 0 auto; padding:0;}
				#sous-menu{margin:0 auto 0 auto; height:47.8px ;border-bottom:1px solid black; width:auto}
				#sous-menu ul{margin:0; padding:0;}
				#sous-menu li a{margin:0; padding:0; max-width:144.3px; font-size:8.7px; height:39.8px; margin-top:8px}
					#sous-menu li a img{max-height:23.9px;}
				.active{background-image:url(../images/triangle-haut.png);height:47.8px !important;}

				#bandeau{margin-top:8px; width:739.7px; height:129.9px}
				#bandeau img{width:739.7px; height:129.9px}

				#contenu h1{font-size:20.7px; margin-top:16px;}
				#contenu h2{font-size:20.7px; line-height:19.1px;}
				#contenu p{float:left; color:#363636; }
				#contenu h4{height:71.7px; font-size:16px; line-height:86px}

	#footer{height:221.6px; background-size:auto 167.4px}
		#global-footer{width:850px; background-size:auto 221.6px; height:197.7px; padding:16px 11.9px 8px 11.9px;}
		#global-footer li a{font-size:10.36px; height:23.9px;}
			.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width:263px !important; height:130px}
			.fb-like-box{width:263px; height:120px; overflow:hidden; margin:7px 5px auto 5px;}
			#menu-footer{margin:15px 5px auto 0;}
			#menu-footer li{height:21px;}
			#menu-footer li a{line-height:22.5px; font-size:11px !important}
			#adresse-footer-global{width:180px; margin:4px 3px auto 3px}
			#adresse-footer-global p{font-size: 18.3px;  line-height:16px; }
			.adresse-footer{line-height:17.8px; font-size:18.6px; margin-bottom:20px;}
			.adresse-footer span{font-size:16px}
			.horaires-footer{margin-bottom:5px;}
			.horaires-footer i{font-size:13.5px; line-height:13.5px;}
			.tel-footer i{font-size:23.9px;  line-height:16px; background-size:16.7px; padding-left:23.9px; margin-left:-8px}
			#btn-contact-footer{width:180px; margin:4px 5px auto 5px}
			#btn-contact-footer a:nth-child(2) span{line-height: 0px !important}
			#btn-contact-footer a span{line-height:12.7px; padding-top:16px; font-size:15.2px; text-decoration:none;}
			#btn-contact-footer a span span{font-size:11.3px;}
			#btn-contact-footer a img{max-width:53px}
			#btn-social-footer{width:47.8px; text-align:center; margin:3px 5px auto 5px}
			#btn-social-footer img{margin:10px auto 10px auto; max-width:46.2px}

		.cutter-1{height:7.2px; background-size:auto 7.2px}
		.cutter-fin{max-width:816px; height:8px; background-position:center; background-size:816px 4px; margin:4px 0 4px 0}

		.copyright{margin-top:31.8px;font-size:8.7px;}
		.disclaimers{font-size:8.7px;line-height:8px}
}

@media screen and (max-width:895px){
	.css-full{display:none;}
	.css-tablette{display:block}
	.css-mobile{display: none;}

	a{color:white;}
	#sitemap a{color:black;}

	#global2{width:712.7px; }
		#header{width:712.7px; height:65px; background-size:3.23px 81.4px; background-position:0 1.61px; background-image:none; z-index:0}
			#adresse{float:left; height:37.25px; width:auto; margin-left:200px; color:white;z-index: 100; position: relative}
			#adresse p{margin-top:10px; font-size:11px; width:auto}
			#adresse p span{font-size:13.5px}
			#bg-menu{background-size:auto 52px; height:52px; width:100%; z-index: 15; margin-top:0; position: absolute}
			#menu{position:relative; float:left !important; display:block ;width:208px; margin-right:0; margin-top:0; margin-left:-10px; z-index:10; }
			#menu ul{width:208px !important; height:210px; -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.25);box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.25); padding-top:45px; background-image:url(../images/bg-footer.jpg);background-size:auto 255px;-webkit-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px;}
			#menu li{width:208px;}
			#menu li:first-child a{border-left:none !important; background-size:auto 68px}
			#menu li a{height:20px; margin-top:0; font-size:13px; padding:7px 5.66px 7px 5.66px; line-height:20px; border-left:none; border-right:none; border-bottom:1px solid #CCC; width:196px; text-align:center;}
			.btn-home{height:22px !important; width:175px; background-size:26.72px; background-position:center 4px; margin:0 !important; padding:0;border-bottom:1px solid #CCC !important;}
			.btn-home:hover{background-size:26.72px; background-position:center bottom !important;}
			.livraison-menu{background-position:40px center; width:177px !important; height:33px !important; padding-left:25px !important; line-height:33px !important}
			.livraison{padding-left:25.83px; background-size:23.24px;}
			#logo{position:absolute; margin-left:-10px; width:215.2px; height:90px; z-index: 20;}
			#logo a{width:215.2px; height:90px; background-size:215.2px auto}

		#conteneur{position:relative; width:712.7px; padding:0; z-index:-30}
			#contenu{width:650px; margin:0 auto 0 auto; padding:0;}
				#sous-menu{float:right; margin:0 0 0 auto; height:39px ;border-bottom:1px solid black; width:475px;}
				#sous-menu ul{margin:0; padding:0; width:475px;}
				#sous-menu li a{padding:0; width:auto; font-size:10px; height:32.2px; margin-top:5px}
					#sous-menu li a img{max-height:19.35px;}
				.active{background-image:url(../images/triangle-haut.png); height:38.7px !important; margin:0 !important; padding:0;}

				#bandeau{float:right; width:475px; height:auto; margin:50px 0 25px 0;}
				#bandeau img{max-width:475px; height:auto}

				#contenu h1{font-size:20px; margin-top:13px;}
				#contenu h2{font-size:20px; line-height:15.47px;}
				#contenu p{float:left; color:#363636; }
				#contenu h4{height:58px; font-size:15px; line-height:69.65px}

	#footer{height:179.5px; background-size:auto 135.5px}
		#global-footer{width:688.4px; background-size:auto 179.5px; height:160.1px; padding:10px 9.6px 6.4px 9.6px;}
		#global-footer li a{font-size:11px; height:19.35px;}
			.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width:180px !important; height:90px}
			.fb-like-box{width:180px; height:90px; overflow:hidden; margin-top:10px;}
			#menu-footer li{display:none; height:18.2px; line-height:18.2px}
			#adresse-footer-global{margin-left:0; margin-right:50px; width:auto; margin-top:3.2px; height:auto; padding:0 !important}
			.adresse-footer{line-height:14.4px; font-size:18px; margin-bottom:12px; width:100%}
			.adresse-footer span{font-size:14px}
			.horaires-footer{margin-bottom:3px;}
			.horaires-footer i{font-size:12px; line-height:11px; margin:0 !important; padding:0 !important; width:100%;}
			.tel-footer i{font-size:22px; line-height:22px; background-size:13.52px; padding-left:19.3px; width:100%; height:15px; margin-top:-20px}
			#btn-contact-footer{margin-left:0; margin-right:30px; width:160px; margin-top:3px;}
			#btn-contact-footer a:nth-child(2){margin-top:-5px !important}
			#btn-contact-footer a:nth-child(2) span{line-height: 0px !important}
			#btn-contact-footer a span{line-height:10.2px; padding-top:13px; font-size:14px; text-decoration:none;}
			#btn-contact-footer a span span{font-size:11px;}
			#btn-contact-footer a img{max-width:42.9px}
			#btn-social-footer{float:right; width:45px; text-align:center; margin:0 5px 0 5px;}
			#btn-social-footer img{margin:8px auto 8px auto; max-width:45px}

		.cutter-1{height:5.8px; background-size:auto 5.8px}
		.cutter-fin{max-width:660.9px; height:6.4px; background-position:center; background-size:660.9px 3.2px; margin:3.2px 0 3.2px 0}

		.copyright{margin-top:7.7px;font-size:9px;}
		.disclaimers{font-size:8px;line-height:8px}

		#sitemap{margin: 0 auto 0 35%}
}

@media screen and (max-width:650px){
	.css-full{display:none;}
	.css-tablette{display:none}
	.css-mobile{display: block}



	#global2{width:100%; height:auto;}
		#header{width:100%; height:70px; background-size:5% 80%; background-position:0 5%; background-image:none; z-index:100 !important; position: fixed; top:0}
			#adresse{display: none;}
			#bg-menu{width:100%; height:50px; position: fixed; z-index: 90; top:0;}
			#logo{float:left; width:200px; height: 75.25px; margin:0 auto 0 auto; position: absolute; z-index: 10}
			#logo a{width:200px; height: 75.25px; background-size: auto 75.25px; background-position:center top;margin:0 auto 0 auto;}
			#menu{display:none;}
			#menu-mobile{display: relative; margin:38px 0 0 0 !important; padding:0 !important; width:50%;height:auto; background-image:url(../images/bg-footer.jpg); background-repeat:repeat-x; z-index: 100; position: absolute; right:0; -webkit-box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.25);box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.25);-webkit-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px; z-index: 100}
				#menu-mobile ul{width:100%; margin:0; padding:0}
				#menu-mobile li{width:100%; list-style-type:none; text-align:center; border-top:1px solid #666}
				#menu-mobile li a{width:100%; height:auto; color:white; text-decoration:none; display: block; padding:3px 0 3px 0}
				#menu-mobile .btn-home{border-color:#666 !important; }
				#menu-mobile .livraison-menu{background-position:left center;width:100%; text-align: left; margin:0 0 0 25%; background-size:1.5em;}

		.btn-menu-mobile{color:white; font-weight:bold; text-decoration: none; padding:2px 10px 2px 10px; border:1px solid #666; margin:3px 10px 0 0; cursor: pointer; -webkit-border-radius: 5px;border-radius: 5px;}

		#conteneur{width: 100%}
			#contenu{width:100%; height:auto;}
			#contenu p{width:95% !important; margin-left:2%; font-size:0.5em;}
				#sous-menu{float:right; margin:75px 0 0 auto; height:auto ;border-bottom:1px solid black; width:100% !important;}
				#sous-menu ul{margin:0; padding:0; width:100% !important;}
				#sous-menu li{margin:0 !important}
				#sous-menu li a{float:left; padding:0; width:auto; font-size:10px; height:auto; margin:0 !important; white-space: inherit}
				#sous-menu li a span{width:20%; white-space: normal; line-height: 10px}
					#sous-menu li a img{max-height:19.35px;}
				.active{background-image:url(../images/triangle-haut.png);height:38.7px !important;}

				#bandeau{float:left; width:100%; height:auto; margin:2% auto 0 auto; text-align: center}
				#bandeau img{max-width:90%; height:auto;}

		#footer{display: none;}

		#containment{bottom:-168px; position: fixed; width:100% ; height:374px; z-index: 100}
		#global-footer-mobile{width:100%; position:fixed; height:220px; z-index:100; bottom:-177px;}

			#footer-mobile-up{display:block; height:34px; width:100%; text-align:center; text-decoration:none; color:white; font-weight: bold; background-image:url(../images/bg-menu-contact-mobile.png); background-size:auto 400%; background-repeat:no-repeat; background-position:center top; line-height:32px; cursor:pointer}

			#content-footer-mobile{width:100%; height:auto; background-image:url(../images/bg-footer.jpg); background-size: auto 150%; background-position: center bottom; padding:5px; background-repeat: repeat-x; text-align:center}

			#div-adresse-footer{display:block; width:100%; height:40px; margin:5px 0 5px 0;}
				#div-adresse-footer .btn-google-map{display:inline-block; width:40px; height:40px; cursor:pointer; text-align:right; vertical-align:middle}
				#div-adresse-footer .btn-google-map img{max-width:40px;}
				#div-adresse-footer .adresse-footer{display:inline-block; color:white; font-size:1.3em; line-height:1em; width:180px; text-align:left; margin:0 0 0 5px; vertical-align:middle}
				#div-adresse-footer .adresse-footer span{font-size:0.9em;}

			#content-footer-mobile .horaires-footer{display:block; width:100%; margin:5px auto 2px auto;}
			#content-footer-mobile .horaires-footer i{display:inline-block; font-size:1em; line-height: 1em;}
			#content-footer-mobile .tel-footer{float:left; width:100%; margin-bottom:5px; margin-left:-8px;}
			#content-footer-mobile .horaires-footer, .tel-footer{color:white; text-align:center;}

				#contact-header-mobile{display:inline-block; width:55%; margin:0px 0px 0 auto; vertical-align:middle;}
				#contact-header-mobile a{float:left; border:none; text-decoration: none; color:white; margin:0 5px 0 2px;}
				#contact-header-mobile a img{float:left; max-height:35px}
				#contact-header-mobile a span{float:left; line-height: 11px; font-size:12px; vertical-align: middle; margin:5px 0 0 2px}
				#social-header-mobile{display:inline-block; width:35%; margin:0 auto 0 0px; vertical-align:middle}
				#social-header-mobile a{ float:right; border:none; text-decoration:none; margin:0 5px 0 5px;}
				#social-header-mobile a img{ float:right; max-height:35px;}


		#mentions-legales-mobiles{float:left; width:100%; height:auto !important; margin:5% 0 0 0; border-top:1px solid #CCC; padding:5% 0 55px 0 !important; background-image:url(../images/bg-footer.jpg); background-size:contain}
			.copyright{float:left;width:100%; height: auto; font-size:10px; margin:0 0 2% 0; padding:0; line-height:1em}
			.copyright a{display: block; margin-bottom:2%; color:#CCC;}
			.disclaimers{float:left; width:100%; height:auto;}

		#sitemap{margin: 70px auto 0 25%}

}

@media screen and (max-width:540px){
	.css-full{display:none;}
	.css-tablette{display:none}
	.css-mobile{display: block}

	#global2{width:100%; height:auto;}
		#header{width:100%; height:70px; background-size:5% 80%; background-position:0 5%; background-image:none; z-index:100 !important; position: fixed; top:0}
			#adresse{display: none;}
			#bg-menu{width:100%; height:50px; position: fixed; z-index: 90; top:0}
			#logo{float:left; width:160px; height: 65px; margin:0 auto 0 auto; position: absolute; z-index: 10}
			#logo a{width:160px; height: 65px; background-size: auto 65px; background-position:center top;margin:0 auto 0 auto;}
			#menu{display:none;}
			#menu-mobile{display: relative; margin:38px 0 0 0 !important; padding:0 !important; width:50%;height:auto; background-image:url(../images/bg-footer.jpg); background-repeat:repeat-x; z-index: 100; position: absolute; right:0; -webkit-box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.25);box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.25);-webkit-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px; z-index: 100}
				#menu-mobile ul{width:100%; margin:0; padding:0}
				#menu-mobile li{width:100%; list-style-type:none; text-align:center; border-top:1px solid #666}
				#menu-mobile li a{width:100%; height:auto; color:white; text-decoration:none; display: block; padding:3px 0 3px 0}
				#menu-mobile .btn-home{border-color:#666 !important; }
				#menu-mobile .livraison-menu{background-position:left center;width:100%; text-align: left; margin:0 0 0 25%; background-size:1.5em;}

		.btn-menu-mobile{color:white; font-weight:bold; text-decoration: none; padding:2px 10px 2px 10px; border:1px solid #666; margin:3px 10px 0 0; cursor: pointer;-webkit-border-radius: 5px;border-radius: 5px;}
}

@media screen and (max-width:380px){
		#contenu p{font-size:0.75em;}

		#menu-mobile .livraison-menu{background-position:left center;width:100%; text-align: left; margin:0 0 0 10%}

		.copyright{line-height: 8px;margin-bottom:1em !important}
		.copyright a{margin:0; }
}