body{
	margin: 0px;
	padding: 0px;
	background: #000000; /* modifier le background : ebebeb; */
	color: #873ea6; /*66337c*/
	font-family: Helvetica, Arial, arial, ARIAL, serif;
	width: 100%;
	min-width: 1100px;
	overflow-x: hidden;
}

iframe{
	border: none;
}

a img, a img{
	border: 0px;
}

img{
	margin: 0px;
	padding: 0px;
}

a:focus{
	outline: 0px;
}

.finDiv{
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	clear: both;
}

.content{
	position: relative;
	display: none;
	width: 100%;
	margin: auto;
}


#entreBis{
	width: 100%;
	position: absolute;
	min-height: 600px;
	min-width: 1100px;
}

#entre{
	min-height: 600px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	min-width: 1100px;
}

#intEntre{
	position: relative;
	overflow: hidden;
}

#styleH{
	width: 0%;
	height: 150px;
	background-image: url('../img/skin/styleB.jpg');
	background-repeat: repeat-x;
}

#styleB{
	width: 0%;
	height: 150px;
	background-image: url('../img/skin/styleH.jpg');
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0px;
	
}

#entreOnSite{
	display: none;
	margin-top: 50px;
}

#onSite{
	margin: auto;
	width: 425px;
}

#contOnSite{
	width: 100%;
	margin-left: 100%;
}

.menu a{
	/* webkit */
	-webkit-transition-property: all;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;

	/* FF */
	-moz-transition-property: all;
	-moz-transition-duration: .3s;
	-moz-transition-timing-function: ease-out;

	/* standardise */
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: ease-out;

}

.link{
	/* webkit */
	-webkit-transition-property: all;
	-webkit-transition-duration: .15s;
	-webkit-transition-timing-function: ease-out;

	/* FF */
	-moz-transition-property: all;
	-moz-transition-duration: .15s;
	-moz-transition-timing-function: ease-out;

	/* standardise */
	transition-property: all;
	transition-duration: .15s;
	transition-timing-function: ease-out;
}


/* Site v3 */
.greyBack{
	background: #e4e3de;
}

.contentHeader{
	background: url('../img/skin/header.png') repeat-x;
}

.hidden{
	display: none;
}

.header{
	height: 34px;
	width: 840px;
	margin: auto;
}

.menu{
	float: left;
}

.menu a{
	float: left;
	display: block;
	color: #ffffff;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin-top: 2px;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #ccbad4;
	font-size: 14px;
}

.menu a:hover{
	background: #ebebeb;
	color: #a670b7;
}

.tel{
	display: block;
	float: right;
	border-radius: 30px;
	-moz-border-radius: 30px;
	height: 25px;
	margin-top: 4px;
	color: #000000;
	font-weight: bold;
	line-height: 25px;
	vertical-align: middle;
	padding: 0px 10px 0px 40px;
	background: 7px 2px url("../img/skin/phone.png") no-repeat #ffffff;
	font-size: 14px;
}

.AllTel{
	display: none;
	background: #ffffff;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	padding: 5px;
	position: relative;
	z-index: 1000;
}

.tel:hover .AllTel{
	display: block;
}

.contentTop{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 5px;
	background: url("../img/skin/back.jpg") 50% 50% no-repeat;
	border-bottom: 5px #b48dc4 solid;
}

.headerTop{
	margin: 0px 0px 30px 0px;
	/*text-indent: -150px;*/
	color: #a670b7;
	font-size: 16px;
}

h1{
	display: none;
}

.contentCorps{
	position: relative;
	background: #ffffff url("../img/skin/backCorpsHaut.png") repeat-x;

}

.contentCorpsBottom{
	padding: 50px 0px;
	background: url("../img/skin/backCorpsBas.png") 0px 100% repeat-x;
}

footer{
	padding: 30px 0px;
	background: url("../img/skin/backTop.png") repeat-x;
}

.contentFooter{
	width: 1000px;
	margin: auto;
}

.footerPart{
	width: 30%;
	float: left;
	margin-right: 2%;
}

.footerPart a{
	color: #66337c;
	text-decoration: none;
	display: block;
}

.footerPart a:hover{
	text-decoration: underline;
}

.footerPart.candyss{
	text-align: right;
}

.menuContent{
	padding: 20px;
	margin: auto;
}

.menuContent.menuCommande{
	margin: 50px 0px 0px 0px;
	padding: 0px;
}

article.deco.menuCommande{
	width: 480px;
	float: left;
}

article.deco.menuCommande img{
	display: block;
	float: left;
}

.menuCommande h2{
	margin: 10px 0px 5px 0px;
	font-size: 60px;
	font-weight: normal;
	text-decoration: none;
}

h2{
	text-decoration: underline;
}

header.deco{
	background: url("../img/skin/backH2Deco.png") 0% 0% no-repeat;
	padding: 10px 0px 0px 20px;
}

article.deco{
	background: url("../img/skin/backB2Deco.png") 100% 100% no-repeat;
	margin-bottom: 10px;
	padding: 0px 24px 21px 0px;
}

article.decoTop{
	margin: 30px 0px 0px 0px;
}

.textCorps{
	padding-left: 20px;
	display: block;
}

.textCorps img{
	float: right;
	padding: 0px 40px 5px 30px;
}

.contentCaroussel{
	width: 823px;
	margin: auto;
}

.caroussel{
	float: left;
	width: 708px;
	height: 346px;
	margin: 15px 20px;
	overflow: hidden;
}

.caroussel.topMenuCmd{
	height: 165px;
}

.fleche{
	float: left;
	line-height: 346px;
}

.fleche.MenuCmd{
	line-height: 246px;
}

.fleche.topMenuCmd{
	line-height: 208px;
}

