body div#CalquePrettyPopup {
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	visibility: visible;
	padding: 15px;
	background-color: #FFF;
	border: 1px solid black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url("/pie.php");
}

body div#CalquePrettyPopup div#close_CalqueInfoPanier {
	z-index: 15;
	position: absolute;
	right: -20px;
	top: -20px;
	width: 40px;
	height: 40px;
	background: url("/public/img/ico-close.png") 0px 0px no-repeat;
	cursor: pointer;
}

/*--------------------------------------------
			POPUP MENU HAUT
--------------------------------------------*/
body div.ListeSousFamille {
	z-index: 10;
	background-color: #FFF;
	width: 976px;
}

body div.ListeSousFamille div#popupContent,
body div.ListeSousFamille div.popupContent {
	position: relative;
	border: 1px solid #ec900b;
	overflow: hidden;
	display: flex;
	min-height: 400px;
}

body div.ListeSousFamille div#popupContent div,
body div.ListeSousFamille div.popupContent div {
	float: left;
}

body div.ListeSousFamille div#popupContent div#infofamilles,
body div.ListeSousFamille div.popupContent div.infofamilles {
	background-color: #f1f1f1;
	max-width: 25%;
	height: 100%;
	float: left;
}

body div.ListeSousFamille div#popupContent div#infofamilles img,
body div.ListeSousFamille div.popupContent div.infofamilles img {
	border: 1px solid #7f7f7f;
	max-width: 160px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	display: block;
}

body div.ListeSousFamille div#popupContent div#infofamilles p,
body div.ListeSousFamille div.popupContent div.infofamilles p {
	margin: 5px;
}

body div.ListeSousFamille div#popupContent div#infofamilles p a,
body div.ListeSousFamille div.popupContent div.infofamilles p a {
	text-decoration: none;
	font-size: 16px;
}

/* body div.ListeSousFamille div#popupContent div#infofamilles.infofamilles p {
	padding: 0 !important;
} */

body div.ListeSousFamille div#popupContent div.DivListeSousFamilles,
body div.ListeSousFamille div.popupContent div.DivListeSousFamilles {
	background-color: #fff;
	height: 100%;
	float: left;
	width: 570px;
	padding-left: 7px;
	padding-right: 7px;
	display: flex;
}

body div.ListeSousFamille div#popupContent div.DivListeSousFamilles div,
body div.ListeSousFamille div.popupContent div.DivListeSousFamilles div {
	/*	float: left;
	width: 170px;*/
	margin: 5px 10px 5px 10px;
	position: relative;
}

body div.ListeSousFamille div#popupContent div.DivListeSousFamilles div ul li,
body div.ListeSousFamille div.popupContent div.DivListeSousFamilles div ul li {
	list-style-type: square;
	/* margin: 5px 0px 5px 10px; */
	color: #515151;
}

body div.ListeSousFamille div#popupContent div.DivListeSousFamilles div ul li a,
body div.ListeSousFamille div.popupContent div.DivListeSousFamilles div ul li a {
	padding: 2px;
	color: #515151;
	font-size: 14px;
}

body div.ListeSousFamille div#popupContent div.DivListeSousFamilles div ul li a:hover {
	background-color: #ed8c01;
	color: #FFF;
	height: 16px;
}

body div.ListeSousFamille div#popupContent div#ProduitsSelectionnes,
body div.ListeSousFamille div.popupContent div.ProduitsSelectionnes {
	/* background-color: #f1f1f1; */
	width: 220px;
	float: left;
	min-height: 100%;
}

body div.ListeSousFamille div#popupContent div#ProduitsSelectionnes #Produits,
body div.ListeSousFamille div.popupContent div.ProduitsSelectionnes .Produits {
	width: 220px;
	min-height: 100px;
	/* overflow: hidden; */
	padding-bottom: 5px;
	padding-top: 5px;
}

body div.ListeSousFamille div#popupContent div#ProduitsSelectionnes #Produits p,
body div.ListeSousFamille div.popupContent div.ProduitsSelectionnes .Produits p {
	width: 200px;
	margin-left: 10px;
	margin-right: 10px;
}

body div.ListeSousFamille div#popupContent div#ProduitsSelectionnes #Produits #ImgPdt,
body div.ListeSousFamille div.popupContent div.ProduitsSelectionnes .Produits .ImgPdt {
	width: 100%;
	height: auto;
	min-height: 50px;
	/* border: 1px solid #d4d4d4; */
	background-color: #fff;
	margin-left: 20px;
	position: relative;
}

