@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	/*font-family: 'Hind Siliguri', sans-serif;*/
	/*font-family: 'Conv_HindSiliguri-Regular','Hind Siliguri', sans-serif;*/
	box-sizing:auto;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
		  -ms-box-sizing: border-box;
			 -o-box-sizing: border-box;
}
html{
	/*font-family: 'Hind Siliguri', sans-serif;*/
}
body {
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	font-family: 'Conv_HindSiliguri-Regular','Hind Siliguri', sans-serif;
}
.clear {
	clear:both;
}
.menu {
	width:20%;
	height:100%;
	text-align:center;
	float:left;
	position:absolute;
	left:0;
	top:0;
	z-index:20;
	background-color:#720000;
}
.contenuRS {
	position:absolute;
	z-index:40;
	right:1%;
	top:3%;
}
.contenuRS div{
	display:inline-block;
}
.contenuRS div img{
	  width:70%;
		image-rendering: optimizeQuality;
		filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
}
.contenuRS div img:hover {
  filter: brightness(50%);
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -o-filter: brightness(50%);
  -ms-filter: brightness(50%);
}
.facebook {
	margin-right:12px;
}
.twitter {
	margin-right:4px;
}
.theLargeur,.Logo {
	width:100%;
	margin-top:8%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#slider {bottom:0;height:100px;left:0;position:absolute;width:100%;}
#slider li .chopenResponsive a{color:#ffffff;text-decoration:none;}
/*#slider .slider-chclosed {width:100px;}*/ 
#slider strong {color:#fff;margin-bottom:5px;}
/*#slider p {color:#fff;margin:0 auto;width:90%}*/
#slider .slider-chopen strong {color:#fff;font-size:22px;}
#slider .slider-chclosed strong {font-size:18px;}
#slider .slider-chclosed p {display:none;}
li {
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
li.boutique {
	background-image:url(../img/boutique.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
li.commande {
	background-image:url(../img/commande.gif);
	background-repeat:repeat;
}
li.pro {
  background-image:url(../img/espacepro.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
li.blog {
	background-image:url(../img/blog.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.chopenResponsive {
	display: none !important;
}
.contenuRSfooter{
	display:none;
}
.depart {padding-top:40%}
.chopen {padding-top:70%}
.chclose {padding-top:40%}
.contenu {color:#fff;margin:0 auto;width:90%}
.contenu a{
	color:#ffffff;
	text-decoration:none;
}
.titre {
	text-transform:uppercase; 
	font-size:30px;
	line-height:36px;
	/*font-weight:600 !important;*/
	line-height:50px !important;
}
sup {
	font-size:18px; 
}

.description {
	font-size:20px !important;
	font-weight:300 !important;
	line-height:20px !important;
}

.left {float:left;}
.leftimg {float:left;}
.right {float:right;}
.clear {clear:both;}
.texteJL {margin-top:10%;}
.bloctelephone {
	position:relative !important;
	margin-top:15% !important;
	width:100% !important;
	height:auto !important;
}
.bloctelephone img {
	margin-right:12px;
	width:32px;
	height:30px !important;
	display:inline !important;
}

.numero {
	font-weight:600px;
	font-size:18px;
	display:inline;
	position:absolute;
}

.googlemap {
	position: relative;
  padding-bottom: 75%; /* This is the aspect ratio*/
  height: 0;
  overflow: hidden;
	margin-top:10%;
}

#map,
.googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important; 
	/*min-width:350px;
	min-height:240px;*/
}

.livraison {
	text-align:center;
	font-size:22px;
	color:#1e2126;
	position:relative;
	text-transform:uppercase;
	margin:10% auto 0 auto;
	padding:2%;
	background-color:#d0d1d2;
	font-weight:600;
}

.visuproduits {
	margin: 8% 0 8%;
/*background-color: rgb(220, 25, 158);*/
}

/****** ESPACE PRO ******/

.champs {
	width:100% !important;
	border:1px #ffffff solid !important;
	background-color:transparent !important;
	margin-bottom:10% !important;
	color:#ffffff !important;
	padding:5px;
	text-align:center;
	font-style:italic;
	font-size:18px !important;
	font-weight:300 !important;
	display:block;
	text-decoration:none;
	line-height:22px;
} 

.champs:hover {
	/*background-color:#6c6c6d !important;*/
  color:#6c6c6d !important;
  border:1px #6c6c6d solid !important;
} 

@media only screen and (max-width: 2000px) /*1920*/{
.contenuRS div img{
	  width:60%;
}
.facebook {
	margin-right:0px;
	margin-left:20px;
}
.twitter {
	margin-right:0px;
	margin-left:18px;
}
.leftimg {
	float:left;
	width:110px;
}
.leftimg img {
	width:50% !important;
}
	
.titre {
	font-size:32px !important;
	line-height:38px !important;
}
sup {
	font-size:16px; 
}
.description {
	font-size:18px !important;
	line-height:18px !important;
}
.livraison {
	font-size:17px;
	line-height:18px;
}
}
@media only screen and (max-width: 1700px) /*1920*/{
.contenuRS div img{
	  width:55%;
}

.titre {
	font-size:28px !important;
	line-height:34px !important;
}
sup {
	font-size:14px; 
}
.description {
	font-size:16px !important;
	line-height:16px !important;
}
.bloctelephone img {
	width:22px !important;
	height:22px !important;
}
.numero {
	font-size:15px !important;
}
.carte iframe {
	width:400px !important;
}
.livraison {
	font-size:15px;
	line-height:16px;
}
}
@media only screen and (max-width: 1500px) /*1440 1366*/{
.contenuRS {
	right:0;
}
.contenuRS div img{
	  width:50%;
}


.titre {
	font-size:26px !important;
	line-height:30px !important;
}
sup {
	font-size:12px; 
}
.description {
	font-size:14px !important;
	line-height:14px !important;
}
.livraison {
	font-size:13px;
		line-height:14px;
}
}
@media only screen and (max-width: 1450px) /*1440 1366*/{
.leftimg {
	width:90px;
}

}
@media only screen and (max-width: 1280px) /*1280 1024*/ {
.contenuRS {
	top:2% !important;
}
.contenuRS div img{
	width:40%;
}
.leftimg {
	width:75px !important;
  margin-top:10px !important;
}

.titre {
	font-size:24px !important;
	line-height:30px !important;
}
.description {
	font-size:14px !important;
	line-height:14px !important;
}
.bloctelephone img {
	margin-right:8px !important;
}
.numero {
	font-size:13px !important;
}
.livraison {
	font-size:11px;
	line-height:12px;
}
}



@media only screen and (max-width: 1200px) {
.leftimg {
	width:55px !important;
	margin-top:25px !important;
}

}
@media only screen and (max-width: 1050px) {
.leftimg {
	width:55px !important;
	margin-top:20px !important;
}

}
@media only screen and (max-width: 1000px) {
.leftimg {
	width:35px !important;
	margin-top:28px !important;
}

}
@media only screen and (max-width: 950px) {
.leftimg {
	width:35px !important;
	margin-top:30px !important;
}

}
@media only screen and (max-width: 940px) {
.leftimg {
	width:30px !important;
}

}
@media only screen and (max-width: 900px) {

.leftimg {
	width:25px !important;
	margin-top:28px !important;
}
.leftimg img {
    width: 70% !important;
		margin-left:20% !important;
}

.titre {
	font-size:22px !important;
	line-height:28px !important;
}
}
@media only screen and (max-width: 800px) {
.contenuRS div img{
	  width:35%;
}
.leftimg {
	width:25px !important;
	margin-top:27px !important;
}

.titre {
	font-size:20px !important;
	line-height:28px !important;
}
.bt-decouvrir {
	font-size:12px !important;
}
}
@media only screen and (max-width: 740px) {
.leftimg {
	width:15px !important;
	margin-top:26px !important;
}
.leftimg img {
    width: 100% !important;
		margin-left:30% !important;
}
}
@media only screen and (max-width: 700px) {
.leftimg {
	width:15px !important;
	margin-top:24px !important;
}

.titre {
	font-size:18px !important;
	line-height:24px !important;
}
.bt-decouvrir {
	font-size:10px !important;
}
}

@media only screen and (max-width: 640px) {
.menu {
	height:20% !important;
	width:100% !important;
	position:relative !important;
	z-index:50 !important;
}
.Logo {
	width:100% !important;
	margin-top:5% !important;
	margin-bottom:5% !important;
}
.theLargeur {
	margin-top:5% !important;
	width:20% !important;
	margin-top:8% !important;
	margin-left:auto !important;
	margin-right:auto !important;
	position:relative !important;

}
ul {
	height:100% !important;
	width:100% !important;
	float:none !important;
}
li {
	width:100% !important;
	height:auto !important;
	position:relative !important;
	left:0 !important;
}
/******* on n'affiche pas les ces div responsive ********/
.depart {
	display: none !important;
}
.chopen {
	display: none !important;
}
.chclose {
	display: none !important;
}
/******* contenu div resposive ********/
.chopenResponsive {
	display: block !important;
}
li p {
	margin:80px 20px  !important;
	text-align:left !important;
	width:360px !important;
}
.titre{
	font-size:32px !important;
	line-height:38px !important;

}
.description {
	font-size:25px !important;
	line-height:25px !important;
}

li.boutique {
	background-image:url(../img/boutiqueResponsive.jpg) !important;
	background-position:center !important;
}
li.commande img {width:120px !important;}
li.pro {background-image:url(../img/espaceproResponsive.jpg) !important;}

li.blog {
	background-image:url(../img/blogResponsive.jpg) !important;
	background-position:center !important;
}
/****** ESPACE PRO ******/

.champs {
	font-size:20px !important;
} 


/********* FOOTER ****************/
.contenuRS{display:none !important;}

.contenuRSfooter{
	position:relative !important;
	background-color:#610000 !important;
	width:100% !important;
	right:0 !important;
	text-align:center !important;
	display:block;
}

.contenuRSfooter div {
	padding-top:15px !important;
	padding-bottom:10px !important;
	display:inline-block !important;
}

.contenuRSfooter div img{ width:70% !important;}

.contenuRSfooter div img{
	  width:80%;
		filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
}

.contenuRSfooter div img:hover {
  filter: brightness(50%);
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -o-filter: brightness(50%);
  -ms-filter: brightness(50%);
}

.facebook {margin-right:28px !important;}
.twitter { margin-right:18px !important;}
}
@media only screen and (max-width: 480px) {
li p {
	margin:60px 20px  !important;
	text-align:left !important;
	width:250px !important;
}
.titre{
	font-size:30px !important;
	line-height:32px !important;
}
.description {
	font-size:20px !important;
	line-height:20px !important;
}
li.commande img {width:110px !important;}
}
@media only screen and (max-width: 320px) {
impor p {
	margin:40px 20px  !important;
	text-align:left !important;
	width:200px !important;
}
.titre{
	font-size:28px !important;
	line-height:28px !important;
}
.description {
	font-size:16px !important;
	line-height:16px !important;
}
li.commande img {width:90px !important;}

form {margin:-10px 30px 40px 20px !important;}

.champs {
	font-size:15px !important;
	height:30px !important;
} 
}

.bt-decouvrir{
	width:100%;
	text-align:center;
	display:block;
}
#index #home_featured{
	width:100%; 
	overflow:hidden;
	max-width:373px;
	margin:0 auto;
	position:relative;
	padding:0 20px;	
}
#index #home_featured .slid{
	overflow:hidden;
	width:100%;
	height:100px;
}
#index #home_featured a#view_scroll_right,
#index #home_featured a#view_scroll_left{
	float:left;
	width:12px;
	position:absolute;
	top:0;
	text-align:center;
	height:100px;
	line-height:100px;
	color:#ffffff;
	text-decoration:none;
}
#index #home_featured a#view_scroll_left{
	left:0;
}
#index #home_featured a#view_scroll_right{
	right:0; 
}
#index #home_featured ul{
	margin-left:-8px;
	overflow:hidden;
	float:left;
	height:100px;
}
#index #home_featured li{
	float:left;
	width:100px;
	height:100px;
	margin:0 8px;
	list-style:none;
}
#index #home_featured li a{
	float:left;
	width:100%;
	height:100px;
	overflow:hidden;
}
#index #home_featured li a img{
	margin:-15px;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_HindSiliguri-Bold';
	src: url('fonts/HindSiliguri-Bold.eot');
	src: local('?'), url('fonts/HindSiliguri-Bold.woff') format('woff'), url('fonts/HindSiliguri-Bold.ttf') format('truetype'), url('fonts/HindSiliguri-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_HindSiliguri-Light';
	src: url('fonts/HindSiliguri-Light.eot');
	src: local('?'), url('fonts/HindSiliguri-Light.woff') format('woff'), url('fonts/HindSiliguri-Light.ttf') format('truetype'), url('fonts/HindSiliguri-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_HindSiliguri-Medium';
	src: url('fonts/HindSiliguri-Medium.eot');
	src: local('?'), url('fonts/HindSiliguri-Medium.woff') format('woff'), url('fonts/HindSiliguri-Medium.ttf') format('truetype'), url('fonts/HindSiliguri-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_HindSiliguri-Regular';
	src: url('fonts/HindSiliguri-Regular.eot');
	src: local('?'), url('fonts/HindSiliguri-Regular.woff') format('woff'), url('fonts/HindSiliguri-Regular.ttf') format('truetype'), url('fonts/HindSiliguri-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_HindSiliguri-SemiBold';
	src: url('fonts/HindSiliguri-SemiBold.eot');
	src: local('?'), url('fonts/HindSiliguri-SemiBold.woff') format('woff'), url('fonts/HindSiliguri-SemiBold.ttf') format('truetype'), url('fonts/HindSiliguri-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.bold{
	font-family: 'Conv_HindSiliguri-Bold';
}
#slider li .description,
.light{
	font-family: 'Conv_HindSiliguri-Light';
}
.medium{
	font-family: 'Conv_HindSiliguri-Medium';
}
.regular{
	font-family: 'Conv_HindSiliguri-Regular';
}
.titre,
.semibold{
	font-family: 'Conv_HindSiliguri-SemiBold';
}
@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	/*font-family: 'Hind Siliguri', sans-serif;*/
	/*font-family: 'Conv_HindSiliguri-Regular','Hind Siliguri', sans-serif;*/
	box-sizing:auto;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
		  -ms-box-sizing: border-box;
			 -o-box-sizing: border-box;
}
html{
	/*font-family: 'Hind Siliguri', sans-serif;*/
}
body {
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	font-family: 'Conv_HindSiliguri-Regular','Hind Siliguri', sans-serif;
}
.clear {
	clear:both;
}
.menu {
	width:20%;
	height:100%;
	text-align:center;
	float:left;
	position:absolute;
	left:0;
	top:0;
	z-index:20;
	background-color:#720000;
}
.contenuRS {
	position:absolute;
	z-index:40;
	right:1%;
	top:3%;
}
.contenuRS div{
	display:inline-block;
}
.contenuRS div img{
	  width:70%;
		image-rendering: optimizeQuality;
		filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
}
.contenuRS div img:hover {
  filter: brightness(50%);
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -o-filter: brightness(50%);
  -ms-filter: brightness(50%);
}
.facebook {
	margin-right:12px;
}
.twitter {
	margin-right:4px;
}
.theLargeur,.Logo {
	width:100%;
	margin-top:8%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#slider {bottom:0;height:100px;left:0;position:absolute;width:100%;}
#slider li .chopenResponsive a{color:#ffffff;text-decoration:none;}
/*#slider .slider-chclosed {width:100px;}*/ 
#slider strong {color:#fff;margin-bottom:5px;}
/*#slider p {color:#fff;margin:0 auto;width:90%}*/
#slider .slider-chopen strong {color:#fff;font-size:22px;}
#slider .slider-chclosed strong {font-size:18px;}
#slider .slider-chclosed p {display:none;}
li {
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
li.boutique {
	background-image:url(../img/boutique.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
li.commande {
	background-image:url(../img/commande.gif);
	background-repeat:repeat;
}
li.pro {
  background-image:url(../img/espacepro.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
li.blog {
	background-image:url(../img/blog.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.chopenResponsive {
	display: none !important;
}
.contenuRSfooter{
	display:none;
}
.depart {padding-top:40%}
.chopen {padding-top:70%}
.chclose {padding-top:40%}
.contenu {color:#fff;margin:0 auto;width:90%}
.contenu a{
	color:#ffffff;
	text-decoration:none;
}
.titre {
	text-transform:uppercase; 
	font-size:30px;
	line-height:36px;
	/*font-weight:600 !important;*/
	line-height:50px !important;
}
sup {
	font-size:18px; 
}

.description {
	font-size:20px !important;
	font-weight:300 !important;
	line-height:20px !important;
}

.left {float:left;}
.leftimg {float:left;}
.right {float:right;}
.clear {clear:both;}
.texteJL {margin-top:10%;}
.bloctelephone {
	position:relative !important;
	margin-top:15% !important;
	width:100% !important;
	height:auto !important;
}
.bloctelephone img {
	margin-right:12px;
	width:32px;
	height:30px !important;
	display:inline !important;
}

.numero {
	font-weight:600px;
	font-size:18px;
	display:inline;
	position:absolute;
}

.googlemap {
	position: relative;
  padding-bottom: 75%; /* This is the aspect ratio*/
  height: 0;
  overflow: hidden;
	margin-top:10%;
}

#map,
.googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important; 
	/*min-width:350px;
	min-height:240px;*/
}

.livraison {
	text-align:center;
	font-size:22px;
	color:#1e2126;
	position:relative;
	text-transform:uppercase;
	margin:10% auto 0 auto;
	padding:2%;
	background-color:#d0d1d2;
	font-weight:600;
}

.visuproduits {
	margin: 8% 0 8%;
/*background-color: rgb(220, 25, 158);*/
}

/****** ESPACE PRO ******/

.champs {
	width:100% !important;
	border:1px #ffffff solid !important;
	background-color:transparent !important;
	margin-bottom:10% !important;
	color:#ffffff !important;
	padding:5px;
	text-align:center;
	font-style:italic;
	font-size:18px !important;
	font-weight:300 !important;
	display:block;
	text-decoration:none;
	line-height:22px;
} 

.champs:hover {
	/*background-color:#6c6c6d !important;*/
  color:#6c6c6d !important;
  border:1px #6c6c6d solid !important;
} 

@media only screen and (max-width: 2000px) /*1920*/{
.contenuRS div img{
	  width:60%;
}
.facebook {
	margin-right:0px;
	margin-left:20px;
}
.twitter {
	margin-right:0px;
	margin-left:18px;
}
.leftimg {
	float:left;
	width:110px;
}
.leftimg img {
	width:50% !important;
}
	
.titre {
	font-size:32px !important;
	line-height:38px !important;
}
sup {
	font-size:16px; 
}
.description {
	font-size:18px !important;
	line-height:18px !important;
}
.livraison {
	font-size:17px;
	line-height:18px;
}
}
@media only screen and (max-width: 1700px) /*1920*/{
.contenuRS div img{
	  width:55%;
}

.titre {
	font-size:28px !important;
	line-height:34px !important;
}
sup {
	font-size:14px; 
}
.description {
	font-size:16px !important;
	line-height:16px !important;
}
.bloctelephone img {
	width:22px !important;
	height:22px !important;
}
.numero {
	font-size:15px !important;
}
.carte iframe {
	width:400px !important;
}
.livraison {
	font-size:15px;
	line-height:16px;
}
}
@media only screen and (max-width: 1500px) /*1440 1366*/{
.contenuRS {
	right:0;
}
.contenuRS div img{
	  width:50%;
}


.titre {
	font-size:26px !important;
	line-height:30px !important;
}
sup {
	font-size:12px; 
}
.description {
	font-size:14px !important;
	line-height:14px !important;
}
.livraison {
	font-size:13px;
		line-height:14px;
}
}
@media only screen and (max-width: 1450px) /*1440 1366*/{
.leftimg {
	width:90px;
}

}
@media only screen and (max-width: 1280px) /*1280 1024*/ {
.contenuRS {
	top:2% !important;
}
.contenuRS div img{
	width:40%;
}
.leftimg {
	width:75px !important;
  margin-top:10px !important;
}

.titre {
	font-size:24px !important;
	line-height:30px !important;
}
.description {
	font-size:14px !important;
	line-height:14px !important;
}
.bloctelephone img {
	margin-right:8px !important;
}
.numero {
	font-size:13px !important;
}
.livraison {
	font-size:11px;
	line-height:12px;
}
}



@media only screen and (max-width: 1200px) {
.leftimg {
	width:55px !important;
	margin-top:25px !important;
}

}
@media only screen and (max-width: 1050px) {
.leftimg {
	width:55px !important;
	margin-top:20px !important;
}

}
@media only screen and (max-width: 1000px) {
.leftimg {
	width:35px !important;
	margin-top:28px !important;
}

}
@media only screen and (max-width: 950px) {
.leftimg {
	width:35px !important;
	margin-top:30px !important;
}

}
@media only screen and (max-width: 940px) {
.leftimg {
	width:30px !important;
}

}
@media only screen and (max-width: 900px) {

.leftimg {
	width:25px !important;
	margin-top:28px !important;
}
.leftimg img {
    width: 70% !important;
		margin-left:20% !important;
}

.titre {
	font-size:22px !important;
	line-height:28px !important;
}
}
@media only screen and (max-width: 800px) {
.contenuRS div img{
	  width:35%;
}
.leftimg {
	width:25px !important;
	margin-top:27px !important;
}

.titre {
	font-size:20px !important;
	line-height:28px !important;
}
.bt-decouvrir {
	font-size:12px !important;
}
}
@media only screen and (max-width: 740px) {
.leftimg {
	width:15px !important;
	margin-top:26px !important;
}
.leftimg img {
    width: 100% !important;
		margin-left:30% !important;
}
}
@media only screen and (max-width: 700px) {
.leftimg {
	width:15px !important;
	margin-top:24px !important;
}

.titre {
	font-size:18px !important;
	line-height:24px !important;
}
.bt-decouvrir {
	font-size:10px !important;
}
}

@media only screen and (max-width: 640px) {
.menu {
	height:20% !important;
	width:100% !important;
	position:relative !important;
	z-index:50 !important;
}
.Logo {
	width:100% !important;
	margin-top:5% !important;
	margin-bottom:5% !important;
}
.theLargeur {
	margin-top:5% !important;
	width:20% !important;
	margin-top:8% !important;
	margin-left:auto !important;
	margin-right:auto !important;
	position:relative !important;

}
ul {
	height:100% !important;
	width:100% !important;
	float:none !important;
}
li {
	width:100% !important;
	height:auto !important;
	position:relative !important;
	left:0 !important;
}
/******* on n'affiche pas les ces div responsive ********/
.depart {
	display: none !important;
}
.chopen {
	display: none !important;
}
.chclose {
	display: none !important;
}
/******* contenu div resposive ********/
.chopenResponsive {
	display: block !important;
}
li p {
	margin:80px 20px  !important;
	text-align:left !important;
	width:360px !important;
}
.titre{
	font-size:32px !important;
	line-height:38px !important;

}
.description {
	font-size:25px !important;
	line-height:25px !important;
}

li.boutique {
	background-image:url(../img/boutiqueResponsive.jpg) !important;
	background-position:center !important;
}
li.commande img {width:120px !important;}
li.pro {background-image:url(../img/espaceproResponsive.jpg) !important;}

li.blog {
	background-image:url(../img/blogResponsive.jpg) !important;
	background-position:center !important;
}
/****** ESPACE PRO ******/

.champs {
	font-size:20px !important;
} 


/********* FOOTER ****************/
.contenuRS{display:none !important;}

.contenuRSfooter{
	position:relative !important;
	background-color:#610000 !important;
	width:100% !important;
	right:0 !important;
	text-align:center !important;
	display:block !important;
}

.contenuRSfooter div {
	padding-top:15px !important;
	padding-bottom:10px !important;
	display:inline-block !important;
}

.contenuRSfooter div img{ width:70% !important;}

.contenuRSfooter div img{
	  width:80%;
		filter: brightness(100%);
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
}

.contenuRSfooter div img:hover {
  filter: brightness(50%);
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -o-filter: brightness(50%);
  -ms-filter: brightness(50%);
}

.facebook {margin-right:28px !important;}
.twitter { margin-right:18px !important;}
}
@media only screen and (max-width: 480px) {
li p {
	margin:60px 20px  !important;
	text-align:left !important;
	width:250px !important;
}
.titre{
	font-size:30px !important;
	line-height:32px !important;
}
.description {
	font-size:20px !important;
	line-height:20px !important;
}
li.commande img {width:110px !important;}
}
@media only screen and (max-width: 320px) {
li p {
	margin:40px 20px  !important;
	text-align:left !important;
	width:200px !important;
}
.titre{
	font-size:28px !important;
	line-height:28px !important;
}
.description {
	font-size:16px !important;
	line-height:16px !important;
}
li.commande img {width:90px !important;}

form {margin:-10px 30px 40px 20px !important;}

.champs {
	font-size:15px !important;
	height:30px !important;
} 
}

.bt-decouvrir{
	width:100%;
	text-align:center;
	display:block;
}
#index #home_featured{
	width:100%; 
	overflow:hidden;
	max-width:373px;
	margin:0 auto;
	position:relative;
	padding:0 20px;	
}
#index #home_featured .slid{
	overflow:hidden;
	width:100%;
	height:100px;
}
#index #home_featured a#view_scroll_right,
#index #home_featured a#view_scroll_left{
	float:left;
	width:12px;
	position:absolute;
	top:0;
	text-align:center;
	height:100px;
	line-height:100px;
	color:#ffffff;
	text-decoration:none;
}
#index #home_featured a#view_scroll_left{
	left:0;
}
#index #home_featured a#view_scroll_right{
	right:0; 
}
#index #home_featured ul{
	margin-left:-8px;
	overflow:hidden;
	float:left;
	height:100px;
}
#index #home_featured li{
	float:left;
	width:100px;
	height:100px;
	margin:0 8px;
	list-style:none;
}
#index #home_featured li a{
	float:left;
	width:100%;
	height:100px;
	overflow:hidden;
}
#index #home_featured li a img{
	margin:-15px;
}