.fleche img{
	vertical-align: bottom;
}

.link{
	display: block;
	float: left;
	width: 192px;
	border: 1px solid #6d5079;
	padding: 5px;
	background: #ffffff;
	text-align: center;
	text-decoration: none;
	color: #b58ec4;
	margin: 45px 15px 0px 0px;
}

.link.MenuCmd{
	width: 58px;
	font-size: 10px;
	margin-top: 5px;
}

.link.last{
	margin-right: 0px;
}

.link.selected, .link:hover{
	margin-top: 0px;
	width: 225px;
}

.link.MenuCmd:hover, .link.MenuCmd.selected{
	width: 58px;
}

.link img{
	width: 100%;
	padding-bottom: 5px;
}

.contentFrame iframe{
	margin: auto;
	width: 990px;
	height: 660px;
	display: block;
	margin-bottom: 15px;
}

.contentContact{
	width: 572px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.leftContact{
	float: left; 
	margin: 10px 14px 0px 0px;
}

.rightContact{
	float: left; 
	padding-left: 14px;
	border-left: 1px solid #572860;
	margin-top: 10px;
}



/* site de base */

.contentSelectCmd{
	width: 160px;
	float: left;
	margin: 20px;
}

.contentSelectCmd a{
	color: #a670b7;
	display: block;
	height: 20px;
	text-decoration: none;
}

.contentSelectCmd a:hover, .contentSelectCmd a.selectedLinkCateg{
	color: #ffffff;
	background: #58585A;
}

.categ{
	text-decoration: underline;
	font-weight: bold;
	padding-bottom: 10px;
}

.contentVoirCmd{
	/*float: left;*/
	padding: 0px 20px;
}

.contentPanierCmd{
	display: none;
	float: left;
	margin-right: 20px;
}

.panierCmd{
	padding-top: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 200px;
	height: 450px;
	background: #ebebeb;
}

.linkValid{
	text-decoration: none;
	color: #873ea6;
}

.linkValid:hover{
	text-decoration: underline;
}

.total{
	margin-top: 10px;
	background: #ebebeb;
}

#contPannier{
	height: 125px;
}

.produitPanier{
	width: 110px;
	margin: auto;
	margin-top: 7px;
	text-align: center;
}

.produitPanier img{
	max-width: 100%;
	max-height: 100%;
	padding-bottom: 5px;
}

.contentVisuelCmd{
	position: relative;
	/*width: 1000px;  à modifer à la reception des nouvelles images */
	margin: auto;
}

#contFormCmd{
	z-index: 3100;
	display: none;
	padding-top: 100px;
	position: absolute;
	width:100%;
	height: 100%;
}

.linkSeeCmd{
	display: block;
	margin-bottom: 10px;
}

#formCmd{
	width: 300px;
	height: 340px;
	margin: auto;
	margin-top: 1
	0px;
	background-image: url('../img/skin/fonform.png');
	border-radius: 20px;
	-moz-border-radius: 20px;
	color: #ffffff;
}

.choiceCity{
	text-align: center;
}

.choiceCity input[type="button"]{
	height: 40px;
	width: 200px;
	margin: auto;
	padding: 10px;
	display: block;
}

#contProduitCmd table{
	width: 100%;
}
.bandauComd{
	text-align: center;
}

iframe{
	display: block;
	width: 100%;
	height: 560px;
}

.popUp{
	position: fixed;
	top: 70px;
	width: 100%;
	z-index: 300;
}

.contentPopUp{
	width: 600px;
	margin: auto;
	border-radius: 10px;
	border: 3px solid #000000;
	background: #e4e3de; 
	overflow: hidden;
	text-align: center;
}

.imgPopUp{
	/*padding: 5px;
	width: 280px;*/
	width: 100%;
}

.linkPopUpPromo{
	display: block;
	text-align: right;
	font-size: 30px;
	padding-right: 20px; 
}

.textLieux{
	font-size: 10px;
}

.contentStore{
	width: 730px;
	margin: auto;
}

.store{
	float: right;
}

.store a img{
	width: 130px;
}

.cmdStore{
	width: 100%;
	text-indent: -150px;
}

.contentText{
	text-indent: 160px;
}

.qrcode{
	float: right;
	width: 92px;
	margin-right: 20px;
}

.menu-container{
	display: flex;
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
	position: sticky;
    top: 0px;
    width: 100%;
    z-index: 3000;
}

.categ-container{
	display: flex;
	flex-wrap: wrap;
}

.categ-element{
	color: #000;
	padding: 10px;
	text-decoration: none;
}

.categ-element:hover{
	text-decoration: underline;
}

.categ-more a{
	font-weight: bold;
	padding: 5px 25px;
	color: #000;
	text-decoration: none;
}

.product-container{
	display: flex;
    flex-wrap: wrap;
}

.img-pdt{
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
	width: 120px;
}

.img-pdt img{
	width: 100%;
}

#cart{
	position: sticky;
	bottom: 20px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.place-order{
	background: #fff;
	width: 300px;
	border: 1px solid #873ea6;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 8%);
	display: flex;
	justify-content: space-between;
}

.place-order > *{
	padding: 15px;
}

.place-order a, .btn{
	background: #873ea6;
	color: #fff;
	text-decoration: none;
}

.btn{
	padding: 10px;
	display: inline-block;
}

.cart-container{
	background: #fff;
	margin-bottom: 10px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 8%);
	border: 1px solid #ccbad4;
	border-radius: 7px;
	padding: 15px;
}

.valid-container{
	text-align: center;
}

.close-cart{
	display: block;
	text-align: right;
	color: #000;
	text-decoration: none;
	margin-bottom: 5px;
}

.products-container{
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
}

.products-container input{
	width: 50px;
	margin-left: 15px;
}