body div.ListeSousFamille div#popupContent div#ProduitsSelectionnes #Produits #ImgPdt a,
body div.ListeSousFamille div.popupContent div.ProduitsSelectionnes .Produits .ImgPdt a {
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

body div.ListeSousFamille div#popupContent div#ProduitsSelectionnes #Produits div#desc,
body div.ListeSousFamille div.popupContent div.ProduitsSelectionnes .Produits div.desc {
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
}

body div.ListeSousFamille div#popupContent div#ProduitsSelectionnes #Produits div#desc a,
body div.ListeSousFamille div.popupContent div.ProduitsSelectionnes .Produits div.desc a {
	text-decoration: none;
	color: #000;
	font-size: 18px;
}

body div.ListeSousFamille div#popupContent div#ProduitsSelectionnes #Produits div#desc a:hover,
body div.ListeSousFamille div.popupContent div.ProduitsSelectionnes .Produits div.desc a:hover {
	text-decoration: underline;
	color: #000;
}

body div.ListeSousFamille div#popupContent div#ProduitsSelectionnes #Produits div#desc span.price,
body div.ListeSousFamille div.popupContent div.ProduitsSelectionnes .Produits div.desc span.price {
	font-weight: bold;
	font-size: 18px;
	color: #0562aa;
	text-align: center;
}

body div.ListeSousFamille div#popupContent div#ProduitsSelectionnes #Produits div#desc i,
body div.ListeSousFamille div.popupContent div.ProduitsSelectionnes .Produits div.desc i {
	font-size: 14px;
}

/*--------------------------------------------
			PANIER
--------------------------------------------*/
body #CurrentCartPopup {
	width: 240px;
	background-color: #f1f1f1;
	border: 1px solid #d5d5d5;
	position: absolute;
	display: none;
	visibility: hidden;
	z-index: 9;
}

body #CurrentCartPopup div#ListePrd {
	/*min-height: 100px;*/
	padding: 10px;
}

body #CurrentCartPopup div#ListePrd div#ValiderPanier {
	height: 25px;
	width: 156px;
	color: #FFF;
	font-weight: bold;
	margin-top: 17px;
	margin-bottom: 7px;
	cursor: pointer;
	padding-top: 10px;
	padding-left: 35px;
	margin-left: 29px;
	background: url('/public/img/btn_valid_cart.png') 0px 0px no-repeat;
}

body #CurrentCartPopup div#ListePrd div#PrixTotal {
	height: 60px;
	width: 100%;
	border-top: 1px dashed #515151;
	border-bottom: 1px dashed #515151;
}

body #CurrentCartPopup div#ListePrd div#PrixTotal p {
	padding-top: 18px;
	color: #ed8c01;
	font-weight: bold;
	width: 120px;
	margin-left: 30px;
	float: left;
}

body #CurrentCartPopup div#ListePrd div#PrixTotal p.prix {
	width: 50px;
	margin-left: 20px;
	text-align: right;
}


body #CurrentCartPopup div#ListePrd div#produit {
	padding-top: 10px;
}

body #CurrentCartPopup div#ListePrd div#produit.par {
	background-color: #FFF;
}

body #CurrentCartPopup div#ListePrd div#produit p.texte {
	width: 125px;
	float: left;
	margin-bottom: 10px;
}

body #CurrentCartPopup div#ListePrd div#produit div.img {
	width: 22px;
	height: 100%;
	float: left;
	margin-right: 5px;

}

body #CurrentCartPopup div#ListePrd div#produit p.prix {

	width: 50px;
	margin-left: 15px;
	text-align: right;
	float: right;
	font-weight: bold;
}

body #CurrentCartPopup div#missingValue {
	height: 60px;
	width: 100%;
	border-top: 1px solid #d9d9d9;
	background-color: #FFF;
}

body #CurrentCartPopup div#missingValue p {
	color: #0562aa;
	font-weight: bold;
	width: 200px;
	margin-top: 17px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

body #CurrentCartPopup p.noprd {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 125px;
}

body #CurrentAccountPopup {
	width: 250px;
	background-color: #f2f2f2;
	border: 1px solid #d5d5d5;
	position: absolute;
	display: none;
	visibility: hidden;
	z-index: 9;
}

body #CurrentAccountPopup div#Div_AlreadyCustomer {
	padding: 10px;
	/* width: 230px; */
	text-align: center;
}

body #CurrentAccountPopup div#Div_MenuConnecte {
	padding: 10px;
	width: 230px;
}

body #CurrentAccountPopup div p {
	font-size: 14px;
	color: #616161;
}

body #CurrentAccountPopup div p span.patronyme {
	font-size: 12;
	color: #ed8c01;
}

body #CurrentAccountPopup div p.centre {
	text-align: center;
}

body #CurrentAccountPopup div input.centre {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

body #CurrentAccountPopup div p.erreur {
	font-weight: bold;
}

body #CurrentAccountPopup div p.important {
	font-weight: bold;
	color: #222222;
}

body #CurrentAccountPopup div img.connexion {
	margin-left: auto;
	margin-right: auto;
	display: block;
	cursor: pointer;
	padding-top: 10px;
}


body #CurrentAccountPopup div#Div_NewCustomer {
	/* height: 70px; */
	border-top: 1px solid #c0c0c0;
	padding: 10px;
	/* width: 230px; */
	background-color: #FFF;
}

body #CurrentAccountPopup div#Div_MenuConnecteDeconnexion {

	border-top: 1px solid #c0c0c0;
	padding: 10px;
	width: 230px;
	background-color: #FFF;
}

/*--------------------------------------------
			POSTAGE
--------------------------------------------*/
#popup-postage {
	width: 810px;
	margin: 0 auto;
	/* background: url("/public/img/popup.png") 0 0 repeat; */
}

#popup-postage form {
	width: 100%;
}

#popup-postage div.col-1,
#popup-postage div.col-2 {
	float: left;
	width: 44%;
	/* 50% */
	padding: 10px 2% 10px 4%;
}

#popup-postage div.col-1 {
	border-right: 1px solid #0f0f0f;
	padding-right: 15px;
}

#popup-postage div.col-1 p.title,
#popup-postage div.col-2 p.title {
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #313131;
}

#popup-postage div.col-1 div.input-radio,
#popup-postage div.col-2 div.input-radio {
	float: left;
	width: 8%;
	padding-top: 8px;
}

#popup-postage div.col-1 div.text,
#popup-postage div.col-2 div.text {
	float: left;
	width: 92%;
	padding-bottom: 25px;
}

#popup-postage div.col-1 div.text,
#popup-postage div.col-2 div.text,
#popup-postage div.col-1 div.text img,
#popup-postage div.col-2 div.text img,
#popup-postage div.col-1 div.text b,
#popup-postage div.col-2 div.text b {
	vertical-align: middle !important;
}

#popup-postage p.popup-submit {
	width: 85px;
	margin: 0 auto;
	padding-top: 20px;
}

body div#CalquePatienter {
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;

	width: 200px;
	padding: 15px;
	border: 1px solid black;
	font-weight: bold;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url("/pie.php");

	position: fixed !important;
	top: 50% !important;
	margin-top: -40px;
}

body div#CalquePatienter p {
	float: none;
	display: inline-block;
	margin: 0 !important;
	vertical-align: middle;
}

body div#CalquePatienter img {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

#GrosCalqueToutNoir {
	position: fixed !important;
}



/*  */
body div#CalqueCategRating,
body div#CalqueProductRating {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	display: block;
	visibility: visible;
	/*width: calc(100% - 60px);*/
	width: 94%;
	max-width: 800px;
	min-height: 145px;
	margin-left: -10px;
	padding: 0;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url("/pie.php");

	position: fixed !important;
	top: 20px !important;
}

body div#CalqueCategRating div#close_CalqueCategRating,
body div#CalqueProductRating div#close_CalqueProductRating {
	background: url("/public/img/ico-close.png") 0 0 no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -20px;
	top: -20px;
	z-index: 15;
	cursor: pointer;
}

body div#CalqueCategRating div.popup-inner,
body div#CalqueProductRating div.popup-inner {
	padding: 20px;
	overflow-y: auto;
	max-height: 90vh;
}

body div#CalqueCategRating hr,
body div#CalqueProductRating hr {
	border: 1px dashed #959595;
}

/*body div#CalqueCategRating p {
		text-align:center;
		margin:10px;
	}
*/

body#shop-product div.content div.text div#calque_contenttext {
	height: auto;
}

body div#CalquePrettyPopup {
	display: block;
	visibility: visible;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 15px;
	border: 1px solid black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url("/pie.php")
}

body div#CalquePrettyPopup div#close_CalqueInfoPanier {
	background: url("/public/img/ico-close.png") 0 0 no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -20px;
	top: -20px;
	z-index: 15;
	cursor: pointer
}


body div#CalqueInfoPanier div#close_CalqueInfoPanier,
body div#CalqueAlerteStock div#close_CalqueAlerteStock,
body div#CalqueVideoProduit div#close_CalqueVideoProduit {
	background: url("/public/img/ico-close.png") 0 0 no-repeat;
	width: 40px;
	height: 48px;
	position: absolute;
	left: 380px;
	top: -20px;
	z-index: 15;
	cursor: pointer
}

body div#CalqueVideoProduit.youtube div#close_CalqueVideoProduit {
	left: 470px
}

body div#CalqueVideoProduit div#close_CalqueVideoProduit {
	top: -40px
}

body div#CalqueInfoPanier p.linkEnd {
	width: 95% !important;
	text-align: center;
	height: initial !important;
}

body div#CalquePatienter p {
	margin-top: 15px;
	margin-left: 10px
}

body div#CalquePatienter img {
	float: left
}

body div#CalquePatienter {
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 5px 5px 5px 5px;
	width: 180px;
	border: 1px solid black;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url("/pie.php")
}

body div#CalqueVideoProduit {
	display: block;
	visibility: visible;
	width: 400px;
	height: 300px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10
}

body div#CalqueInfoPanier {
	display: flex;
	flex-direction: column;
	justify-content: center;
	visibility: visible;
	width: 380px;
	min-height: 145px;
	padding: 10px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url("/pie.php")
}

body div#CalqueInfoPanier hr {
	border: 1px dashed #959595
}

body div#CalqueInfoPanier p {
	text-align: center;
	margin: 10px
}

body div#CalqueInfoPanier p.link {
	width: 160px;
	float: left;
	color: #0562aa;
	text-decoration: underline;
	margin: 0;
	margin-top: 10px;
	padding-left: 18px;
	text-align: center;
	background: url('../img/flecheBleu.png') 0 0 no-repeat
}

body div#CalqueInfoPanier p.linkEnd a {
	color: #FFF;
	text-decoration: none
}

body div#CalqueInfoPanier p.linkEnd {
	/* width: 178px; */
	height: 24px;
	cursor: pointer;
	float: left;
	color: #FFF;
	padding-top: 11px;
	text-decoration: none;
	margin: 0;
	padding-left: 13px;
	text-align: left;
	background: url("/public/img/btn_valid_cart.png") repeat-x scroll 0 0 #FFF
}

body div#CalqueInfoPanier p.titre {
	font-weight: bold
}


body div#CalqueGalerieProduits div#close_CalqueVideoProduit {
	background: url("/public/img/ico-close.png") 0 0 no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	left: calc(100% - 40px);
	top: -20px;
	z-index: 15;
	cursor: pointer
}

body div#CalqueAlerteStock {
	display: block;
	visibility: visible;
	width: 370px;
	height: 180px;
	text-align: center;
	padding-top: 50px;
	padding-left: 30px;
	background-color: #FFF;
	position: absolute;
	z-index: 10;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url("/pie.php")
}

body div#CalqueGalerieProduits {
	display: block;
	visibility: visible;
	width: auto;
	height: auto;
  max-width: 100%;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10
}

body div#CalqueGalerieProduits div#FlecheGauche,
body div#CalqueGalerieProduits div#FlecheDroite {
	width: 20px;
	float: left;
	position: absolute;
	height: 350px;
	top: 0;
	border: 0
}

body div#CalqueGalerieProduits div#FlecheDroite {
	right: 0
}

body div#CalqueGalerieProduits div#FlecheGauche div,
body div#CalqueGalerieProduits div#FlecheDroite div {
	background: url("/public/img/sprite-slideshow-2.png") no-repeat 2px 0;
	border: 0;
	margin-top: 165px;
	width: 17px;
	height: 17px;
	cursor: pointer
}

body div#CalqueGalerieProduits div#FlecheDroite div {
	background-position: 1px -20px
}

body div#CalqueGalerieProduits img {
	max-width: 100%;
	border: 1px solid black;
	margin: 25px;
	display: none;
	visibility: hidden
}

body div#CalqueAlerteStock p {
	font-weight: bold;
	padding-bottom: 10px
}

div.text div#CalqueAlerteStock,
div.text div#CalqueGalerieProduits,
div.text div#CalqueInfoPanier,
div.text div#CalqueVideoProduit {
	display: none;
	visibility: hidden
}

body div#CalqueInfoPanier .CalqueInfoPanier_delay {
	font-style: italic;
	font-weight: bold;
	color: #ec900b;
}


body div#CalqueInfoPanier {
	padding: 0;
}

body div#CalqueInfoPanier p.title {
	background: #FF8000;
	margin: 0;
	padding: 15px;
	color: #fff;
	border-radius: 6px 6px 0 0;
}

body div#CalqueInfoPanier p.link {
	color: #FF8000;
	display: block;
	background: none;
	text-decoration: none;
	color: #FF8000;
	width: 100%;
}

body div#CalqueInfoPanier p.link a {
	color: #FF8000;
  text-decoration: underline;
}

body div#CalqueInfoPanier p.linkEnd {
	background-image: none;
	padding: 10px 6px;
	background: #ff8000;
	color: #fff;
	border-radius: 6px;
	display: block;
	margin: 10px;
	height: initial;
	text-align: center;
}

body div#CalqueInfoPanier p.linkEnd:hover {
	text-decoration: underline;
}

body div#CalqueInfoPanier .CalqueInfoPanier_delay {
	color: #000;
	font-style: normal;
	font-weight: 400;
}

body div#CalqueInfoPanier p {
	color: #FF8000;
}

#CalqueInfoPanier_NoNeeds {
	color: #1165AF !important;
	font-size: 20px;
	font-weight: bold;
}

body div#CalqueInfoPanier div#close_CalqueInfoPanier,
body div#CalqueAlerteStock div#close_CalqueAlerteStock,
body div#CalqueVideoProduit div#close_CalqueVideoProduit {
	/* left: 364px; */
	left: 92%;
	top: -19px;
	background: none;
	border: 3px solid #ff8000;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #FF8000;
}

/*
	body #CurrentAccountPopup  div#Div_MenuConnecte{
		padding: 10px;
		width: 230px;
	}

		body #CurrentAccountPopup div p{
			font-size: 12;
			color: #616161;
		}

			body #CurrentAccountPopup div p span.patronyme{
				font-size: 12;
				color: #ed8c01;
			}

		body #CurrentAccountPopup div p.centre{
			text-align: center;
		}

		body #CurrentAccountPopup div input.centre{
			margin-left: auto;
			margin-right: auto;
			display: block;
		}

		body #CurrentAccountPopup div p.erreur{
			font-weight: bold;
		}

		body #CurrentAccountPopup div p.important{
			font-weight: bold;
			color: #222222;
		}

		body #CurrentAccountPopup  div img.connexion{
			margin-left: auto;
			margin-right: auto;
			display: block;
			cursor: pointer;
			padding-top: 10px;
		}

	body #CurrentAccountPopup div#Div_NewCustomer{
		height: 70px;
		border-top: 1px solid #c0c0c0;
		padding: 10px;
		width: 230px;
		background-color: #FFF;
	}

	body #CurrentAccountPopup div#Div_MenuConnecteDeconnexion{

		border-top: 1px solid #c0c0c0;
		padding: 10px;
		width: 230px;
		background-color: #FFF;
	}
*/

/* Resposivité */
@media only screen and (max-width: 767px) {
	div.ListeSousFamille {
		display: none;
		width: calc(100% - 65%);
		position: relative;
		left: 65%;
	}

	body #CurrentAccountPopup,
	div#GrosCalqueToutNoir {
		width: 100%;
	}

	body #CurrentAccountPopup div#Div_AlreadyCustomer {
		padding: 10px 40px;
	}
}

@media screen and (min-width: 767px) and (max-width: 1023px) {
	body div#CalqueInfoPanier {
		width: 90% !important;
		left: 15px !important;
	}
}


@media screen and  (min-width: 1024px) {
	div#CurrentAccountPopup {
		top: 118px !important;
		right: 3% !important;
		left: initial !important;
	}

	body div.ListeSousFamille.popup.fixed {
		position: fixed !important;
		top: 55px !important;
	}
}


@media screen and (min-width: 1024px) and (max-width: 1365px) {}


@media screen and (min-width: 1366px) {
	div#divSearch {
		left: calc(20% + 210px) !important;
	}
}