/*************** FONTS  *******************/
@import url("/fonts/cms_icons/cms_icons.css"); 
@import url("/fonts/icons_site/style.css"); 

/*font-family: europa,sans-serif;
font-weight: 700;//Bold
font-weight: 400;//Regular
font-weight: 300;//Light
font-style: normal;*/

/*************** STYLE DE BASE  *******************/

body
{
	position:relative;
	margin:0px;
	padding:0px;
	font-family: europa,sans-serif;
	font-weight:300;
    font-size: 16px;
    color:#7e7e7e;
	line-height: 1.625;
	background:#ffffff;
	border:10px solid #ffffff;
}

body.bgEditor, body.home.nooverflow, body.nooverflow
{
	border:0;
}

.bgEditor
{
    background-color: #ffffff;
}
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin 
{
      display:block;
      width:100%;
      box-sizing:border-box;
      height:40px;
}

body.home 
{
	border-top:10px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	border-bottom:10px solid #FFFFFF;
	border-left:10px solid #FFFFFF;
	
}


.bodyGrise
{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:0;
	background:#000000;
	transition:opacity 0.5s;
	opacity:0;
	
}

.bodyGrise.on
{
	opacity:.7;
	transition:opacity 0.5s;
	z-index:4;
}

@media only screen and (min-width:1200px)
{
	body
	{
		border:0;
		border-top:10px solid #000000;
	}
}

.wrapper:after
{
	content:"";
	display:block;
	clear:both;
}

/* CONTAINERS PRINCIPAUX */
.mainholder
{
	position:relative;
}

.mainctn
{
	position:relative;
	max-width:1080px;
	margin: 0 auto 0 auto;
	padding:0 10px 0 10px;
}

#pageHolder > .mainctn
{
	max-width:none;
	margin:0;
	padding:0;
}


#topHolder
{
	margin-bottom:100px;
	
}
.home #topHolder
{
	margin-bottom:0;
}
.home #topHolder
{
	width:100%;
	min-height:320px;
	max-height:900px;
}

.home #topHolder:before
{
	content:"";
	display:block;
	padding-top:100%;
}

#topHolder .topctn
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:52px;
	z-index:2;
}

#topHolder .topctn.menuOnly
{
	z-index:6;
	right:0;
}

#topHolder .topctn .logo
{
	display:block;
	position:relative;
	padding:0 0 10px 0;
	margin:17px 0 0 0;
	width:50%;
	height:42px;
}

#topHolder .topctn .logo span
{
	font-size:50px;
	color:#000000;
}

.home #topHolder .topctn .logo span
{
	color:#FFFFFF;
}

@media only screen and (min-width:800px)
{
	
	.home #topHolder .topctn .logo
	{
		padding:10px 0 10px 0;
		margin:30px 0 0 70px;
	}
	#topHolder .topctn .logo span
	{
		font-size:85px;
	}
}
	
@media only screen and (min-width:1200px)
{

	#topHolder .topctn .logo
	{
		padding:10px 0 10px 0;
		margin:30px 0 0 70px;
	}
	.home #topHolder
	{
		min-height:none;
	}
	#topHolder .topctn
	{
		height:62px;
	}
	#topHolder
	{
		margin-top:0;
		min-height:212px;
		
	}
	#topHolder .topctn
	{
		bottom:auto;top:0;
		height:auto;
		padding:30px 0 20px 0;
		background:transparent;
		transition:background .5s;
	}	
	#topHolder .topctn.menuOnly
	{
		right:104px;
	}


}



#topHolder .menusimulatorctn
{
	position:absolute;
	top:20px;left:30%;
	width:70%;
	font-size:0;
	text-align:right;
}
#topHolder .menusimulatorctn:empty
{
	display:none;
}

#topHolder .menusimulatorctn > a
{
	position:relative;
	display:inline-block;
	margin:0 15px 0 15px;
	padding:5px 0 15px 0;
	font-size:14px;
	font-weight:500;
	line-height:normal;
	color:#000000;
	transition:color .5s;
	text-transform:lowercase;
}


.home #topHolder .menusimulatorctn > a, #topHolder .menusimulatorctn.open > a
{
	color:#ffffff;
}

#topHolder .menusimulatorctn > a:hover,#topHolder .topctn .menusimulatorctn > a.menuselected
{
	text-decoration:underline;
}

#topHolder .menuHolder
{
	display:none;
}
#topHolder .topctn .openzone
{
	display:none;
}

#topHolder .topctn .btnzone
{
	position:absolute;
	display:block;
	right:65px;
	top:15px;
}

#topHolder .topctn .btnzone a[rel=searchZone],#topHolder .topctn .btnzone a[rel=shopConnexion]
{
	display:none;
}
#topHolder .topctn .btnzone > a
{
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	width:28px;
	height:28px;
	margin:0 0 0 10px;
	border:1px solid #000000;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100% auto;
}
	
#topHolder .topctn .btnzone > a[rel=shopCart]
{
}

#topHolder .topctn .btnzone > a[rel=shopCart] > span
{
	position:absolute;
	right:0;top:0;
	margin:-14px -10px 0 0;
	padding:7px;
	line-height:7px;
	color:#FFFFFF;
	background:#a8244e;
	font-family:roboto;
	font-size:10px;
	border-radius:50%;
}

@media only screen and (min-width:1200px)
{
	#topHolder .menuHolder
	{
		display:block;
		position:absolute;
		top:106px;
		padding-top:64px; 
		left:0;
		right:-104px;
		z-index:2;
	}
	#topHolder .topctn .btnzone
	{
		top:33px;right:0;
		width:100px;
		font-size:0;
		text-align:right;
		padding-right:51px;
	}
	#topHolder .topctn .btnzone:after
	{
		content:"";
		display:block;
		position:absolute;
		right:0;
		top:0;
		height:1px;
		background:#98989a;
		width:37px;
	}
	
	#topHolder .topctn .btnzone a[rel=searchZone],#topHolder .topctn .btnzone a[rel=shopConnexion]
	{
		display:inline-block;
	}

	#topHolder .topctn .btnzone > a[rel=searchZone]
	{
		font-size:16px;
		color:#000000;
		transform:rotate(90deg);	
		border:0;
		width:16px;
		height:16px;
		margin-top:-6px;
		
	}
	.home #topHolder .topctn .btnzone > a[rel=searchZone]
	{
		color:#FFFFFF;		
	}
	#topHolder .topctn #searchZone.openzone.open
	{
		border-top:1px solid #000000;
		border-bottom:1px solid #000000;
		height:100px;
		top:41px;
	}
	#topHolder .topctn #searchZone.openzone.open:before
	{
		display:none;
	}
	#topHolder .topctn #searchZone.openzone .mainctn
	{
		margin:0;
		max-width:none;
		padding-right:0;
	}
	#topHolder .topctn .btnzone > a[rel=shopConnexion]
	{
	
	}
	#topHolder .topctn .btnzone > a[rel=shopCart]
	{
		background-position:left top;
	}	
	#topHolder .topctn .btnzone > a[rel=shopCart] > span
	{
		color:#FFFFFF;	
	}
	
	#topHolder .topctn .btnzone > a
	{
		border:1px solid #FFFFFF;
	}
	#topHolder .topctn .mainctn
	{
		max-width:none;
	}
	#topHolder .topctn .openzone
	{
		position:absolute;
		display:block;
		box-sizing:border-box;
		top:100%; 
		left:0;right:0;
		height:0;
		background:#ffffff;
		overflow:hidden;
		opacity:0;
		z-index:1002;
		transition:all .5s;
	}
	#topHolder .topctn .openzone.open
	{
		height:80px;
		border-top:1px solid #e4e4e4;
		border-bottom:1px solid #e4e4e4;
		opacity:1;
	}
	
	#topHolder .topctn .openzone:before
	{
		content:"";
		position:absolute;
		top:0;bottom:0; 
		left:50%;right:0;
		background:#343434;
	}
	#topHolder .topctn .openzone .mainctn
	{
		box-sizing:border-box;
		max-width:1100px;
		padding-right:110px;/*for btnclose 100 + 10 habituelle*/
	}
	
	#topHolder .topctn .openzone .mainctn a.close
	{
		position:absolute;
		display:block;
		top:0; right:10px;
		height:100%;
		width:100px;
	}
	#topHolder .topctn .openzone .mainctn a.close:before, #topHolder .topctn .openzone .mainctn a.close:after
	{
		content:"";
		position:absolute;
		display:block;
		top:50%; left:30px;
		margin:-1px 0 0 0;
		width:20px;
		height:2px;
		background:#ffffff;
		transform-origin:center center;
		transform:rotate(45deg);
	}
	#topHolder .topctn .openzone .mainctn a.close:after
	{
		transform:rotate(-45deg);
	}
}

#subTopHolder
{
	display:none;
}

@media only screen and (min-width:720px)
{
	#subTopHolder
	{
		display:block;
		padding:15px 0 15px 0;
	}
}

/******* HOMEPAGE ***********/
#homeContentHolder
{
	margin:60px 0 60px 0;
}

#homeContentHolder .homecontentctn
{
	position:relative;
	display:block;
	margin:100px 0 70px 0;
	padding:0 10px 0 10px;
	background:#ffffff;
}

@media only screen and (min-width:1200px)
{
	#homeContentHolder
	{
		margin:60px 0 60px 0;
	}
	
	#homeContentHolder .mainctn
	{
		max-width:1160px;
	}
	
	#homeContentHolder .homecontentctn
	{
		margin:240px 0 140px 0;
	}

	
}
/******* FIN HOMEPAGE ***********/

#pageHolder
{
	margin:60px 0 60px 0;
}

#footerHolder
{
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	background:#FFFFFF;
	font-size:12px;
	font-weight:300;
	line-height:normal;
	color:#000000;
}

#footerHolder h5
{
	font-weight:700;
	color:#000000;
	margin:50px 0 10px 0;
	padding:0;
	font-size:17px;
	text-transform:lowercase;
}
#footerHolder .logo
{
	display:block;
	font-size:76px;
	margin-top:30px;
}

#footerHolder .infos
{
	position:relative;
	margin:0;
}
#footerHolder .infos .adresse
{
	position:relative;
	box-sizing:border-box;
}

#footerHolder .infos .adresse a
{
	font-weight:normal;
	color:#000000!important;
	font-weight:300;
	text-decoration:none;
}
/*#footerHolder .infos .horaire
{
	position:relative;
	box-sizing:border-box;
	text-align:left;
}
#footerHolder .infos .horaire > span > span:nth-child(1)
{
	width:25%;
	display:inline-block;
	box-sizing:border-box;
}
#footerHolder .infos .horaire > span > span:nth-child(2)
{
	width:70%;
	display:inline-block;
	box-sizing:border-box;
}
#footerHolder .infos .other
{
	box-sizing:border-box;
}
#footerHolder .infos .other span
{
	font-size:16px;
	color:#000000;
}*/
#footerHolder .infos .adresse > span, #footerHolder .infos .horaire > span
{
	display:block;
	margin:8px 0 8px 0;
}

#footerHolder .reseaux
{
	position:relative;
	margin:40px 0 40px 0;
	padding-left:calc(20% + 20px);
}
#footerHolder .reseaux:before
{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	width:20%;
	height:1px;
	background:#cccccc;
}

#footerHolder .reseaux a
{
	display:inline-block;
	margin:0 5px 0 5px;
	font-size:15px;
	vertical-align:top;
}

#footerHolder .reseaux a span.linkedin
{
	background-image:url(/template/image/picto_linkedin.svg);
	background-size:100%;
	width:16px;
	height:16px;
	display:block;
	margin-top:2px;
	
}

#footerHolder .scrolltop
{
	position:absolute;
	top:30px;
	right:-50px;
	box-sizing:border-box;
	color:#000000;
	font-size:15px;
	font-weight:700;
	opacity:0;
	transition:opacity 2s;
	transform:rotate(-90deg);
	padding-right:95px;
}
#footerHolder .scrolltop.visible
{
	opacity:1;
}

#footerHolder .scrolltop:after
{
	content:"";
	position:absolute;
	left:-100px;
	display:block;
	background:#7e7e7e;
	width:80px;
	height:1px;
	top:12px;
}
@media only screen and (min-width:720px)
{
	#footerHolder h5
	{
		margin:0 0 30px 0;
	}
	#footerHolder .logo
	{
		float:left;
		width:33.33%;
		margin-bottom:0;
	}
	#footerHolder .infos .adresse
	{
		float:left;
		width:33.33%;
		padding-right:10px;
	}
	/*#footerHolder .infos .horaire
	{
		float:left;
		width:33.33%;
		padding-left:10px;
	}

	#footerHolder .infos .other
	{
		clear:both;
	}*/
	#footerHolder .reseaux
	{
		text-align:center;
		padding-left:0;
	}
	#footerHolder .reseaux:before
	{
		width:30%;
	}
	#footerHolder .scrolltop
	{
		right:-70px;
	}
	
}

@media only screen and (min-width:850px)
{
	#footerHolder .logo
	{
		float:left;
		width:33%;
		margin-bottom:0;
	}
	#footerHolder .infos .adresse
	{
		float:left;
		width:33%;
		padding-right:10px;
	}
	/*#footerHolder .infos .horaire
	{
		float:left;
		width:25%;
		padding-left:10px;
	}
	#footerHolder .infos .other
	{
		clear:none;
		float:left;
		width:25%;
	}*/

	
	#footerHolder .scrolltop:after
	{
		right:0;
		left:auto;
	}
}
@media only screen and (min-width:1000px)
{
	#footerHolder .scrolltop
	{
		right:5%;
	}
}
@media only screen and (min-width:1220px)
{
	#footerHolder .scrolltop
	{
		right:10%;
	}
}

#subfooterHolder
{
	background:#ffffff;
	padding:35px 0 10px 0;
}

#subfooterHolder > .mainctn > div
{
	box-sizing:border-box;
}
#subfooterHolder > .mainctn > div.powered
{
	position:relative;
	font-size:0;
	padding-right:0;
	text-align:left;
	margin-top:30px;
}

#subfooterHolder .powered a, #subfooterHolder .powered span
{
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	font-weight:300;
	line-height:normal;
	color:#7e7e7e;
}
#subfooterHolder .powered span:before
{
	content:"-";
	margin:0 5px 0 5px;
}
@media only screen and (min-width:720px)
{
	#subfooterHolder
	{
		padding:35px 0 40px 0;
	}
	#subfooterHolder > .mainctn > div.powered
	{
		padding-left:10px;
		margin-top:0;
	}
	#subfooterHolder > .mainctn > div
	{
		float:left;
		width:50%;
		padding-right:60px;
		text-align:right;
	}
}

/* ENTETE DES PAGES*/
.headCtn
{
	margin:0 0 40px 0;
}
#homeContentHolder .headCtn
{
	text-align:left;
} 
.headCtn h1
{
	margin:0 0 50px 0;
	font-size:44px;
	font-weight: 700;
	line-height:normal;
	color:#000000;
}

#homeContentHolder .headCtn h1
{
	padding-left:0;
	margin-bottom:30px;
	font-size:28px;
	max-width:705px;
	box-sizing:Border-box;
}
#homeContentHolder .headCtn h1:before
{
	content:none;
}
.headCtn h2 /*resume of the page*/
{
	margin:0 0 0 0;
	font-size:17px;
	font-weight:400;
	line-height:1.364;
	color:#000000;
	padding-left:60px;
	position:relative;
	max-width:848px;
	box-sizing:Border-box;
}

.headCtn h2:before, .htmlcontent:before
{
	content: "\e911";
	display:block;
	position:absolute;
	left:0;
	top:20px;
	height:40px;
	width:15px;
	font-size:40px;
	font-family: 'icones_site' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform-origin:0 0;
	transform:rotate(-90deg);
}
.headCtn h2:empty
{
	display:none;
}
@media only screen and (min-width:720px)
{
	.headCtn
	{
		margin:0 0 40px 0;
	}
	.headCtn h1
	{
		font-size:73px;
		line-height:1.086;
	}
	.headCtn h2 /*resume of the page*/
	{
	    font-size:19px;
		padding-left:150px;
	}

	.headCtn h2:before, .htmlcontent:before
	{
		height:95px;
		font-size:95px;
	}	
}
@media only screen and (min-width:1200px)
{
	.headCtn h1
	{
		font-size:73px;
		max-width:600px;
	}
}

.htmlcontent.nobefore:before
{
	display:none;
}


#homeContentHolder .headCtn h1
{
	display:none;
}
#homeContentHolder .headCtn h2
{
	margin:0;
	padding-left:0;
	font-size:20px;
	font-weight:300;
	color:#7e7e7e;
}

#homeContentHolder .headCtn h2:before,  #homeContentHolder .htmlcontent:before
{
	display:none;
}

#homeContentHolder .homecontentctn > div:nth-child(1)
{
	font-size:70px;
	color:#000000;
	margin-top:-39px;
}

#homeContentHolder .homecontentctn .htmlcontent
{
	padding-left:0;
}

#homeContentHolder .homecontentctn .headCtn
{
	margin:0 0 60px 0;
}

#homeContentHolder .homecontentctn h3
{
	color:#7e7e7e;
	font-weight:700;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	margin:0;
}

#homeContentHolder .homecontentctn a
{
	color:#000000;
	text-decoration:underline;
}

@media only screen and (min-width:720px)
{
	#pageHolder
	{
		margin:30px 0 100px 0;
	}
	
	.headCtn h1
	{
		font-size:73px;
	}
	#homeContentHolder .headCtn h1
	{
		padding-left:0;
		margin-bottom:40px;
		font-size:42px;
	}	
	#homeContentHolder .headCtn h2
	{
		font-size:33px;
	}
	#homeContentHolder .homecontentctn > div:nth-child(1)
	{
		font-size:145px;
	}
}

@media only screen and (min-width:900px)
{
	#homeContentHolder .homecontentctn > div:nth-child(1)
	{
		float:left;
		width:46.62%;
	}
	#homeContentHolder .homecontentctn > div:nth-child(2)
	{
		float:left;
		width:53.38%;
	}
}
/*
#teamHolder
{
	display:none;
}
@media only screen and (min-width:900px)
{
	#teamHolder
	{
		background:#f4f6f6;
		margin-bottom:230px;
		display:block;
	}
	
	#teamHolder > div
	{
		float:left;
		width:calc(50% - 5px);
		border-bottom:10px solid #FFFFFF;
		box-sizing:border-box;
		max-height:400px;
		border-right:10px solid transparent;
		text-transform:lowercase;
	}
	#teamHolder .sep
	{
		height:10px;
		background:#FFFFFF;
	}

	#teamHolder > div:nth-child(1), #teamHolder > div:nth-child(3)
	{
		border-right:10px solid #FFFFFF;
	}
	#teamHolder > div .img
	{
		display:block;
		width:60%;
		float:left;
		background-size:auto 100%;
		background-repeat:no-repeat;
		max-height:390px;
		background-position:center center;
	}
	.T1 #teamHolder > div .img
	{
		background-position:top left;
	}
	#teamHolder > div .img:before
	{
		content:"";
		display:block;
		padding-top:100%;
			
	}
	#teamHolder > div > div
	{
		display:block;
		width:40%;
		float:left;
		font-size:15px;
		box-sizing:border-box;
	}
	
	.T1 #teamHolder > div .img
	{
		width:50%;
	}
	.T1 #teamHolder > div > div
	{
		width:50%;
		padding-left:10px;
	}
	
	#teamHolder > div > div h4
	{
		margin:30% 0 15px 0;
		padding:0;
		text-transform:lowercase;
	}
	.T1 #teamHolder > div > div h4
	{
		margin:20px 0 15px 0;
	}
	#teamHolder > div > div h4 + div
	{
		font-weight:400;
		margin-bottom:20px;
	}
	#teamHolder > div > div a
	{
		color:#7e7e7e;
		font-weight:300;
	}
*/
	/*Version 4 personnes*/

	
	/*.T1 #teamHolder > div:nth-child(1) .img
	{
		background-image:url(/template/image/team/interoffice/mathias_v2.png);
	}
	.T1 #teamHolder > div:nth-child(2) .img
	{
		background-image:url(/template/image/team/interoffice/yann_v2.png);
	}
	.T1 #teamHolder > div:nth-child(3) .img
	{
		background-image:url(/template/image/team/interoffice/jerome_v2.png);
	}*/
/*}

@media only screen and (min-width:1400px)
{
	.T1 #teamHolder > div .img
	{
		width:60%;
	}
	.T1 #teamHolder > div > div
	{
		width:40%;
	}
	.T1 #teamHolder > div > div h4
	{
		margin:30% 0 15px 0;
	}
}
*/

/* LISTES */
.listeStandard 
{
	max-width:1600px;
	background:#f7f7f7;
	margin:50px auto 50px auto;
	padding:25px 0 25px 0;
}
.listeStandard.shop
{
	max-width:none;
	margin:38px auto 170px auto;
	padding:0 0 25px 0;
}
.listeStandard.shop.nobg
{
	background:none;
	--margin:38px auto 170px auto;
	margin:38px auto 20px auto;
}
.listeStandard.shop:before, .listeStandard.shop.nobg:before
{
	display:none;
}
.listeStandard .mainctn
{
	
	padding:0 9% 0 9%;
	
}
.listeStandard.shop .mainctn
{
	padding:0;
}
@media only screen and (min-width:1000px)
{
	.listeStandard.shop
	{
		padding:25px 0 25px 0;
	}
	.listeStandard.shop.nobg
	{
		margin:38px auto 170px auto;
	}
	.listeStandard.shop:before
	{
		content:"";
		display:block;
		position:absolute;
		top:0;right:0;left:0;
		height:120px;
		background:#FFFFFF;
		z-index:0;
	}
}
.listCtn
{
	position:relative;
}

.listElement
{
	position:relative;
	display:block;
	margin:0 0 40px 0;
	padding-bottom:0;
	text-decoration:none;
}

.listElement .img:before
{
	content:"";
	display:block;
	padding-top:63.63%;
}
.listElement .img:after
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	opacity:0.2;
	transition:opacity .5s;
	background:#000000;
	z-index:1;
}
.listElement:hover .img:after
{
	opacity:1;
}

.listElement .img
{
	width:100%;
	box-sizing:border-box;
	display:block;
	z-index:0;
	position:relative;
	background-image:url(/template/image/default.jpg);
	background-repeat:no-repeat;
	background-position: center center;
    background-size: cover;
}

.listElement .txt
{
	display:block;
	padding:0;
	overflow:hidden;
}

.listElement:nth-child(even) .iconesite-flecheLongue
{
	transform:rotate(-90deg);
}

.listElement h5
{
	position:absolute;
	margin:0;
	color:#FFFFFF;
	font-size:30px;
	font-weight:700;
 	line-height: 1.125;
	overflow:hidden;
	z-index:2;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:100%;
	padding:0 25px 2px 25px;
	box-sizing:border-box;
	text-align:center;
}

.listElement h5:after
{
	content:".";
	display:inline-block;

}

.listElement .resume
{
	display:block;
	color:#7e7e7e;	
	font-size:16px;
	font-weight:300;
 	line-height: 1.5;
	margin-top:34px;
}

.listElement .iconesite-flecheLongue
{
	display:none;
}

.listElement:nth-child(odd) .iconesite-flecheLongue
{
	transform:rotate(90deg);
	margin-top: 0;
    top: 0;
    position: absolute;
    width: 95px;
    height: 95px;
}

.listElement .more
{
	color:#000000;
	text-decoration:underline;
	font-weight:700;
	margin-top:35px;
	display:block;
}
@media only screen and (min-width:900px)
{
	.listeStandard 
	{
		margin:150px auto 170px auto;
		padding:110px 0 110px 0;
	}

	.listElement
	{
		margin:0 0 97px 0;
	}
	
	.listElement:before
	{
		content:"";
		display:block;
		padding-top:31.32%;
	}
	.listElement .img:before
	{
		display:none;
	}
	.listElement .img
	{
		float:left;
		width:50%;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
	}
	
	.listElement:nth-child(even) .img
	{
		left:auto;
		right:0;
	}
	
	.listElement .txt
	{
		position:absolute;
		width:46%;
		right:0;
		top:15%;
	}
	.listElement:nth-child(even) .txt
	{
		right:auto;
		left:0;
	}

	.listElement .resume
	{
		font-size:17px;
		max-height:10em;
		overflow:hidden;
	}
	.listElement .iconesite-flecheLongue
	{
		font-size:95px;
		transform:rotate(-90deg);
		display:block;
		position:relative;
		height:15px;
		width:15px;
		
	}
}

@media only screen and (min-width:1200px)
{
	.listElement h5
	{
		font-size:54px;
	}
}

/* ZONE HTML */

.htmlcontent
{
	overflow:hidden;
	padding-left:60px;
}
.htmlcontent > :first-child
{
	margin-top:0;
}
.htmlcontent img
{
	max-width:100%;
	height:auto!important;
}
	
.htmlcontent iframe
{
	max-width:100%;
}
@media only screen and (min-width:720px)
{
	.htmlcontent
	{
		padding-left:150px;
	}
}

.htmlcontent strong, .htmlcontent b,
.bgEditor strong, .bgEditor b
{
	font-weight:700;
}
/* STYLE GENERIQUE*/
.divwrapper
{
	clear:both;
}
.lastcol
{
	margin-right:0px!important;
}

H1, H2, H3 /*H3 in html content // H1,H2 in case someone try to use this level in html content */
{
    margin:60px 0 30px 0;
	font-size:25px;
    font-weight:700;
	color:#000000;
	line-height:1.4;
}

H4, H5, H6 /*H4 in html content // H5,H6 in case someone try to use this level in html content */
{
    margin:40px 0 20px 0;
	font-size:20px;
	font-weight: 700;
	color:#000000;
	line-height:1.4;
}

@media only screen and (min-width:720px)
{
	H1, H2, H3 /*H3 in html content // H1,H2 in case someone try to use this level in html content */
	{
	    font-size:29px;
	}
	H4, H5, H6 /*H4 in html content // H5,H6 in case someone try to use this level in html content */
	{
	    font-size:25px;
	}
}

.htmlcontent > H1:first-child, .htmlcontent > H2:first-child, .htmlcontent > H3:first-child, .htmlcontent > H4:first-child, .htmlcontent > H5:first-child, .htmlcontent > H6:first-child
{
	margin-top:0;
}

a
{
	font-weight:700;	
	color:#7e7e7e;
    text-decoration:none;	
}
.htmlcontent a:hover
{
	text-decoration:underline;
}

P
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.htmlcontent ul
{
	position:relative;
	padding:0;
	margin:0;
	list-style-type:none;
}
.htmlcontent ul > li
{
	position:relative;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	line-height: 1.4; 
}

.htmlcontent ul > li:before 
{
	content: "";
	position:absolute;
	top:10px;left:0px;
    display:block;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#7e7e7e;
	border:1px solid #7e7e7e;
}

.htmlcontent p + ul
{
	margin-top:-10px;
}


/* TABLES */
.htmlcontent table
{
	table-layout:fixed;
}

table P
{
	margin-top: 10px;
    margin-bottom: 10px;
}

table th
{
	text-align:left;
	color:#000000;
	font-weight:700;
	background:#f4f6f6;
	border-color:#bdbdbd;
	border-bottom:3px solid #bdbdbd; 
}

table.noborder th
{
	background:none;
	border:0;
	color:#000000;
}
.htmlcontent table
{
	border-top:2px solid transparent;
	border-right:2px solid transparent;
	border-left:2px solid transparent;
}
.htmlcontent table td
{
	border-color:#bdbdbd;
}

.htmlcontent table.noborder td
{
	border:0;
}


table tbody.originaltbody
{
	display:table-row-group;
}
table tbody.responsivedtbody
{
	display:none;
}

/* 
MEDIA QUERIES FOR TABLE: max-width = width of htmlcontent
Je le fait dans ce sens pour pas toucher les tables originales (taille et alignement)
*/
@media only screen and (max-width:720px)
{
	table
	{
		width:100%!important;
		table-layout:fixed;
	}
	table td
	{ 
		width:auto!important;
	}
	table img
	{	
		max-width:100%;
		height:auto!important;
	}
	
	table.responsived, table.responsived tbody, table.responsived tr, table.responsived td
	{
		display:block;
		width:100%!important;
	}
	
	table tbody.originaltbody
	{
		display:none;
	}
	
	table.responsived th p, table.responsived td p
	{
		text-align:left;
	}
		
	table tbody.responsivedtbody div.tr
	{
		display:block;
		margin-bottom:20px;
	}
	
	table tbody.responsivedtbody div.tr:after
	{
		content:"";
		display:block;
		padding-top:20px;
		border-bottom:1px dashed #999999;
	}
	table tbody.responsivedtbody div.tr.noth
	{
		margin-bottom:0;
	}
	table tbody.responsivedtbody div.tr.noth:after
	{
		content:none;
	}
	
	table tbody.responsivedtbody div.td
	{
		margin-bottom:5px;
	}
	table tbody.responsivedtbody div.td:after
	{
		content:"";
		display:block;
		clear:both;
	}
	table tbody.responsivedtbody div.td .tdlabel
	{
		display:block;
		float:left;
		clear:both;
		box-sizing:border-box;
		overflow:hidden;
		width:40%;
		padding-right:10px;
		max-width:120px;
		font-weight:bold;
	}
	table tbody.responsivedtbody div.td .tdlabel.asline
	{
		float:none;
		width:auto;
		padding:0;
		max-width:none;
	}
	table tbody.responsivedtbody div.td + div.td .tdlabel.asline
	{
		margin-top:20px;
		padding-top:20px;
		border-top:1px dashed #999999;
	}
	
	table tbody.responsivedtbody div.td .tdlabel.firstlevel, table tbody.responsivedtbody div.td .tdlabel.firstlevel + .tdlabel
	{
		float:none;
		width:auto;
		padding:0;
		max-width:none;
		margin-bottom:10px;
		text-transform:uppercase;
	}
	 
	table tbody.responsivedtbody div.td .tdlabel.firstlevel:empty
	{
		display:none;
	}
	table tbody.responsivedtbody div.td .tdlabel:not(.firstlevel):after
	{
		content:" : ";
	}
	table tbody.responsivedtbody div.td .tdlabel:not(.firstlevel):empty:after
	{
		content:"\00a0";/* */
	}
	
	table tbody.responsivedtbody div.td .tddata
	{
		display:block;
		overflow:hidden;
	}
}

/* STYLES INVARIABLES */
.desactivatepage /*Pour l'affichage du text "désactivé " dans les listes et les titres des pages */
{
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	color:red;
}

/* MANDATORY FIELD */
.mandatory, .mandatoryCustom /*Style des champs obligatoires. Defini 2 styles, cf mandatory.js */
{
  background-color: #d7d5d5;
}

.mandatoryFailed, .mandatoryCustomFailed /*Style des champs obligatoires lorsqu'un submit à echoué*/
{
  background-color: #FFE3E8;
  border:1px dotted red;
}

.error /*Pour l'affichage des messages erreurs */
{
	color: red;
}

.helpMsg
{
	color:green;
}

.policy
{
	font-size:14px;
	line-height:20px;
}

/*-- END MANDATORY FIELD --*/

/*-- FIELDSET --*/

legend
{
	font-family: arial;
    font-size: 11px;
    color:black;
}

fieldset
{
	border: 1px solid  #888888;
	margin:6px;
	background-color:#fdfdfd;
}

fieldset table, fieldset div /*margin pour les element dans le fieldset*/
{
	margin: 5px;
}

fieldset table table, fieldset div div, fieldset table div, fieldset div table /*Annule le margin pour les sous-element du fieldset*/
{
	margin: 0px;
}

/*-- FIN FIELDSET --*/
.tdAdmin
{
	width:90px;
	vertical-align:top;
	padding:5px;
}

.tdListAdmin
{
	padding-top:2px;
	padding-bottom:2px;
}

.tableListAdmin
{
	margin:10px;
}
/*Style icone dossier en admin*/
.stdZoneFixed .cms_icons-doc_folder_1 {
	font-size: 17px;
	color: #666;
}
/*-- FORM --*/
form
{
	margin:0px;
	padding:0px;
}

input, textarea
{
    border: 1px solid #bbb7b7;
   	padding-left:5px;
    background-color:#eeeeee ;
	box-sizing:border-box;
    max-width:100%;
	font-family: europa,sans-serif;
	font-weight:300;
    font-size: 16px;
    color:#7e7e7e;
	line-height: 1.625;
	
}
/* Pour contrer le style IOS par défaut des boutons et champs texte, si il manque des types d'input les rajouter */
input[type=text], input[type=password], input[type=submit],input[type=reset], input[type=button] {
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
input[type=submit], input[type=reset], input[type=button]
{
	border: 0;
   	padding:5px 15px 5px 15px;
	box-sizing:border-box;
    max-width:100%;
	font-family: europa,sans-serif;
	font-weight:300;
    font-size: 16px;
	line-height: 1.625;
	background:#000000;
	color:#FFFFFF;
	cursor:pointer;
}

select
{
	border:0px;
    background-color:#eeeeee ;
    box-sizing:border-box;
    max-width:100%;
	font-family: europa,sans-serif;
	font-weight:300;
    font-size: 16px;
    color:#7e7e7e;
	line-height: 1.625;
}

input[type=checkbox], input[type=radio]
{ 
  border: none; 
  background-color:transparent;
}
/*-- FIN FORM --*/

.admin_scroll
{
    overflow-y: auto;
    float: left;
    width: 300px;
    position: relative;
    height: 250px;
    background: transparent;
}

.popupBloc
{
	background-image: url('/template/image/admin/bgadmin.gif'); 
	border: #101010 1px solid;
	padding:10px;
	font-family: arial;
    font-size: 11px;
    color:black;
}

.popupTitle
{
	padding-left:10px;
	background-image: url('/template/image/admin/titlebar.gif'); 
	font-family: Arial;
    font-size: 11px;
    color:black;
}

.popupTd
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
}

/*Style pour la navigation*/
.loadmore
{
	text-align:center;
	padding:0px;
	visibility:hidden;
	height:0;
	
}

.loadmore img
{
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity: 0.50; 
}

/*Style pour le jqDdD*/
.drag
{
	opacity:0.5;
	cursor:move;
}
 .drop
{
	cursor:move;
	outline: 1px dashed black;
}
 .drag a, .drop a
{
	cursor:move;
}

/*************** FIN STYLE DE BASE  *******************/

/*************** ADMIN ZONE ********************/
.hilightZone
{
	outline: 1px solid #aaaaaa;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image:url(/template/image/admin/bgzone.png);
	margin-bottom:5px;
}

.stdZone
{
	outline: 1px solid #eeeeee;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image:url(/template/image/admin/bgzone.png);
	margin-bottom:5px;
}

.stdZoneFixed
{
	outline: 1px solid #666666;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image: url('/template/image/admin/bgadmin.gif'); 
	margin-bottom:5px;
}
	
.zoneMenu
{
	margin:0px ;
	padding: 0px ;	
	position:absolute; 
	top:-35px;
	left:-1px;
	width:100%;
}

.zoneMenuFixed
{
	margin:0px ;
	padding: 0px ;
	position:relative; 
	top:0px;
	left:0px;
	width:100%;
}

.stdZoneFixed table
{
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/	
}

.tblContextMenuTitle
{
	margin:0px ;
	padding: 0px ;
	width:100%;
	background-image: url('/template/image/admin/titlebar.gif'); 
	height:18px;
  	color:#86081D;
  	font-size:11px;
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/
}

.tblContextMenu
{
	border:0px;
	margin:0px ;
	width:100%;
	padding: 0px ;
 	height:19px;
	background-image:url(/template/image/admin/bgmenu.png);
	table-layout:auto; /*contré le fixed setté pour le responsive*/	
	font-size:11px;
}
.tblContextMenu table
{
	table-layout:auto; /*contré le fixed setté pour le responsive*/	
	width:auto!important;/*contré le fixed setté pour le responsive*/
}
		
.stdContextMenu
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
}

.stdContextMenuSep
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
	background-image:url(/template/image/admin/bgmenusep.png);
	background-repeat:no-repeat; 
}

  	
.hilightContextMenu
{
	margin:0px ;
	padding: 0px ;
	height:18px;
	background-image:url(/template/image/admin/bgmenusel.png);

}

.stdTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
  	color: #000000;
	font-size: 11px;
}

.hilightTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	color: #AB0404;
	font-size: 11px;
}
/*************** FIN ADMIN ZONE ********************/
/*************** CROP IMG ZONE ********************/
.admimgcropholder
{
	margin:10px 0 10px 0;
	position:relative;
	min-width:404px;/* 400 + 4 de bordure */
}
.imgcropctn
{
	position:relative;
	display:block;
	width:400px;
	margin:0 auto 0 auto;
	border:2px solid #000000;
	overflow:hidden;
}
.imgcropctn.landscape
{
	cursor:ew-resize;
}
.imgcropctn.portrait
{
	cursor:ns-resize;
}
.imgcropctn:before
{
	content:"";
	display:block;
	padding-top:100%;
}
.imgcropctn > img
{
	position:absolute;
	display:block;
	opacity:0;
}
.imgcropctn.landscape > img
{
	width:auto;
	height:100%;
}
.imgcropctn.portrait > img
{
	width:100%;
	height:auto;
}

.imgcropctn > .imgcrop
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background-repeat:no-repeat;
	background-position:50% 50% ;
	background-size:cover;
}
.imgcropctn  > .msg
{
	position:absolute;
	display:block;
	top:0;left:0;right:100%;bottom:100%;
	background:rgb(0,0,0);
	background:rgba(0,0,0,.5);opacity:0;
	transition:opacity .5s;
	overflow:hidden;
}
.imgcropctn  > .msg.show
{
	right:0;bottom:0;
	opacity:1;
}

.imgcropctn > .msg > span
{
	display:block;
	width:85%;
	margin:20px auto 20px auto;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	color:#ffffff;
}
.imgcropctn.landscape > .msg > span.portrait, .imgcropctn.portrait > .msg > span.landscape
{
	display:none;
}

/*************** FIN CROP IMG ZONE ********************/

#bodyprint .logoprint 
{
	font-size:50px;
	color:#000000;	

}
#bodyprint .headCtn h2:before, #bodyprint .htmlcontent:before
{
	display:none;
}

#bodyprint .headCtn h2, #bodyprint .htmlcontent
{
	padding-left:0;
}

#bodyprint .nav
{
	display:none;
}
#blogListCtn .listElement h5
{
	position:relative;
	color:#000000;
	text-align:left;
	transform:none;
	left:auto;
	padding:5px 30px 2px 0;
	font-size:30px;
}

#blogListCtn .listElement .txt
{
	top:10px;
}
.createurList
{
	font-weight:300;
	font-size:13px;
	margin-top:10px;
	display:block;
}

#blogListCtn .listElement .iconesite-flecheLongue
{
	top:30px;
}

#blogListCtn .listElement:nth-child(even) .iconesite-flecheLongue
{
	top:0;
}

#blogListCtn .listElement .more
{
	float:left;
	display:none;
}

#blogListCtn .listElement .commentCtn
{
	float:left;
	margin-top:35px;
	font-weight:700;
	font-size:15px;
	text-decoration:underline;
	color:#000000;
}


.titleListBlog
{
	font-size:14px;
	padding-top:4px;
	padding-bottom:0px;

}

#blogListCtn .listElement:after
{
	content:"";
	width:100%;
	height:1px;
	background:#cccccc;
	margin-top:50px;
}

#blogListCtn .listElement:hover .img:after
{
	opacity:0.6;
}
@media only screen and (min-width:900px)
{
	#blogListCtn .listElement:after
	{
		display:none;
	}
	#blogListCtn .listElement .commentCtn
	{
	 float:right;
	}
	.createurList
	{
		margin-top:0;
	}
	#blogListCtn .bottom
	{
		position:absolute;
		bottom:5px;
		width:46%;
	}
	#blogListCtn .listElement:nth-child(odd) .bottom
	{
		right:0;
	}
	#blogListCtn .listElement h5
	{
		padding:40px 30px 2px 0;
	}
}
@media only screen and (min-width:1200px)
{
	#blogListCtn .listElement h5
	{
		font-size:46px;
	}
}/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { width:202px;height:22px;float:left;background:url('/plugin/captcha/template/images/fondcaptcha.png') no-repeat; }
.QapTcha .Slider { width:47px;height:22px;background:url('/plugin/captcha/template/images/btncaptcha.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0; }
.QapTcha .TxtStatus { width:282px;padding:3px;margin-top:7px;text-align:left;color:#787878;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#787878; }
.QapTcha .Lock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top left;width:15px;height:17px; }
.QapTcha .unLock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top right;width:16px;height:17px; }
.QapTcha .divError { background:red;color:#FFFFFF;width:230px; }/* CARTOUCHE GENERIQUE */
.cartoucheCtn
{
	position:relative;
}

.cartoucheElementCtn
{
	position:relative;
	margin:10px 0 10px 0;
}

.cartoucheElement
{
	position:relative;
	display:block;
	margin:0 0 0 0;
	padding-bottom:0px;
	text-decoration:none;
	/*max-height:600px;*/
}
.cartoucheElement .img
{
	display:block;
	width:100%;
	background-size:cover;
	background-color:#e5e5e5;
}
.cartoucheElement .img:before
{
	content:"";
	display:block;
	padding-top:63.15%;
}
.cartoucheElement .txt
{
	display:block;
	position:relative;
	padding:0;
	margin:0;
	box-sizing:border-box;
	padding:0 10% 20% 10%;
}


.cartoucheElement h6
{
	margin:30% 0 20px 0;
	font-size:30px;
	font-weight:700;
	line-height: 1.125;
	color:#000000;
}
.cartoucheElement h6:after
{
	content:".";
	display:inline-block;
}
.cartoucheElement .resume
{
	display:block;
	color:#7e7e7e;	
	font-size:16px;
	font-weight:300;
 	line-height:1.364;
}

.cartoucheElement .more
{
	color: #000000;
    text-decoration: underline;
	font-weight:700;
	margin-top:30px;
	display:block;
}

@media only screen and (min-width:641px)
{
	.cartoucheElement .img
	{
		float:left;
		width:50%;
	}
	.cartoucheElement .txt
	{
		float:right;
		width:50%;
		padding:0 0 0 20px;
	}

	.cartoucheCtn a:nth-child(2) .img
	{
		float:right;
	}
	
	.cartoucheCtn a:nth-child(2) .txt
	{
		float:left;
	}	
	.cartoucheElement h6
	{
		margin:40px 0 20px 0;
		font-size:25px;
		max-width:400px;
	}
	.cartoucheElement .resume
	{
		display:none;
	}

}
@media only screen and (min-width:800px)
{
	.cartoucheElement .resume
	{
		display:block;
		font-size:17px;
		max-width:400px;
	}
	
}
@media only screen and (min-width:1000px)
{

	.cartoucheElement h6
	{
		font-size:54px;
	}
}
@media only screen and (min-width:1400px)
{
	.cartoucheElement h6
	{
		margin:20% 0 50px 0;
		
	}
	.cartoucheElement .txt
	{
		padding:0 0 0 15%;
	}
}

/*Cartouche home pour*/

	#cartoucheHomePourCartoucheCtn
	{
		margin-bottom:230px;
		display:block;
	}

	#cartoucheHomePourCartoucheCtn > .cartoucheElementCtn > a
	{
		border-bottom:10px solid #FFFFFF;
		box-sizing:border-box;
		max-height:400px;
		text-transform:lowercase;
	}
	#cartoucheHomePourCartoucheCtn .sep
	{
		height:10px;
		background:#FFFFFF;
	}

	#cartoucheHomePourCartoucheCtn > .cartoucheElementCtn > a .img
	{
		position: relative;
		top:0;
		left:0;
		right:0;
		bottom: 0;
		display:block;
		background-size: cover;
		background-repeat:no-repeat;
		max-height:390px;
		background-position:center center;
		width:100%;
		z-index: 0;
	}

	#cartoucheHomePourCartoucheCtn > .cartoucheElementCtn > a .img:before
	{
		content:"";
		display:block;
		padding-top:100%;

	}
	#cartoucheHomePourCartoucheCtn > .cartoucheElementCtn > a > .txt
	{
		display:block;
		z-index: 2;
		position: absolute;
		padding:0;
		padding-left:10px;
		font-size:15px;
		box-sizing:border-box;
		float: none;
		width: 100%;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}

	#cartoucheHomePourCartoucheCtn > .cartoucheElementCtn > a h6
	{
		margin:0 auto;
		padding:0;
		text-transform:lowercase;
		color:#FFFFFF;
		max-width: none;
		padding:0 20px;
	}
	#cartoucheHomePourCartoucheCtn > .cartoucheElementCtn > a h6:after
	{
		content:none
	}

#cartoucheHomePourCartoucheCtn > .cartoucheElementCtn > a:before
{
	content:"";
	display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
		z-index: 1;
		background: #000000;
		opacity:0.3;
}

@media only screen and (min-width:641px)
{
	#cartoucheHomePourCartoucheCtn > .cartoucheElementCtn > a
	{
		float:left;
		width:calc(50% - 5px);
		border-right:10px solid transparent;
	}
	#cartoucheHomePourCartoucheCtn > .cartoucheElementCtn > a:nth-child(1), #cartoucheHomePourCartoucheCtn > .cartoucheElementCtn > a:nth-child(3)
	{
		border-right:10px solid #FFFFFF;
	}

}
/*Style pour les commentaires*/
#commentShow
{
	margin-top:100px;
}
.commentDiv
{
	border-bottom: 1px dashed white; 
	margin-bottom:10px;
	padding:10px 10px 10px 0;
}

.commentDivInvalid
{
	color:#aaaaaa;
	border-bottom: 1px dashed white; 
	margin-bottom:10px;
	padding:10px;
}

.commentDataDiv
{
	padding-bottom:20px;
	border-bottom: 1px solid #7e7e7e; 
}

.signatureCommentDiv
{
	font-weight: 700;
    font-size: 15px;
	color:#000000;
}
.dateCommentDiv
{
	font-weight: 300;
    font-size: 13px;
	margin-bottom:20px;
}

/*Style pour le btn ajout des commentaires*/
.btnAddCommentDiv
{
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
}

.btnAddComment
{
	margin-top:20px;
}

/*Style pour le cartouche des commentaires*/
.cartoucheCommentDiv
{
	margin-top:5px;
}

.aCartoucheCommentTitle, .cartoucheCommentTitle
{
	text-decoration:none;
}

#commentEdit .popupBloc
{
	font-family: europa,sans-serif;
	font-weight:300;
    font-size: 16px;
    color:#7e7e7e;
	line-height: 1.625;
}

#commentEdit tr
{
	display:grid;
}


#commentEdit textarea, #commentEdit input
{
	max-width:220px;
}
@media only screen and (min-width:720px)
{
	#commentEdit tr
	{
		display:inherit;
	}
	#commentEdit textarea, #commentEdit input
	{
		max-width:auto;
	}
}
/*Accroche*/
#designAccrocheImg 
{
	margin:60px 0 60px 0;
}
#homeContentHolder #designAccrocheImg
{
	margin:0 0 60px 0;
}
.withlist #designAccrocheImg
{
	display:none;
}

#designAccrocheImg .mainctn, #homeContentHolder #designAccrocheImg .mainctn
{
	padding:0;
}
#designAccrocheImg .img
{
	display:block;
	min-height:200px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

#designAccrocheImg .img:before, .imgcropctn.accroche:before
{
	content:"";
	display:block;
	padding-top:66.57%;
}
#designAccrocheImg .img.gallery:before
{
	content:none;
}
#designAccrocheImg .img.gallery > img
{
	display:block;
	max-width:100%;
	height:auto;
}


@media only screen and (min-width:720px)
{
	#homeContentHolder #designAccrocheImg
	{
		margin:0 0 80px 0;
	}

}
@media only screen and (min-width:1200px)
{	

	#homeContentHolder #designAccrocheImg
	{
		padding:0 10px 0 10px;
		margin:0 0 100px 0;
		background:none;
	}
	#designAccrocheImg .mainctn
	{
		padding:0 10px 0 10px;
	}
	#homeContentHolder .img
	{
		margin:0;
	}
}

/*popup de pub (en inline)*/
#popuppubCtn
{
	display:none;
}

#popuppub
{
	display:block;
	max-width:620px;
	margin:0;
	padding:0;
}

#popuppub img
{
	display:block;
	max-width:100%;
	width:auto!important;
	height:auto!important;

}
#popuppub p:first-child
{
	margin:0;
}


/** ADMIN *******************************************************/
#tblExisting .filter
{
	position:relative;
}
#tblExisting .filter:before
{
	position:absolute;
	left:80%;
	margin-left:-20px;
	top:3px;
}
#tblExisting .filter > input
{
	display:block;
	width:80%;
	border-radius:5px;
	padding:3px 25px 3px 5px;
	background:#ffffff;	
}

/**************************************/
#documentList
{
	box-sizing:border-box;
	padding:0;
}
#shopproductDetailCtn #documentList
{
	margin:0;
} 
#documentList h5
{
	position:relative;
	display:block;
	color:#7e7e7e;
	font-style:italic;
	font-size:15px;
	font-weight:300;
	text-transform:lowercase;
	padding-bottom:5px;
	margin:0;
}

#documentListCtn .listElement
{
	float:none;
	padding:0;
	margin:0 0 5px 0;
	overflow:visible;
	width:auto;
	height:auto;
}
#documentListCtn .listElement:before
{
	content:none;
}

#documentListCtn .listElement > a
{
	display:block;
	padding:0;
	text-decoration:none;
}

#documentListCtn .listElement > a:before /*icone*/
{
	display:none;
}

#documentListCtn .listElement h6
{
position:relative;
	display:block;
	font-size:17px;
	color:#000000;
	font-weight:700;
	margin:0;
	padding:0;
	text-decoration:underline;
}

#documentListCtn .listElement .admin
{
	position:absolute;
	display:block;
	top:3px;
	left:-17px;
}/** FOURNISSEUR MONTAGE IN CONTENTMANAGER ****************************************/
.contentmanagerfournisseur > div:nth-child(2)
{
	margin:25px 0 40px 0;
}
@media only screen and (min-width:720px)
{
	.contentmanagerfournisseur > div:nth-child(2)
	{
		margin-left:40px;
	}	
}
@media only screen and (min-width:1200px)
{
	.contentmanagerfournisseur > div:nth-child(1)
	{
		float:left;
		width:67%;
	}
	.contentmanagerfournisseur > div:nth-child(2)
	{
		float:right;
		width:33%;
		margin-left:0;
	}
}
/** FOURNISSEUR DETAIL *******************************************************/

#fournisseur:after
{
	content:"";
	display:block;
	clear:both;
}

#fournisseurHeadCtn
{
	position:relative;
	display:block;
	max-width:660px;
}
#fournisseurColDroite
{
	position:relative;
	display:block;
	max-width:357px;
}
@media only screen and (min-width:720px)
{
	#fournisseurColDroite
	{
		margin-left:40px;
	}	
}
@media only screen and (min-width:1200px)
{
	#fournisseurHeadCtn
	{
		float:left;
		width:67%;
	}
	#fournisseurColDroite
	{
		float:right;
		width:33%;
		margin-left:0;
	}
}
#fournisseurColDroite .fournisseurlogo
{
	position:relative;
	display:block;
	padding:40px;
	border:1px solid #000000;
}

#fournisseurColDroite .fournisseurlogo > span
{
	position:relative;
	display:block;
	width:150px;
	height:50px;
	margin:0 auto 0 auto;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	text-align:center;
	line-height:50px;
	text-transform:uppercase;
	font-size:22px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#fournisseurColDroite .toshop
{
	position:relative;
	display:inline-block;
	margin:30px 0 30px 0;
	text-transform:lowercase;
	padding-left:35px;
}
#fournisseurColDroite .toshop:before
{
	content:"";
	position:absolute;
	display:block;
	top:50%;
	left:0;
	margin-top:-14px;
	width:28px;
	height:28px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}

/** FOURNISSEUR LIST *******************************************************/
#fournisseurListCtn .listElement .img
{
	background-size:auto;
}
.contentmanagergallery .nav
{
	display:none;
}
.contentmanagergallery > div:nth-child(2) .stdTextContextMenu, .contentmanagergallery > div:nth-child(2) .hilightTextContextMenu
{
	font-size:10px;
}
.contentmanagergallery > div:nth-child(2)
{
	margin:25px 0 40px 0;
}

#galleryimageListCtn
{
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}
#galleryimageListCtn.aslist
{
	overflow:visible;
}


#galleryimageListCtn.aslist:before
{
	content:none;
}

#galleryimageListCtn .listElement
{
	display:block;
	float:left;
	transition:all .5s;
	margin:0 0 0 0;
	width:33.33% ;
}

#galleryimageListCtn .listElement:nth-child(even) .img
{
	left:auto;
	right:auto;
}

#galleryimageListCtn .listElement:before, .imgcropctn.gallery:before
{
	content:"";
	position:relative;
	display:block;
	top:0;left:0;
	
	opacity:1;
	background:none;
	padding-top:74.10%;
}

#galleryimageListCtn .listElement:nth-child(1):before
{
	padding-top:74.10%;
}

#galleryimageListCtn .listElement:nth-child(12n + 1), #galleryimageListCtn .listElement:nth-child(12n + 8)
{
	width:66.66%;
}

#galleryimageListCtn .listElement:nth-child(12n + 8)
{
	float:right;
}

#galleryimageListCtn .listElement:nth-child(12n + 2)
{
	margin: 0 -10px 5px 10px;
}

#galleryimageListCtn .listElement:nth-child(12n + 2) .img, #galleryimageListCtn .listElement:nth-child(12n + 3) .img,
#galleryimageListCtn .listElement:nth-child(12n + 7) .img, #galleryimageListCtn .listElement:nth-child(12n + 9) .img
{
	height:calc(100% - 5px);
}
#galleryimageListCtn .listElement:nth-child(12n + 3)
{
	margin: 0 -10px 0 10px;
}
#galleryimageListCtn .listElement:nth-child(12n + 4),#galleryimageListCtn .listElement:nth-child(12n + 10)
{
	clear:both;
}
#galleryimageListCtn .listElement:nth-child(12n + 4) .img, #galleryimageListCtn .listElement:nth-child(12n + 10) .img
{
	width:calc(100% - 10px);
}
#galleryimageListCtn .listElement:nth-child(12n + 6) .img, #galleryimageListCtn .listElement:nth-child(12n + 12) .img
{
	width:calc(100% - 10px);
	right:0;
}
#galleryimageListCtn .listElement:nth-child(12n + 7)
{
	margin: 0 10px 5px -10px;
}
#galleryimageListCtn .listElement:nth-child(12n + 9)
{
	margin: 0 10px 0 -10px;
}
#galleryimageListCtn .listElement:nth-child(12n + 4), #galleryimageListCtn .listElement:nth-child(12n + 5),#galleryimageListCtn .listElement:nth-child(12n + 6),
#galleryimageListCtn .listElement:nth-child(12n + 10), #galleryimageListCtn .listElement:nth-child(12n + 11),#galleryimageListCtn .listElement:nth-child(12n + 12)
{
	margin:10px 0 10px 0;
}

#galleryimageListCtn .listElement .img
{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	
	float:left;

		position:absolute;
		top:0;
		left:0;
		bottom:0;
}

/*
#galleryimageListCtn.aslist .listElement, #galleryimageListCtn.aslist .listElement[rel='0'], #galleryimageListCtn.aslist .listElement[rel='1'],#galleryimageListCtn.aslist .listElement[rel='2'],#galleryimageListCtn.aslist .listElement[rel='3']
{
	position:relative;
	top:auto; left:auto;
	float:left;
	margin:0 1.96% 1.96% 0;
	width:49.02%;
	transition:all 0s;
}
#galleryimageListCtn.aslist .listElement:nth-child(2n+2)
{
	margin-right:0;
}
*/

#gallerywithfancybox
{
	display:none; 
}

#galleryimageListCtn .listElement .admin
{
	position:absolute;
	display:block;
	bottom:0;left:0;right:0;
	margin:0;
	z-index:1;
	background:rgba(0,0,0,.75);
	opacity:0;
	transition:opacity .5s;
}
#galleryimageListCtn .listElement:hover .admin
{
	opacity:1;
}

#galleryimageListCtn .listElement .admin > a
{
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	line-height:normal;	
}

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	#gallerywithfancybox
	{
		display:block;
	}	
}

/*Style pour les images des produits*/
.int .shopproduct #galleryimageList
{
	padding:0;
	position:relative;
}
.int .shopproduct #galleryimageListCtn
{
	width:100%;
	overflow:hidden;
	padding:0;
	max-width:1010px;
	margin-bottom:107px;
}

.int .shopproduct #galleryimageListCtn .listElement
{
	overflow:visible;
	margin-bottom:20px;
}

.int .shopproduct #galleryimageListCtn .listElement .texte
{
	display:none
}

.int .shopproduct .animated #galleryimageListCtn:before
{
	content:"";
	display:block;
	padding-top:75.82%;/*100 AVANT*/
}

.int .shopproduct .animated #galleryimageListCtn.onlyElement:before
{
	content:"";
	display:block;
	padding-top:49.21%;
}

.int .shopproduct #galleryimageListCtn .listElement:before
{
	content:"";
	display:block;
	padding-top:100%;
}

.int .shopproduct #galleryimageListCtn .listElement:after
{
	display:none;
}

.int .shopproduct .animated  #galleryimageListCtn .listElement:before
{
	display:none;
}

.int .shopproduct .animated #galleryimageListCtn .listElement
{
	position:absolute;
	left:102%;
	padding:0;
	margin:0;
	border:0;
	visibility:hidden;
	width:100%;
	height:100%;
	bottom:0;
	z-index:1;
}

.int .shopproduct .animated #galleryimageListCtn .listElement[rel="1"]/*la grande*/
{
	left:0;
	top:0;
	width:100%;
	height:100%; 
	visibility:visible;
	
}
.int .shopproduct .animated #galleryimageListCtn .listElement[rel="0"] /*1ere vignette*/
{
	left:-102%;
	z-index:0;
}

.int .shopproduct #galleryimageListCtn .listElement .img
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:0;
	margin:0;
	width:auto;
	background-size:cover;
	background-position:top center;
	transition: none;
	height:100%;

}
.int .shopproduct #galleryimageListCtn .listElement .img:after, .int .shopproduct #galleryimageListCtn .listElement .img:before
{
	content:"";
	display:none;
}

.int .shopproduct #galleryimageListCtn .listElement .img:before
{

}
.int .shopproduct #galleryimageListCtn .listElement[rel="1"] .img:before
{
	display:none;
}


.int .shopproduct #galleryimageList.animated .nav
{
	position:absolute;
	right:0;
	bottom:-70px;
	width:100%;
	height:50px;
	padding-top:20px;
	text-align:center;
	background:#f4f6f6;
}
.int .shopproduct #galleryimageList.animated .nav .gonext, .int .shopproduct #galleryimageList.animated .nav .goprev
{
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	font-size: 13px;
	color: #7e7e7e;
	border:0;
	cursor:pointer;
	z-index:4;
	opacity:1;
	visibility:visible;
	transition:all .5s;
	text-transform:lowercase;
	font-weight:300;
	left:0;
}
.int .shopproduct #galleryimageList.animated .nav .goprev
{
	top:0;
}
.int .shopproduct #galleryimageList.animated .nav .gonext 
{
	top:0;
	left:65px;
}
.int .shopproduct #galleryimageList.animated .nav .separator
{
	display:inline-block;
	vertical-align:middle;
	top:0;
	height:1px;
	width:80px;
	background:#7e7e7e;
	z-index:4;
	left:-73px;
	margin:0 10px 0 10px;
}
@media only screen and (min-width:1130px)
{
	.int .shopproduct #galleryimageListCtn
	{
		margin-bottom:0;
	}
	.int .shopproduct #galleryimageList.animated
	{
		margin-bottom:120px;
	}
	.int .shopproduct #galleryimageList.animated .nav
	{
		bottom:20px;
		padding-top:0;
		background:none;
		height:50%;
		width:1px;
		text-align:left;
	}
	.int .shopproduct #galleryimageList.animated .nav .gonext, .int .shopproduct #galleryimageList.animated .nav .goprev
	{
		position:absolute;
		vertical-align:top;
		transform:rotate(-90deg);
		left:-35px;
	}
	.int .shopproduct #galleryimageList.animated .nav .goprev
	{
		top:230px;
	}
	.int .shopproduct #galleryimageList.animated .nav .gonext 
	{
		top:65px;
	}
	.int .shopproduct #galleryimageList.animated .nav .separator
	{
		vertical-align:top;
		position:absolute;
		top:130px;
		transform:rotate(-90deg);
		margin:0;
	}
	.int .shopproduct #galleryimageList.animated .gonext, .int .shopproduct #galleryimageList.animated .goprev
	{
		width:5%;
	}
	.int .shopproduct #galleryimageList.animated .gonext:before, .int .shopproduct #galleryimageList.animated .goprev:before
	{
		padding-top:75%;
	}
	#shopproductListCtn .nav
	{
		right:30px;		
	}
}
.int .shopproduct #gallerywithfancybox
{
	display:none; /*use photoswipe if element not visible*/ 
}


.int .shopproduct #galleryimageListCtn .listElement .admin
{
	position:absolute;
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	bottom:0;
	background:#ffffff;
}

.int .shopproduct #galleryimageListCtn .listElement .admin > a
{
	color:#000000;
	text-decoration:none;	
}

.int .shopproduct .galleryimageInner
{
	position:relative;
	display:block;
	max-width:100%;
	margin-bottom:20px;
}

/* MEDIA QUERIES*/ 
@media only screen and (min-width:641px)
{
	.int .shopproduct #gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible*/ 
	}	
	
	.int .shopproduct .animated #galleryimageListCtn:before
	{
		content:"";
		display:block;
		padding-top:50.09%;
	}
	
	.int .shopproduct .animated #galleryimageListCtn.onlyElement:before
	{
		content:"";
		display:block;
		padding-top:49.21%;
	}

	.int .shopproduct .animated #galleryimageListCtn .listElement
	{
		width:25.83%;
		height:50%;
		transition:all 0.5s;
		
	}
	
	.int .shopproduct .animated #galleryimageListCtn .listElement[rel="1"]/*La grande*/
	{
		width:66.73%;
		height:100%;
	}
	.int .shopproduct .animated #galleryimageListCtn .listElement[rel="0"]/*1ere vignette*/
	{
		left:66.73%;
		visibility:visible;	
		top:0;
		width:33.27%;
		height:50%;
	}
	.int .shopproduct .animated #galleryimageListCtn .listElement[rel="2"]
	{
		left:66.73%;
		visibility:visible;
		top:50%;	
		width:33.27%;
		height:50%;
	}
	
}


.int .shopproduct #galleryimageListCtn .listElement .texte span
{
	display:block;
}

.int .shopproduct #galleryimageListCtn .listElement .texte span:nth-child(1)
{
	font-weight:bold;
}





/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}

#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	max-height:500px;
	opacity:1;
	background:#656464;
	z-index:1000;
	overflow:hidden;
	transition:max-height .5s;
}
#disclaimerCtn.hide
{
	max-height:0;
}
#disclaimerCtn .disclaimer
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:20px 10px 20px 10px;
	margin:0 auto 0 auto;
	color:#ffffff;
	font-size:.9em;
	line-height:1.5em;
}

#disclaimerCtn .disclaimer .txt
{
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read
{
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
	opacity:.75;
	transition:opacity .5s;
	margin-bottom:20px;
}
#disclaimerCtn .disclaimer a.read:before
{
	content:">";
	margin-right:5px;
}
#disclaimerCtn .disclaimer a.read:hover
{
	opacity:1;
}

#disclaimerCtn .disclaimer .close
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background:#a0a0a0;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	transition:background .5s;
	text-transform:uppercase;
}

#disclaimerCtn .disclaimer .close:hover
{
	background:#000000;
}
@media only screen and (min-width:640px)
{

	#disclaimerCtn
	{
		max-height:200px;
	}
	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:20px 170px 20px 10px;
		/*font-size:1em;*/
	}
	
	#disclaimerCtn .disclaimer .txt
	{
		margin-bottom:5px;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close
	{
		position:absolute;
		width:120px;
		top:50%;
		right:10px;
		padding:10px;
		transform:translateY(-50%);
	}
}/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	transition: left 0.2s linear;
}
#mainPanel:before
{
	content:"";
	position:relative;
	display:block;
	height:1px;
	margin-top:-1px;
	/*REM: element pour éviter que les margins du topHolder décale le leftPanel*/
}

#mainPanel.open
{
	width:100%;
	height:100%;
	left:0;
}

#leftPanel
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:100%;
	width:100%;
	min-width:240px;
	height:100%;
	background:#ffffff;
	overflow-x:hidden;
	overflow-y:auto;
}

#leftPanel .border
{
	border:10px solid #FFFFFF;
}

#leftPanel.scrolling
{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.nooverflow
{
	width:100%;
	height:100%;
	overflow:hidden;
}

.neutralizer
{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	cursor:pointer;
	z-index:1000;
	background:#000000;
	opacity:.4;
}


#menuIcone
{
	position:absolute;
	display:block;
	box-sizing:border-box;
	top:-30px;bottom:0;right:10px;
	width:40px;
	cursor:pointer;
}
#mainPanel.open #menuIcone
{
  right:calc(100% + 10px);
  height: 52px;
	border:0;
	z-index:1001;
	top:-10px;
}

#menuIcone .line, #menuIcone:before, #menuIcone:after {
	content:"";
	position:absolute;
	top:50%;right:2px;
	margin:-1px 0 0 0;
	width: 26px;
	height: 2px;
	background-color: #000000;
}
.home #menuIcone .line, .home #menuIcone:before, .home #menuIcone:after {
	background-color: #FFFFFF;
}
#menuIcone:before
{
	margin-top:-9px
}
#menuIcone:after
{
	margin-top:7px
}
#mainPanel.open #menuIcone:before
{
	right:50%;
	margin:-1px -13px 0 0;
	transform: rotateZ(45deg);
	background-color: #000000;
}
#mainPanel.open #menuIcone:after 
{
	right:50%;
	margin:-1px -13px 0 0;
	transform: rotateZ(-45deg);
	background-color: #000000;
}
#mainPanel.open #menuIcone .line 
{
	transform: scaleX(0);
}

#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#leftPanel #menuMain ul
{
	display:none;
	margin:0px;
	padding:0px;
}
#leftPanel #menuMain ul.menu0
{
	display:block;
}

#leftPanel #menuMain ul.menu2
{
	margin-bottom:20px;
}

#leftPanel #menuMain li
{
	position:relative;
	display:block;
	list-style-type: none;
	padding:0px;
	margin:0;
	text-indent:0; 
}
#leftPanel #menuMain li.menu0
{
	padding:0;
	border-bottom:1px solid #eeeeee;
}
#leftPanel #menuMain a.menu0:after
{
	content: "\e907";
	display:block;
	position:absolute;
	right:1px;
	top:20px;
	font-size:13px;
	color:#000000;
	font-family: 'icones_site' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform-origin:0 0;
	transform:rotate(90deg);
	
}
#leftPanel #menuMain ul.menu0 li
{
	padding:3px 0 3px 0;
}
#leftPanel #menuMain li.menu1 a:after
{
	content:"+";
	font-size:20px;
	position:absolute;
	right:15px;
	top:20px;
	color:#717171;	
	line-height:1px;
}
#leftPanel #menuMain li.menu1 a.menuselected:after
{
	content:"";
	top:23px;
	width:10px;
	height:1px;
	background:#717171;
}

#leftPanel #menuMain li > .menuwrapper > a
{
	display:block;
	font-size:16px;
	font-weight:300;
	line-height:normal;
	color:#000000;
	text-decoration:none;
	outline:none;
	margin:11px 0 11px 0;
	text-transform:lowercase;
}



#leftPanel #menuMain li > .menuwrapper > a.menu0
{
	margin:10px 0 10px 0;
	padding-left:20px;
	font-size:20px;
	font-weight:700;
	line-height:normal;
}

#leftPanel #menuMain li > .menuwrapper > a.menu1
{
	padding-left:40px;
}
#leftPanel #menuMain li > .menuwrapper > a.menu2
{
	padding-left:40px;
	color:#6c6c6c;
}

#leftPanel #menuMain li ul.menu2
{
	background-color:#f4f6f6;
	padding-top:10px;
	padding-bottom:10px;
}


/******************************************************************/
/* MENU BOTTOM */
/******************************************************************/
#menuBottomMain ul.menu0
{
	display:block;	
	margin:0 0 0 0;
	padding:0;
	font-size:0;
}
#menuBottomMain ul.menu0 ul
{
	display:none!important; /*pas de sous menu*/
}

#menuBottomMain li
{
	position:relative;
	display:inline-block;
	list-style-type: none;
	padding:0 0 0 10px;
	margin:0; 
	text-indent:0;
	font-size:0;
}
#menuBottomMain li:first-child
{
	padding:0;
}
#menuBottomMain li > .menuwrapper > a
{
	position:relative;
	display:inline-block;
	font-size:11px;
	font-weight:300;	
	line-height:normal;
	color:#7e7e7e;
	text-decoration:none;
	padding:0;
	margin:0 0 20px 0;
	border-bottom:1px solid transparent;
	text-transform:lowercase;
}
#menuBottomMain li > .menuwrapper > a:hover, #menuBottomMain li > .menuwrapper > a.menuselected:not(.parent)
{
	border-bottom:1px solid #7e7e7e;
}
@media only screen and (min-width:720px)
{
	#menuBottomMain ul.menu0
	{
		text-align:right;
	}

}
/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
.styleDivArrowAdmin
{
	display:none;
}
div.styleMenuAdmin 
{
	display:none; 
	position:absolute;
	padding: 0px;
	background-color:#f5f5f5;
	border:1px solid #999999;
	z-index:200;
	font-size:11px;
	text-align:left;
}
.myArrowAdmin
{
	cursor:pointer;
}
div.styleMenuAdmin div
{
	padding:2px 5px 2px 5px;
}
div.styleMenuAdmin div:hover
{
	background-color:#dddddd;
}

#menuBottomMain div.styleMenuAdmin
{
	bottom:12px;
}

div.styleMenuAdmin a
{
	font-family:Arial!important;
	font-size:11px!important;
	line-height:0px!important;
	color:black!important;
	text-decoration:none!important;
	text-transform:none!important;
	white-space:nowrap!important;
	padding:10px!important;
}

/*Classe pour cacher un niveau de menu, Ex. pour menu 2 niveaux déroulant on cache les ul.menu0*/
.hideLevel
{
	padding:0px;
	margin:0px;
	width:0px;
	height:0px;
}


/* MEDIA QUERIES */
@media only screen and (min-width:1200px)
{
	#leftPanel, #menuIcone
	{
		display:none;
	}

	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	/*REMARQUE: la notion ">" est indiquée dans les styles pour que les menu d'admin ne prenne pas le style des ul/li qui les contiennent */
	#menuMain ul
	{
		position:relative;
		display:block;
		margin:0;
		padding:0;
		z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	}
	#menuMain ul.menu0
	{
		margin:0 auto 0 auto;
	}
	
	#menuMain li
	{
		position:relative;
		display:block;
		list-style-type: none;
		padding:0;
		margin:0;
	}
	
	#menuMain li.menu0
	{
		position:absolute;
		display:block;
		top:0;left:0;right:0;
		box-sizing:border-box;
		opacity:0;
		max-height:0;
		overflow:hidden;
		z-index:1;
		transition:opacity 1s, max-height 1s;
	}
	
	#menuMain li.menu0.show
	{
		display:block;
		max-height:800px;
		opacity:1;
		z-index:2;
		overflow:visible; /*For Menu Admin*/
		transition:opacity 1s, max-height 1s;
	}
	#menuMain li.menu0 > .menuwrapper
	{
		margin:0 auto 0 auto;
		padding-bottom:20px;
	}
	
	
	/*permet de définir tous les a même s'ils ne sont pas mentionnés*/
	#menuMain ul li > .menuwrapper > a
	{
		display:block;
		font-size:17px;
		font-weight:700;
		line-height:normal;
		color:#000000;
		text-decoration:none;
		outline:none;
		margin:15px 0 15px 0;
		text-transform:lowercase;
	}
	
	#menuMain .menuwrapper a.menu0
	{
		/*font-size:110px;
		font-weight: 700;
		line-height:normal;
		color:#FFFFFF;
		text-decoration:none;
		margin:0;
		padding:0;
		box-sizing:border-box;
		display:inline-block;
		width:calc(60% - 5px);
		padding-right:12%;
		text-align:right;
		vertical-align:top;
		padding-top:180px;
		visibility:hidden;*/
		display:none;
	}
	
	#menuMain .menuwrapper a.menu0
	{
		visibility:visible;
	}

	
	/*2ème niveau*/
	#menuMain ul.menu1
	{
		font-size:0;
		background:#FFFFFF;
		display:inline-block;
		/*width:40%;*/
		min-width:40%;
		margin:0 0 0 1px;/*0 -1px 0 1px*/
		padding:55px 80px 55px 80px;
		box-sizing:border-box;
		vertical-align:top;
		float:right;
	}
	
	#menuMain li.menu1
	{
		margin:0 24px 20px 0;
	}
	
	/*Avec troisième niveau*/
	#menuMain ul.menu1.withSousMenu li.menu1
	{
		box-sizing:border-box;
		width:240px;
		float:left;
		margin:0 24px 35px 0;
	}
	#menuMain ul.menu1.withSousMenu li.menu1.divwrapper
	{
		clear:none;
	}
	#menuMain ul.menu1.withSousMenu > li:nth-child(5n + 1)
	{
		clear:both!important;
	}
	
	/*3ème niveau*/
	#menuMain li.menu1 ul
	{
		margin:0;
	}
	
	#menuMain ul.menu2
	{
		margin:0;
	}
	#menuMain ul.menu2 a
	{
		font-size:14px!important;
		font-weight: 300!important;
		color:#6c6c6c!important;
		margin:7px 0 7px 0!important;
	}
	
	#menuMain li.menu1 ul li > .menuwrapper > a:hover/*.menuHover*/, #menuMain li.menu1 ul li > .menuwrapper > a.menuselected
	{
		text-decoration:underline;
	}
	
	
	/******************************************************************/
	/* MENU BOTTOM */
	/******************************************************************/

	#menuBottomMain li
	{
		display:inline-block;
		vertical-align:top;
	}

	#menuBottomMain li > .menuwrapper > a
	{
		display:block;
		margin:0 10px 0 10px;
	}
	
	/**************************************************/
	/*Style pour le menu d'admin*/
	/**************************************************/
	.styleDivArrowAdmin
	{
		display:block;
		position:absolute;
		top:3px;left:-12px;
	}
	
	#menuMain li.menu0 > .menuwrapper > .styleDivArrowAdmin
	{
		top:10px;
		left:calc(60% + 20px);
		z-index:1003;
	}
	#menuMain li.menu0 > .menuwrapper > .styleDivArrowAdmin:before
	{
		content:"Modifier ou ajouter un menu";
		display:inline-block;		
		font-style:italic;
		padding-right:10px;
	}
	#menuMain li.menu0 > .menuwrapper div.styleMenuAdmin
	{
		right:0;
	}

	#menuMain li.menu1 > .menuwrapper > .styleDivArrowAdmin
	{
		top:14px;
		left:-5px;
	}
	
	
	#menuBottomMain li > .menuwrapper > .styleDivArrowAdmin
	{
		top:50%;
		left:-3px;
		margin-top:-3px;
	}
}#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:1200px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:70px;
		right:0;
		z-index:5;
	}
	.shopint #myaccountCtn
	{
		top:170px;	
	}
	.shopint.product #myaccountCtn
	{
		top:55px;
	}
	#myaccountCtn h5
	{
		margin:0px;
		padding:0px;
		font-size:16px;
		font-weight:bold;
		color:#ffffff;
		background:#000000;
		width:14px;
		padding:10px;
		text-align:center;
		word-break:break-all;
		float:left;
	}
	
	#myaccountCtn .infos
	{
		background:#ffffff;
		float:left;
		font-size:16px;
		max-width:0;
		max-height:187px;
		overflow:hidden;
		transition:max-width 0.3s, max-height 0.5s;
	}
	#myaccountCtn:hover .infos,
	#myaccountCtn.open .infos
	{
		max-width:300px;
		max-height:750px;
		padding:10px;
		border:1px solid #000000;
	}
	
	#myaccountCtn .infos .myAccountPart
	{
		margin-bottom:15px;
	}
	
	#myaccountCtn .infos .myAccountPart.first .title
	{
		font-weight:normal;
	}
	
	#myaccountCtn .infos .title
	{
		font-weight:bold;
		margin-bottom:10px;
	}
	
	#myaccountCtn .infos a
	{
		position:relative;
		display:block;
		margin:7px 0 7px 1px;
		padding-left:10px;
		text-decoration:none;
		font-weight:normal;
		color:#000000;
		transition:margin-left .2s;
	}
	#myaccountCtn .infos a:hover
	{
		margin-left:10px;
	}
	#myaccountCtn .infos a:before
	{
		position:absolute;
		display:block;
		left:0;
		top:50%;
		margin-top:-.5em;
		font-size:8px;
	}
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/
.btnConchita
{
	height:20px!important;
	color:#FFFFFF!important;
	background-color:#000000!important;
	font-family:Helvetica!important;
	font-size:12px!important;
	font-weight: bold!important;
	border-radius: 10px!important;
	box-sizing: border-box!important;
	padding:0 8px!important;
	border:0!important;
}

.tdLogin
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
	padding-left:18px;
}

.tdLogin #password, .tdLogin #login
{
	background-color:#EAEAEA;
	height:20px!important;
	border-radius: 10px!important;
	border:0!important;
}
.txtPopupLoginConchita .popupTd::first-letter
{
	text-transform: uppercase;
}
.txtPopupLoginConchita .popupTd
{
	vertical-align:middle;
}

.txtPopupLoginConchita
{
	color:#000000;
	font-weight: bold;
	font-family:Helvetica!important;
	font-size:12px!important;
}

#PwdReminder
{
	font-family:Raleway;
	font-size: 17px;
	font-weight:normal;
	line-height: 1.625;
    color:#000000;
	padding:20px 50px 20px 50px;
}

#PwdReminder input[type=text]
{
	display:block;
	width:100%;
	max-width:500px;
	box-sizing:border-box;
	font-family:raleway;
	font-size:17px;
	color:#000000;
	background:#ffffff;
	border:1px solid #000000;
	border-radius:5px;
	padding:5px;
}

#PwdReminder input[type=button]
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	max-width:220px;
	margin:20px 0 5px 0;
	padding:7px 14px 7px 14px;
	border:1px solid #000000;
	color:#000000;
	background:#ffffff;
	font-family:raleway;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	transition:all .5s;
}
#PwdReminder input[type=button]:hover
{
	background:#000000;
	color:#ffffff;
}#newsListCtn .listElement
{
	padding-bottom:18px;
}

#newsListCtn .listElement .date
{
	position:absolute;
	bottom:5px;
	right:14px;
	color:grey;
	font-size:11px;
}/*Styles spécifiques du plugin page en T1 */.int
{
	position:relative;
	padding-bottom:0;
}
#printsendCtn, #zoneShare
{
	display:none;
}
@media only screen and (min-width:1250px)
{	
	.int
	{
		padding-bottom:100px;
	}
	#printsendCtn
	{
		display:block;
		position:absolute;
		right:10px;
		z-index:4;
	}
	
	#printsendCtn > a
	{
		display:block;
		color:#000000;
		font-weight:300;
		margin-bottom:20px;
		text-align:center;
	}
	
	#printsendCtn > a.mail
	{
		font-size:20px;
		margin-bottom:15px;
	}
	
	#printsendCtn > a.print
	{
		font-size:19px;
	}
	
	#printsendCtn > a.pdf
	{
		font-size:19px;
		margin-bottom:12px;
	}
	#zoneShare
	{
		display:block;
	}
	#zoneShare .btn
	{
		text-align:right;
		margin-top:40px;
		width:calc(100% - 10% - 150px);
	}
	
	#zoneShare a.iconesite-picto_facebook
	{
		color:#000000;
		font-size:23px;
		display:inline-block;
		vertical-align:bottom;
		margin:0 20px 3px 0;
	}
	
	#zoneShare a.addthis_button_linkedin
	{
		background-image: url(/template/image/picto_linkedin.svg);
	    background-size: 100%;
	    width: 26px;
	    height: 26px;
	    display: block;
	    margin-top: 2px;
		display:inline-block;
		vertical-align:bottom;
	}
	
	#printsendCtn > a[rel=zoneShare]
	{
		transform:rotate(-90deg);
		margin-top:90px;
		margin-right:2px;
		font-weight:700;
		font-size:15px;
	}
	
	#printsendCtn > a[rel=zoneShare]:after
	{
		content:"";
		display:inline-block;
		vertical-align:middle;
		height:1px;
		background:#7e7e7e;
		width:80px;
		margin-left:15px;
	}
	#zoneShare
	{
		top:-100%;
		position:absolute;
		left:0;
		right:0;
		z-index:0;
		opacity:0;
	}
	#zoneShare.open
	{
		top:227px;
		background:#FFFFFF;
		height:100px;
		margin-top:-38px;
		z-index:5;
		opacity:1;
	}
	
	#zoneShare.open > div:nth-child(2)
	{
		transform:rotate(-90deg);
		font-weight:700;
		font-size:15px;
		color:#000000;
		position:absolute;
		right:10%;
		margin-top:41px;
		margin-right:50px;
		top:0;
	}
}
@media only screen and (min-width:1360px)
{
	#printsendCtn
	{
		right:5%;
	}
}
@media only screen and (min-width:1500px)
{
	#printsendCtn
	{
		right:10%;
	}
}.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.ressourceTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.ressourceBtnSearch
{
	/*height:20px;*/	
}



/*STYLE POUR LA ZONE DE RECHERCHE*/
#leftPanel #searchCtnAPI
{
	margin-top:60px;
	margin-bottom:25px;
}

#cse-search-box-api
{
	display:block;
	position:relative;
	height:100px;
	padding-right:90px;
	background:#ffffff;
}

#leftPanel #cse-search-box-api
{
	height:42px;
	padding:0 40px 0 10px;
	background:#ffffff;
	box-sizing:border-box;
	background:#f7f7f7;
} 

#leftPanel #cse-search-box-api input[type=text]
{
	background:transparent;
}

#cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:calc(100% - 116px);
	height:100%;
	background:#ffffff;
	border:0;
	outline:0;
	padding:0 0 0 20px;
  	font-size: 18px;
	font-weight:300;
	color:#7e7e7e;
	font-family: europa,sans-serif;
	text-decoration:none;
	text-align:right;
	box-sizing:border-box;
}
#leftPanel #cse-search-box-api input[type=text]
{
	width:100%;
	padding:0 10px 0 40px;
	text-align:left;
}
#cse-search-box-api input[type=text].placeholder
{
	color:#7e7e7e;
}

#cse-search-box-api input[type=text]::-ms-clear{ display: none; width:0; height:0; }

#cse-search-box-api .submit
{
	display:block;
	position:absolute;
	top:0;
	right:0;
	box-sizing:border-box;
	width:116px;
	height:100%;
	background:#000000;
	cursor:pointer;
	outline:0;
	overflow:hidden;
	color:#FFFFFF;
	cursor:pointer;
	
}
#cse-search-box-api .submit:before
{
	content: "\e90d";
	display:block;
	position:absolute;
	left:0;
	top:20px;
	font-size:16px;
	font-family: 'icones_site' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform-origin:0 0;
	transform:rotate(90deg);
	top:45px;
	left:64px;
}
#leftPanel #cse-search-box-api .submit
{
	top:0;
	left:0;
	width:40px;
	background:transparent;
} 
#leftPanel #cse-search-box-api .submit:before
{
	color:#808080;
	left:40px;
	top:15px;
}


#cse-search-box-api input[type=submit]
{
	display:block;
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:none;
	border:none;
	font-family: 'Raleway';
  	font-size: 17px;
	font-weight:500;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
  	color:#000000;
}
#leftPanel #cse-search-box-api input[type=submit]
{
	font-size:0;
}
/*STYPE POUR LES RESULTATS DE RECHERCHE*/
#searchapiResultsCtn
{
	position:relative;
	display:block;
}
#searchapiResultsCtn .headCtn
{
	display:block;
	padding-bottom:10px;
	margin-bottom:40px;
	border-bottom:1px solid #cacaca;
}
#searchapiResultsCtn .headCtn .count
{
	display:block;
	font-weight:normal;
	margin-top:30px;
}

#searchapiResultsCtn .noresult
{
	font-style:italic;
}

#searchapiResultsCtn .results
{
	display:block;
	margin:20px 0 20px 0;
}

#searchapiResultsCtn .results .result
{
	display:block;
	margin-bottom:40px;
	color:inherit; /*keep color of text, not of a*/
	text-decoration:none;
	line-height:normal;
}

#searchapiResultsCtn .results .result .title
{
	display:block;
	font-weight:bold;
	font-size:1.1em;
	padding:0;
	margin:0 0 5px 0;
	border:none;
}
#searchapiResultsCtn .results .result .link
{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.85em;
	/*color:#006621;*/
	margin:0 0 10px 0;
}
#searchapiResultsCtn .results .result .data
{
	display:block;
}
#searchapiResultsCtn .results .result .data:after
{
	content:"";
	display:block;
	clear:both;
}

#searchapiResultsCtn .results .result .data .img
{
	display:block;
	float:left;
	width:40%;
	margin-right:10px;
	margin-bottom:5px;
}
#searchapiResultsCtn .results .result .data .txt
{
	display:inline;
}
#searchapiResultsCtn .results .result .data .img img
{
	display:block;
	width:100%;
	height:auto;
	border:none;
}
#searchapiResultsCtn .results .result .data .img:empty
{
	display:none;
}
#searchapiResultsCtn .results .result .data .img:empty + .txt
{
	width:100%;
}

#searchapiResultsCtn .results .result .data .txt .snippet br
{
	display:none;
}

#searchapiResultsCtn .results .result .data .txt .format
{
	display:block;	
}

#searchapiResultsCtn .steps
{
	display:block;
	margin:20px 0 20px 0;
}

#searchapiResultsCtn .steps a
{
	display:inline-block;
	padding:5px;
	text-decoration:none;
}

#searchapiResultsCtn .steps a.bolder
{
	font-weight:bold;
}

@media only screen and (min-width:641px)
{
	#searchapiResultsCtn .results .result .data .img
	{
		width:15%;
		margin-right:2%;
		margin-bottom:0;
	}
	#searchapiResultsCtn .results .result .data .txt
	{
		float:left;
		width:78%;
	}
}/*Connexion pour leftPanel*/
#leftPanel .shopConnexionHolder
{
	background:#313131;
	position:relative;
	height:53px;
}

#leftPanel .shopConnexionHolder div
{
	height:100%;
}

#leftPanel .shopConnexionHolder > div > div:before
{
	content:"";
	display:inline-block;
	height:100%;
	width:1px;
	vertical-align:middle;
}
#leftPanel .shopConnexionHolder .icone
{
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	width:28px;
	height:28px;
	margin:0 0 0 10px;
	border:1px solid #FFFFFF;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100% auto;
}

#leftPanel .shopConnexionHolder .connect .icone
{

}

#leftPanel .shopConnexionHolder a
{
	color:#9e9e9e;
	font-weight:normal;
	text-transform: lowercase;
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 60px);
}

#leftPanel .shopConnexionHolder a:nth-child(3), #leftPanel .shopConnexionHolder .connect a:nth-child(2)
{
	display:none;
}

#leftPanel .shopConnexionHolder .connect a:nth-child(3),  #leftPanel .shopConnexionHolder a:nth-child(2)
{
	display:inline-block;
}

/* SHOP */
.shopbtnctn
{
	position:relative;
	display:block;
	margin:0;
}
.shopbtnctn a
{
	position:relative;
	display:block;
	box-sizing:border-box;
	max-width:220px;
	margin:20px 0 20px 0;
	padding:7px 14px 7px 14px;
	border:1px solid #000000;
	color:#000000;
	background:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	transition:all .5s;
}
.shopbtnctn a + a
{
	margin-top:0;
}
.shopbtnctn a:before
{
	content:"/ ";
}
.shopbtnctn a:hover
{
	background:#000000;
	color:#ffffff;
}

.shop.shopint #pageHolder 
{
	margin:0;
}
.shop.shopint .shopwrapper
{
	padding:0 0 60px 0;
	
}
.shopfilterwrapper
{
	background:#FFFFFF;
	padding:0 20px 20px 20px;
	position:relative;
	z-index:1;
}
@media only screen and (min-width:1000px)
{
	.shopfilterwrapper
	{
		margin-top:-140px;
		padding:0;
	}
	.shop.shopint .shopwrapper
	{
		padding:60px 0 60px 0;
	}
}
@media only screen and (min-width:1200px)
{

	.shop.shopint #pageHolder .mainctn.content
	{
		float:none;
		width:auto;
	}
	
	.shop.shopint .shopwrapper
	{
		padding:120px 0 100px 0;
	}
	
}


/* PANIER */
#panierCtn .paniercontentctn
{
	position:relative;
	display:block;
	margin:0;
}

#panierCtn .shopbtnctn
{
	margin:40px 0 0 0;
	text-align:right;
	font-size:0;
}
#panierCtn .shopbtnctn a
{
	display:inline-block;
	margin-left:15px;
	width:220px;
}

#cartProductCtn
{
	position:relative;
	display:block;
	margin:0 0 0px 0;
	border-bottom:1px solid #000000;
}
#cartProductCtn .productElement
{
	position:relative;
	display:block;
	margin-bottom:30px;
}
#cartProductCtn .productElement .descritption
{
	display:block;
	box-sizing:border-box;
	padding-right:10px;
	margin-right:30px;
	margin-bottom:5px;
}
#cartProductCtn .productElement .descritption .name, #cartProductCtn .productElement .descritption .name > a
{
	display:block;
	font-weight:bold;
	font-size:17px;
	color:#000000;
}
#cartProductCtn .productElement .descritption .infos, #cartProductCtn .productElement .descritption .infos > a 
{
	display:block;
	font-weight:normal;
	font-size:16px;
}
#cartProductCtn .productElement .quantity
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:16%;
	text-align:left;
	font-family:roboto;
	font-weight:normal;
	font-size:17px;
	
}
#cartProductCtn .productElement .quantity a
{
	font-weight:normal;
	padding:0 10px 0 10px;
	border:1px solid #000000;
	width:30px;
	display:inline-block;
	box-sizing:border-box;
	
}
#cartProductCtn .productElement .quantity:after
{
	content:" x";
}
#cartProductCtn .productElement .unitprice
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:42%;
	padding-right:10px;
	text-align:right;
	font-family:roboto;
	font-weight:normal;
	font-size:17px;
}
#cartProductCtn .productElement .price
{
	display:block;
	position:relative;
	float:left;
	box-sizing:border-box;
	width:42%;
	text-align:right;
	font-family:roboto;
	font-weight:bold;
	font-size:17px;
}
#cartProductCtn .productElement .price:before
{
	content:"=";
	position:absolute;
	left:0;
	font-weight:normal;
}
#cartProductCtn .productElement .delicon, #shopcommandeCodePromo .delicon
{
	position:absolute;
	display:block;
	right:0;
	top:4px;
	width:22px;
	height:22px;
	background:#343434;
	border-radius:50%;
	cursor:pointer;
}

#cartProductCtn .productElement .delicon:before,#cartProductCtn .productElement .delicon:after,
#shopcommandeCodePromo .delicon:before,#shopcommandeCodePromo .delicon:after
{
	content:"";
	position:absolute;
	width:60%;
	height:2px;
	background:#ffffff;
	top:50%;left:20%;
	margin-top:-1px;
	transform-origin:center center;
	transform:rotate(45deg);
}
#cartProductCtn .productElement .delicon:after, #shopcommandeCodePromo .delicon:after
{
	transform:rotate(-45deg);
}

#cartTotauxCtn
{
	position:relative;
	display:block;
	box-sizing:border-box;
	margin:20px 0 0 0;
	border-bottom:3px double #000000;
}
#cartTotauxCtn > div
{
	position:relative;
	display:block;
	box-sizing:border-box;
	margin-bottom:10px;
	font-size:0;
}
#cartTotauxCtn > div > .label
{
	display:inline-block;
	width:58%;
	font-size:17px;
	font-weight:normal;
}
#cartTotauxCtn > div > .value
{
	display:inline-block;
	width:42%;
	text-align:right;
	font-family:roboto;
	font-weight:normal;
	font-size:17px;
}
#cartTotauxCtn > div.totalcmd
{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #000000;
}

#cartTotauxCtn > div.totalcmd > .label, #cartTotauxCtn > div.totalcmd > .value,
#cartTotauxCtn > div.ht > .label, #cartTotauxCtn > div.ht > .value
{
	font-weight:bold;
}

@media only screen and (min-width:720px)
{
	#panierCtn .shopbtnctn
	{
		margin:40px 60px 0 0;
	}
		
	#cartProductCtn
	{
		margin:0 60px 0 40px;
		padding-bottom:10px;
	}
	#cartProductCtn .productElement
	{
		position:relative;
		display:block;
		margin-bottom:10px;
	}
	#cartProductCtn .productElement .descritption
	{
		float:left;
		width:48%;
		margin-right:0;
		margin-bottom:0;
	}

	#cartProductCtn .productElement .quantity
	{
		width:12%;
		text-align:right;
		padding-right:10px;
	}
	
	#cartProductCtn .productElement .quantity a
	{
		width:40px;
	}

	#cartProductCtn .productElement .unitprice
	{
		width:20%;
	}
	#cartProductCtn .productElement .price
	{
		width:20%;
	}
	#cartProductCtn .productElement .delicon
	{
		right:-60px;
	}
	
	#cartTotauxCtn
	{
		margin:20px 60px 0 0;
		width:40%;
		float:right;
	}
	
	#cartTotauxCtn > div > .label
	{
		display:block;
		float:left;
		width:50%;
	}
	#cartTotauxCtn > div > .value
	{
		display:block;
		float:right;
		width:50%;
	}
}

/* ASK FOR ACCOUNT */
#askforaccountCtn, #coordCtn
{
	position:relative;
}
#askforaccountCtn > fieldset
{
	display:block;
	box-sizing:border-box;
	padding:10px;
	margin:0 0 40px 0;
}
#askforaccountCtn > fieldset > legend
{
	font-family:Raleway;
	font-size:15px;
	font-weight:bold;
}
#askforaccountCtn > fieldset:nth-child(2n+2)
{
	margin-right:0;
}

#askforaccountCtn > fieldset > .txt
{
	display:block;
	margin:0 0 20px 0;
}
.shopfieldctn
{
	display:block;
	margin:0 0 15px 0;
}
.shopfieldctn > label
{
	display:block;
	margin-bottom:5px;
	line-height:normal;
	font-weight:500;
}
.shopfieldctn > label.mandatory
{
	background:none;
}
.shopfieldctn > label.mandatory:after
{
	content:"*";
}

.shopfieldctn > input[type=text], .shopfieldctn > input[type=password], .shopfieldctn > textarea, .shopfieldctn > select, #shopcommandeCodePromo input[type=text], #shopcommandeCodePromo textarea
{
	display:block;
	width:100%;
	max-width:500px;
	box-sizing:border-box;
	font-family:raleway;
	font-size:17px;
	color:#000000;
	background:#ffffff;
	border:1px solid #000000;
	border-radius:5px;
	padding:5px;
}

#shopcommandeCodePromo input[type=text]
{
	max-width:150px;	
}

#shopcommandeCodePromo .infos > div
{
	position:relative;
	float:left;
	box-sizing:border-box;
	padding-right:10px;
	margin-top:5px;
}

#shopcommandeCodePromo .title
{
	font-weight:bold;
	padding:0;
	margin:20px 0 5px 0;
}

#shopcommandeCodePromo .buttonshop
{
	margin-top:0;
}

#shopcommandeCodePromo .rem, #shopcommandeAction .rem
{
	font-size:.8em;
	margin-top:5px;
}
#shopcommandeAction .rem
{
	margin-left:25px;
}

.shopfieldctn > textarea
{
	height:3.5em;
}
#shopcommandeCodePromo textarea
{
	height:12em;
	max-width:604px;
}
.shopfieldctn.firstsmall > input[type=text]
{
	float:left;
	width:50%;
	max-width:60px;
	margin-right:1%;
}
.shopfieldctn.firstsmall > input[type=text] + input[type=text]
{
	width:calc(100% - 60px - 1%);
	max-width:calc(500px - 60px - 1%);
	margin-right:0;
} 


.shopfieldctn > input[type=text].mandatoryFailed, .shopfieldctn > input[type=password].mandatoryFailed, .shopfieldctn > textarea.mandatoryFailed, .shopfieldctn > select.mandatoryFailed
{
	background-color: #FFE3E8;
  	border:1px dotted red;
}
#askforaccountCtn > fieldset > .error
{
	line-height:normal;
	font-size:14px;
}

.buttonshopctn
{
	margin-top:40px;
}
.buttonshop
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	max-width:220px;
	margin:20px 0 5px 0;
	padding:7px 14px 7px 14px;
	border:1px solid #000000;
	color:#000000;
	background:#ffffff;
	font-family:raleway;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	transition:all .5s;
}
.buttonshop:hover
{
	background:#000000;
	color:#ffffff;
}
a.buttonshop:before
{
	content:"/ ";
}

.buttonshop.continuer
{
	margin-right:10px;
}

.buttonshop.guest
{
	max-width:250px;
	display:block;
}

.buttonshop.forget
{
	max-width:none;
	padding:4px 14px 3px 14px;
}

@media only screen and (min-width:720px)
{
	
	#askforaccountCtn > fieldset
	{
		float:left;
		width:45%;
		margin:0 5% 0 0;
		min-height:320px;
		padding:20px;
	}
	
	#coordCtn
	{
		margin:0 0 0 40px;
	}
}

/* SHOP COMMANDE*/
#shopError
{
	display:block;
	border:2px solid red;
	margin:40px 0 40px 0;
	padding:20px;
	color:red;
	font-weight:bold;
}
#shopError.green
{
	border:2px solid green;
	color:green;
}
#shopFrmCommande
{
	position:relative;
}
#shopFrmCommande.masked:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:#ffffff;
	z-index:10;
	opacity:.4;
}

#shopcommandeCtn, #shopcommandeAction, , #shopcommandeCodePromo
{
	position:relative;
	margin:0;
}
#shopcommandeCtn h2, #shopcommandeAction h2, #shopcommandeCodePromo h2
{ 
	font-size:27px;
}
#shopcommandeAction .shopcgu
{
	position:relative;
	margin:40px 0 20px 0;
}

#shopcommandeAction .shopcgu > input[type=checkbox]
{
	display:block;
	position:absolute;
	top:5px;left:0;
}
#shopcommandeAction .shopcgu > a
{
	display:inline-block;
	margin:0 0 5px 30px;
	font-weight:500;
}
#shopConditionError
{
	margin-left:30px;	
}

#shopcommandeCtn .shopadressectn > .shopadresse
{
	position:relative;
	display:block;
	box-sizing:border-box;
	margin-bottom:40px;
} 

#shopcommandeCtn .shopadressectn > .shopadresse h2
{
	margin-top:0;
}
#shopEditCart
{
	text-align:right;
	margin:5px 0 0 0;
}
#shopcommandeCtn .shopadressectn > .shopadresse > a.edit, #shopEditCart > a.edit
{
	display:inline-block;
	margin:5px 0 0 0;
	font-size:.9em;
	font-weight:bold;
} 

#shopcommandeAction .paybyctn .title
{
	margin:0 0 10px 0;
}
#shopcommandeAction .paybyctn > div
{
	margin-bottom:10px;
}
#shopcommandeAction .paybyctn label
{
	font-weight:bold;
}
 

@media only screen and (min-width:720px)
{
	#shopcommandeCtn, #shopcommandeAction, #shopcommandeCodePromo
	{
		margin:0 0 0 40px;
	}
	
	#shopcommandeCtn h2, #shopcommandeAction h2, #shopcommandeCodePromo h2
	{ 
		font-size:29px;
	}
	
	#shopcommandeCtn .shopadressectn > .shopadresse
	{
		float:left;
		width:50%;
		padding-right:40px;
		margin-bottom:0;
	} 
	
	#shopEditCart
	{
		margin-right:60px;
	}
}

/* SHOP THANKS */
#shopThanksCtn
{
	position:relative;
}
#shopThanksCtn > div
{
	margin-bottom:20px;
}
#shopThanksCtn > div > span
{
	display:block;
}

#shopThanksCtn > div > a.cms_icons-doc_pdf_2
{
	position:relative;
	display:inline-block;
	font-weight:bold;
	padding:3px 0 3px 35px;
	text-decoration:none;
}
#shopThanksCtn > div > a.cms_icons-doc_pdf_2:before
{
	position:absolute;
	display:block;
	left:0;
	top:3px;
	font-size:25px;
	font-weight:normal;
}
@media only screen and (min-width:720px)
{
	#shopThanksCtn
	{
		margin:0 0 0 40px;
	}
}

/* SHOP MY ORDER */
#myOrderCtn
{
	position:relative;
	margin:0 0 40px 0;	
}

#myOrderCtn .header, #myOrderCtn .order
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:10px 0 10px 50px;
	border-bottom:1px solid #000000;
}
#myOrderCtn .header
{
	display:none;
	font-weight:bold;
}

#myOrderCtn .order:hover
{
	background:#eeeeee;
}
#myOrderCtn .order:before
{
	position:absolute;
	top:50%;left:5px;
	margin-top:-12px;
	font-size:24px;
}
#myOrderCtn .order > div
{
	position:relative;
	display:block;
	font-weight:normal;
}

#myOrderCtn .order > div > label
{
	display:inline-block;
	font-weight:bold;
	margin-right:5px;
}

#myOrderCtn .msg
{
	margin:20px 0 20px 0;
}
#myOrderCtn.msg:empty
{
	display:none;
}

@media only screen and (min-width:720px)
{
	#myOrderCtn
	{
		margin:0 0 40px 40px;	
	}
	
	#myOrderCtn .order, #myOrderCtn .header
	{
		display:block;
		padding:10px 0 10px 10%;
	}
	
	#myOrderCtn .header > div
	{
		float:left;
		width:25%;
	}
	
	#myOrderCtn .order > div
	{
		float:left;
		width:25%;
	}
	#myOrderCtn .order > div > label
	{
		display:none;
	}
}

/*SHOP CONFIG PAYS*/
#formshopConfig .paysctn
{
	display:block;
}
#formshopConfig .paysctn .activation > input[type=checkbox]
{
	display:block;
	float:left;
	margin:7px 0 0 0;
	width:20px;
}
#formshopConfig .paysctn .activation > div
{
	display:block;
	float:left;
	font-weight:bold;
}
#formshopConfig .paysctn .config
{
	display:none;
}
#formshopConfig .paysctn.checked
{
	margin-bottom:20px;
}
#formshopConfig .paysctn.checked .config
{
	display:block;
	margin-left:20px;
	font-size:.9em;
}

#formshopConfig .paysctn .config label
{
	display:block;
	clear:both;
	float:left;
	width:40%;
	margin-top:5px;
}
#formshopConfig .paysctn .config label > span
{
	display:inline-block;
	witespace:nowrap;
	font-size:.9em;
	margin:-5px 0 0 5px;
}
#formshopConfig .paysctn .config input
{
	display:block;
	float:left;
	font-weight:normal;
	width:50px;
	margin-top:5px;
}
#formshopConfig .paysctn .config input + span
{
	float:left;
	margin-left:5px;
}
/*SHOP Edit Order*/
#formEditShopOrder
{
	display:block;
	width:1530px;
	max-width:100%;
}

#formEditShopOrder .wrapper .left
{
	display:block;
	float:left;
	width:40%;
	height:800px;
	overflow:hidden;
}
#formEditShopOrder .wrapper .right
{
	display:block;
	float:left;
	width:60%;
	height:800px;
}
#formEditShopOrder .wrapper .left fieldset
{
	box-sizing:border-box;
	height:800px;
	overflow:auto;
}

#formEditShopOrder .wrapper .right > iframe
{
	display:block;
	width:100%;
	height:800px;
}

#formEditShopOrder .editelement
{
	display:block;
	margin-bottom:10px;
}
#formEditShopOrder .editelement label
{
	display:block;
	font-weight:bold;
}
#formEditShopOrder .editelement select
{
	display:block;
	width:100%;
}
#formEditShopOrder .editelement textarea
{
	display:block;
	width:100%;
	height:4em;
}
#formEditShopOrder .historyctn
{
	margin-top:20px;
}
#formEditShopOrder .history
{
	font-size:.9em;
	margin:20px 0 20px 0;
}
#formEditShopOrder .history > div:first-child
{
	margin-top:10px;
	font-weight:bold;
}

/*SHOP SEARCH ADMIN ORDER AND CUSTOMER*/
.shopadminsearchctn
{
	position:relative;
	display:block;
	padding:20px;
	background:#eeeeee;
	border:1px solid #000000;
	margin-bottom:30px;
}

.shopadminsearchctn .shopadminsearch
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:25%;
	padding-right:20px;
}
.shopadminsearchctn.with3 .shopadminsearch
{
	width:33.33%;
}

.shopadminsearchctn .shopadminsearch label
{
	display:block;
	font-weight:bold;
}
.shopadminsearchctn .shopadminsearch input[type=text], .shopadminsearchctn .shopadminsearch select
{
	display:block;
	width:100%;
	background:#ffffff;
	font-family:Raleway;
	font-size:17px;
	line-height:normal;
	font-weight:normal;
}

.shopadminsearchctn .shopadminsearch.submitctn
{
	float:none;
	clear:both;
	width:auto;
	text-align:right;
}

a.tocsv
{
	font-size:.9em;
	text-transform:lowercase;
}
a.tocsv:before
{
	font-size:20px;
	margin-right:5px;
}

#shoporderListResultCtn
{
	position:relative;
	padding-top:20px;
}
#shoporderListResultCtn a.tocsv
{
	position:absolute;
	top:-10px;
	right:5px;
}

/*Style pour le shop*/
#shopCategoryHeader
{
	height:23px;
	background-color:#7C7C7E;
	color:#FDFCFC;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:10px;
	padding-top:10px;
}

#shopCategoryDiv
{
	background-color:#E4E3E3;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
}

#shopBtnAllPromo, #shopBtnAllNews
{
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.shopproductlist
{
	width:188px;
	height:197px;
	border-right:1px solid #7C7C7E;
	border-bottom:1px solid #7C7C7E;
	margin-right:10px;
	cursor:pointer;
	background-color:#ffffff;
}

#shopproductList .zoneMenu
{
	top:35px;
	z-index:1;
}

.shopproductlistimg
{
	height:122px;
	background-repeat:no-repeat;
	background-position:center;
}

.shopproductbgpromo
{
	height:64px;
	/*background:url(/plugin/shop/template/image/promo.png) no-repeat top right;*/
}

.shopproductbgnew
{
	height:64px;
	/*background:url(/plugin/shop/template/image/news.png) no-repeat top right;*/
}

.shopproductlisttitle
{
	height:33px;
	text-align:center;
	vertical-align:center;
	font-size:12px;
	font-weight:bold;
}

.shopproductlisttitle a
{
	text-decoration:none;
}

.shopproductlistfooterctn
{
	height:41px;
	background-color: #F7CF07;
}

.shopproductlistfootertbl
{
	width:170px;
	margin-left:10px;
	margin-bottom:4px;
	color:#474747;
	font-size:12px;
	font-weight:bold;
}

.shopproductprice
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}

.shopproductpricebarre
{
	color:#4C4C4D;
	font-weight:bold;
	text-decoration:line-through;
	font-size:14px;
}

.shopproductpromo
{
	color:#9D0D15;
	font-weight:bold;
	font-size:14px;
}

.shoph1
{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background-color: #F6C101;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:9px;
	margin:0px;
}

.shoph1 a
{
	color:inherit;
	text-decoration:none;
}

.shopref
{
	font-size:12px;
	font-weight:normal;
	color:#3F3F40;
	margin-top:3px;
	margin-bottom:20px;
}

.shopaccroche
{
	width:218px;
	height:164px;
	border:1px solid #7E7E80;
	margin-right:15px;
}

.shopaccroche img
{
	display:block;
}

.shophtmlctn
{
	margin-bottom:20px;
}

.shopTDOptions
{
	padding-bottom:20px;
}

.shopTblPrice
{
	margin-bottom:20px;
}

.shopTblPriceLabel
{
	text-transform: uppercase;
	font-size: 14px;
	font-color:#4C4C4D;
	font-weight:bold;
	padding-right:7px;
}

.shopTblPrice .shopproductprice
{
	color:#4C4C4D;
}

.shopcrosstitle
{
	font-size:14px;
	color:#3F3F40;
	font-weight:bold;
	padding-bottom:3px;
	margin-left:8px;
	border-bottom:1px solid #7C7C7E;
}

.shopinput
{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	border:0px;
	padding:5px;
}

.shopinput[disabled]
{
 	color:#A6A6A6;
 	font-size:11px;
 	font-style:italic;
}

.shopinputdiv
{
	width:145px;
	padding:5px;
	background-color: #F6C101;
	cursor:pointer;
	margin-bottom:14px;
}

.shopinputdiv2
{
	width:145px;
	padding:5px;
	background-color: #7C7C7E;
	cursor:pointer;
	margin-bottom:14px;
}

.shopinputdiv a, .shopinputdiv2 a
{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	border:0px;
	text-decoration:none;
}

/*Admin promo*/
#promosList .old
{
	opacity:0.5;
}

#ZoneTxtOptions
{
	padding:5px;
	margin:5px 15px 0 0;
	font-size:14px;
	background:#dcdcdc;
}

#ZoneTxtOptions .opt
{
	margin-top:5px;
	cursor:pointer;
}

#ZoneTxtOptions .subopt
{
	padding-left:10px;
	font-style:italic;
	cursor:pointer;
}

#ZoneTxtOptions:empty
{
	padding:0;
}

/*ADMIN*/
#divcategoryMapCtn .cols
{
	padding:8px;
}



#divcategoryMapCtn h5
{
	font-size:22px;
	margin-top:0;
}

#shopcategory .imgcropctn > img
{
	opacity:1;
	top:0;
	width:100%;
}
#shopcategory .imgcropctn:before
{
	padding-top:74.10%;
}
#shopcategory .imgcropctn
{
	border:0;
}
/* CATEGORY AS LIST **********/

#shopcategoryListCtn .listElement
{
	display:block;
	float:left;
	transition:all .5s;
	margin:0 0 0 0;
	width:33.33% ;
}
#shopcategoryListCtn .listElement h5
{
	font-size:17px;
	text-transform:lowercase;
}
#shopcategoryListCtn .listElement h5:after
{
	display:none;
}

#shopcategoryListCtn .listElement:nth-child(even) .img
{
	left:auto;
	right:auto;
}

#shopcategoryListCtn .listElement:before, .imgcropctn.gallery:before
{
	content:"";
	position:relative;
	display:block;
	top:0;left:0;
	
	opacity:1;
	background:none;
	padding-top:74.10%;
}

#shopcategoryListCtn .listElement:nth-child(3n + 1)
{
	width:100%;
	clear:both;
}

#shopcategoryListCtn .listElement:nth-child(3n + 2)
{
	margin: 10px 5px 10px 0;
	width:calc(50% - 5px);
}

#shopcategoryListCtn .listElement:nth-child(3n + 3)
{
	margin: 10px 0 10px 5px;
	width:calc(50% - 5px);
}

	
@media only screen and (min-width:900px)
{
	#shopcategoryListCtn .listElement h5
	{
		font-size:25px;
	}
	#shopcategoryListCtn .listElement:before, .imgcropctn.gallery:before
	{
		content:"";
		position:relative;
		display:block;
		top:0;left:0;
		
		opacity:1;
		background:none;
		padding-top:74.10%;
	}	
	#shopcategoryListCtn .listElement:nth-child(1):before
	{
		padding-top:74.10%;
	}
	
	#shopcategoryListCtn .listElement:nth-child(6n + 1)
	{
		width:66.66%;
		clear:both;
	}
	 #shopcategoryListCtn .listElement:nth-child(6n + 5)
	{
		width:66.66%;
	}
	
	#shopcategoryListCtn .listElement:nth-child(6n + 5)
	{
		float:right;
		margin:5px -10px 5px 0;
	}
	
	#shopcategoryListCtn .listElement:nth-child(6n + 2)
	{
		margin: 0 -10px 5px 10px;
		width:33.33%;
	}
	
	#shopcategoryListCtn .listElement:nth-child(6n + 2) .img, #shopcategoryListCtn .listElement:nth-child(6n + 3) .img,
	#shopcategoryListCtn .listElement:nth-child(6n + 4) .img, #shopcategoryListCtn .listElement:nth-child(6n + 6) .img
	{
		height:calc(100% - 5px);
	}
	#shopcategoryListCtn .listElement:nth-child(6n + 3)
	{
		margin: 0 -10px 0 10px;
		width:33.33%;
	}
	
	#shopcategoryListCtn .listElement:nth-child(6n + 4) .img, #shopcategoryListCtn .listElement:nth-child(6n + 6) .img
	{
		width:100%;
	}
	#shopcategoryListCtn .listElement:nth-child(6n + 4)
	{
		margin: 5px 0 5px 0;
		width:33.33%;
		clear:none;
	}
	#shopcategoryListCtn .listElement:nth-child(6n + 6)
	{
		margin: 0 0 5px 0;
		width:33.33%;
	}
}
#shopcategoryListCtn .listElement .img
{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	
	float:left;

		position:absolute;
		top:0;
		left:0;
		bottom:0;
}

/* CATEGORY AS FILTERING IN LEFTCOL **********/
.shopproductwrapper
{
	padding-top:20px;
}
.shopfilterctn
{
	display:block;
	vertical-align:top;
	width:100%;
	height:90px;
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	box-sizing:border-box;
	position:relative;
	
}

/*On cache les catégories*/
.shopfilterctn.categorie, .shopfilterctn.subcategorie,
.shopfilterctn.categorie .openCtn, .shopfilterctn.subcategorie .openCtn
{
	background:#f4f4f4;
	--border-color:black;
}



.shopfilterctn .nameBox
{
	padding-left:20px;
	font-size:17px;/*15px*/;
	font-weight:700/*300*/;
	color:#000000;/*#ababab*/;
	text-transform:lowercase;
	position:absolute;
	bottom:5px;
}
.shopfilterctn.orderby  .nameBox
{
	bottom:-10px;
	--padding-left:25px;
	padding-left:20px;
}

.shopfilter.show
{
	position:relative;
	display:block;
	margin:0 0 10px 0;
}

.shopfilter .openCtn
{
	position:absolute;
	top:88px;
	left:0;
	z-index:3;
	background:#FFFFFF;
	width:100%;
	background:#FFFFFF;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	
}
.shopfilter .filter
{
	position:relative;
	display:block;
	z-index:4;
}
.shopfilter .filter:hover{
	z-index:5;
}
.shopfilterctn.categorie .shopfilter.show ~ .shopfilter.show 
{
	display:none;
}
.shopfilterctn.subcategorie > .shopfilter.show[rel='0'] 
{
	display:none;
}

.shopfilter .filter.none a
{
	max-height:0!important;
	padding:0!important;
	overflow:hidden;
}

.shopfilter .filter a
{
	position:relative;
	display:block;
	max-height:0;
	padding:0;
	overflow:hidden;
	color:#636363;
	font-size:17px;
	line-height:normal;
	font-weight:300;
	/*text-transform:lowercase;*/
	/*transition:max-height .75s, padding .75s;*/
}


.shopfilter .filter.selected a
{
	max-height:2.5em;
	padding:20px 20px 5px 20px;
	font-weight:300/*700*/;
	font-size:23px;
	text-transform:lowercase;
	color:#ababab;/*#000000;*/
}

.shopfilter.hover .filter a
{
	max-height:2.5em;
	padding:10px 20px 10px 20px;
}
.shopfilter.hover .filter:first-child a
{
	padding:20px 20px 5px 20px;
	
}
/*.shopfilter .filter[rel=navig] a
{
	font-weight:700;
	font-size:23px;
	text-transform:lowercase;
	color:#000000;
}*/
.shopfilter.show .openCtn 
{
	top:0;
    border:0;
}

.shopfilter.show.hover .openCtn 
{
	/*padding-top:89px;*/
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	height: 300px;
	overflow-y: scroll;
	margin-top:60px;
	padding-top:29px;
}


.shopfilterctn:before
{
	content: "\e907";
	display:block;
	position:absolute;
	right:15px;
	bottom:20px;
	margin-top:-1px;
	font-size:12px;
	width:14px;
	height:2px;
	color:#000000;
	transform:rotate(90deg);
	
	  font-family: 'icones_site' !important;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
	
	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
}

.shopfilter .filter > .admmenu
{
	display:none;
}
.shopfilter.hover .filter > .admmenu
{
	position:absolute;
	display:block;
	top:0;right:10px;bottom:0;
	background:#ffffff;
}
.shopfilter.hover .filter > .admmenu div.styleMenuAdmin
{
	top:5px;
	right:10px;
}
.shopfilter.hover .filter > .admmenu > img.myArrowAdmin
{
	display:block;
	margin-top:16px;
}


@media only screen and (min-width:1000px)
{
	.shopproductwrapper
	{
		padding-top:60px;
	}
	.shopfilterctn
	{
		/*display:inline-block;*/
		float:left;
		width:24%;
		border-bottom:1px solid #e6e6e6;
		border-right:0;
		margin-bottom:60px;
	}
	.shopfilter.show
	{
		position:relative;
		display:block;
		padding:0 35px 0 0;
		margin:0 0 -5px 0;
		height:62px;
	}
	/*.shopfilterctn.subcategorie
	{
		margin-bottom:0;
		margin-right:24%;
		border-right: 1px solid #e6e6e6;
		border-color:#000000;
	}*/
}

/***********************************************************************************/


#shopCategoryDiv a
{
	color:inherit;
	text-decoration:none;
}

#shopCategoryDiv .shopCategoryOpen0
{
 	color:#FDFCFC;
 	background-color:#F7CE04;
}

#shopCategoryDiv .shopCategoryOpen1
{
	color:orange;
}

#shopCategoryDiv .shopCategoryOpen2
{
	color:green;
}

#shopCategoryDiv .shopCategoryOpen3
{
	color:blue;
}

.shopcategory0
{
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.shopcategory1
{
	padding-left:25px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
}
.shopcategory2
{
	padding-left:35px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
}
.shopcategory3
{
	padding-left:45px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.subblockcat
{
	margin-top:3px;
	margin-bottom:7px;
}/** ADMIN *******************************************************/
#shopproductEdit .tdAdmin
{
	width:100px;
}
#shopproductEdit #aPageTrad\[resume\]
{
	height:200px;
}

#shopproductEdit .pricewrapper > div
{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}

#shopproductList[rel=hidecontextmenu] > .zoneMenu
{
	display:none!important;
}

/** LIST ORDER BY *******************************************************/
.shopfilterctn.orderby
{
	border-right: 1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}
#orderbyctn .shopfilter
{
	position: relative;
    display: block;
    padding: 0 35px 10px 0;
	margin:0;

}

#orderbyctn .shopfilter > .filter
{
	visibility:hidden;
	color:#000000;
	max-height:2.5em;
	padding:20px 20px 0px 25px;
	font-weight:700;
	font-size:23px;
	text-transform:lowercase;
}

#orderbyctn .shopfilter .openCtn
{
	top:18px;
	background:#FFFFFF;
	width:100%;
	border:0;
}
#orderbyctn .shopfilter.show.hover .openCtn 
{
	padding-top:0;
}
#orderbyctn .orderby .select
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	font-size:14px;
	font-weight:300;
	text-transform:lowercase;
	line-height:2;
	height:2em;
	min-width:160px;
	color:#000000;
	background:#ffffff;
	width:100%;

}

#orderbyctn .orderby .select .options
{
	position:absolute;
	display:block;
	box-sizing:border-box;
	left:-1px;right:-1px;
	padding-top:2em;
	max-height:none;
	overflow:hidden;
	transition:max-height .5s;
	border-left:1px solid transparent;
	
}
#orderbyctn .orderby .select.hover .options
{
	background:#FFFFFF;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding-top:60px;
	padding-bottom:30px;
	z-index:1;
}

#orderbyctn .orderby .select.hover .options
{
	max-height:none;
}
#orderbyctn .orderby .select .options > a
{
	position:relative;
	display:block;
	padding:0 10px 0 25px;
	color:#636363;
	font-size:17px;
	font-weight:300;
	transition:top .5s;
	
		position:relative;
	display:block;
	max-height:0;
	padding:0;
	overflow:hidden;
	color:#636363;
	font-size:17px;
	line-height:normal;
	font-weight:300;
}
#orderbyctn .orderby .select.hover .options > a
{
	/*padding:5px 10px 10px 25px;*/
	max-height:2.5em;
	padding:10px 20px 10px 20px;
}

#orderbyctn .orderby .select .options > a.selected
{
	position:absolute;
	left:1px;right:1px;
	top:0;
	padding:0 10px 0 10px;
	color:#000000;
	background:none;
	
	color:#ababab;/*#000000*/;
	max-height:2.5em;
	padding:0 20px 0px 20px;
	font-weight:300/*700*/;
	font-size:23px;
	text-transform:lowercase;
}

@media only screen and (min-width:1000px)
{
	.shopfilterctn.orderby
	{
		border-bottom:1px solid #e6e6e6;
	}

}

 
/** LIST *******************************************************/
#shopproductListCtn .listElement, #crosssellingCtn .listElement
{
	position:relative;
	display:block;
	margin:0 0 40px 0;
	padding:0;
	height:auto;
	text-decoration:none;
	border-bottom:1px solid #6c6c6c;
}
.home #shopproductListCtn .listElement, .home #crosssellingCtn .listElement
{
	border-bottom:0;
}

#crosssellingCtn .listElement
{
	border-bottom:0;
}
.home #shopproductListCtn .listElement
{
	margin:0 0 0 0;
}
#shopproductListCtn .listElement:before, #crosssellingCtn .listElement:before
{
	content:none;
}
#shopproductListCtn .listElement .textAction, #crosssellingCtn .listElement .textAction
{
	display:none;
}
#shopproductListCtn .listElement.promotion .textAction, #crosssellingCtn .listElement.promotion .textAction
{
	position:absolute;
	display:block;
	box-sizing:border-box;
	width:70px;
	height:70px;
	padding:17px 0 0 0;
	box-sizing:border-box;
	top:10px;right:10px;left:auto;bottom:auto;
	opacity:1;
	z-index:1;
	font-size:24px;
	font-weight:700;
	color:#ffffff;
	opacity:0.8;
	background:#000000;
	text-align:center;
	border:0;
}

#shopproductListCtn .listElement .textAction sup, #crosssellingCtn .listElement .textAction sup
{
	font-size:17px;
	font-weight:300;
}

#shopproductListCtn .listElement .img, #crosssellingCtn .listElement .img
{
	position:relative;
	display:block;
	overflow:hidden;
	max-height:400px;
}
#shopproductListCtn .listElement .img:before, #crosssellingCtn .listElement .img:before
{
	content:"";
	display:block;
	padding-top:75.65%;
}
#shopproductListCtn .listElement .img:after, #crosssellingCtn .listElement .img:after
{
	display:none;
}
#shopproductListCtn .listElement .img > .zoomer, #crosssellingCtn .listElement .img > .zoomer
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:url(/template/image/defaul.jpg) no-repeat center center;
	background-size:cover;
	transition:all .5s;
}

#shopproductListCtn .listElement:hover .img > .zoomer, #crosssellingCtn .listElement:hover .img > .zoomer
{
	/*top:-50px;left:-50px;right:-50px;bottom:-50px;*/
	 filter: blur(4px);

  -webkit-filter: blur(4px);
}

.listElement .overFlecheImg.iconesite-flecheLongue
{
	display:none;
}
.listElement:hover .overFlecheImg.iconesite-flecheLongue
{
	display:block;
	color:#000000;
	font-size:90px;
	position:absolute;
	top:calc(50% - 45px);
	left:50%;
	transform: translate(-50%,-50%);
	transform: rotate(-90deg);
	z-index:1;
	width:auto;
	height:auto;
}

#shopproductListCtn .listElement h5, #crosssellingCtn .listElement h5
{
	margin:10px 0 0 0;
	padding:0 30px 5px 0;
	line-height:normal;
	color:#000000;
	font-size:22px;
	position:relative;
	left:auto;
	top:auto;
	text-align:left;
	transform:none;
}
#shopproductListCtn .listElement h5:after, #crosssellingCtn .listElement h5:after
{
	display:none;
}
#shopproductListCtn .listElement h5 > span, #crosssellingCtn .listElement h5 > span
{
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}


#shopproductListCtn .listElement h5 > span.pre, #crosssellingCtn .listElement h5 > span.pre
{
	font-size:15px;
	font-weight:300;
	color:#7e7e7e;
	text-transform:lowercase;
	margin:0 0 5px 0;	
	font-style:italic;
}

#shopproductListCtn .listElement h5 > span.pre:empty , #crosssellingCtn .listElement h5 > span.pre:empty
{
	display:none;
}

#shopproductListCtn .listElement .pricectn, #bestsellerCtn .listElement .pricectn, #crosssellingCtn .listElement .pricectn
{
	display:block;
	margin:0 0 15px 0;
	float:left;
}

#shopproductListCtn .listElement .price, #shopproductListCtn .listElement .promo,  #shopproductListCtn .listElement .pricedes,
#bestsellerCtn .listElement .price, #bestsellerCtn .listElement .promo,  #bestsellerCtn .listElement .pricedes,
#crosssellingCtn .listElement .price, #crosssellingCtn .listElement .promo,  #crosssellingCtn .listElement .pricedes
{
	display:block;
	float:right;
	margin-right:4px;
	font-weight:700;
	font-size:17px;
	line-height:normal;
	color:#000000;
	text-transform:lowercase;
}

.HT
{
	font-weight:300;
	line-height:normal;
	color:#000000;
	text-transform:none;
	font-size:17px;
}

#shopproductListCtn .listElement .pricedes, #bestsellerCtn .listElement .pricedes, #crosssellingCtn .listElement .pricedes
{
	font-weight:300;
	color:#606060;
}
#shopproductListCtn .listElement .promo:not(:empty) + .price, #bestsellerCtn .listElement .promo:not(:empty) + .price, #crosssellingCtn .listElement .promo:not(:empty) + .price
{
	text-decoration:line-through;
	font-weight:300;
	color:#606060;
} 

#shopproductListCtn .listElement .price:empty, #shopproductListCtn .listElement .promo:empty, #shopproductListCtn .listElement .pricedes:empty,
#bestsellerCtn .listElement .price:empty, #bestsellerCtn .listElement .promo:empty, #bestsellerCtn .listElement .pricedes:empty,
#crosssellingCtn .listElement .price:empty, #crosssellingCtn .listElement .promo:empty, #crosssellingCtn .listElement .pricedes:empty
{
	display:none;
}
#shopproductListCtn .listElement .moreinfoctn, #bestsellerCtn .listElement .moreinfoctn, #crosssellingCtn .listElement .moreinfoctn
{
	
	/*OLD version
	position:relative;
	display:block;
	box-sizing:border-box;
	float:right;
	margin:18px 0 15px 0;
	padding:0 32px 0 0;
	max-width:20%;
	font-size:0;
	line-height:normal;
	color:#606060;
	min-height:11px;*/
	color:#000000;
	font-size:13px;
	text-decoration:underline;
	text-transform:lowercase;
	display:block;
	font-weight:300;
	padding-bottom:20px;
}

#shopproductListCtn .listElement .moreinfoctn:empty:before, #bestsellerCtn .listElement .moreinfoctn:empty:before, #crosssellingCtn .listElement .moreinfoctn:empty:before
{
	content:"\00a0";/*= */
}
#shopproductListCtn .listElement .moreinfoctn:after, #bestsellerCtn .listElement .moreinfoctn:after, #crosssellingCtn .listElement .moreinfoctn:after
{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-14px;
	width:28px;
	height:28px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;		
}
#shopproductListCtn .listElement .moreinfoctn.information:after, #bestsellerCtn .listElement .moreinfoctn.information:after, #crosssellingCtn .listElement .moreinfoctn.information:after
{
	background-size:100%;
}
#crosssellingCtn
{
	padding:0 0 60px 0 ;
	margin-left:-1.5%;
}
#shopproductListCtn
{
	position:relative;
	padding:0 10px;
	z-index:0;
}
@media only screen and (min-width:800px)
{

	#shopproductListCtn
	{
		margin-left:-1.5%;
	}

	#shopproductListCtn .listElement, #crosssellingCtn .listElement
	{
		width:30%;
		float:left;
		border-bottom:0;
	     margin:0 0 40px 0;
		margin-left:3%;
	}
	#crosssellingCtn .listElement h5
	{
		margin:40px 0 0 0; 		
	}
	#crosssellingCtn .listElement
	{
		width:29%;
		margin-left:6%;
	}

	
	#homePromotionHolder #shopproductListCtn .listElement
	{
		width:27%;
		margin-left:0;
	}
	#shopproductListCtn .listElement .img, #crosssellingCtn .listElement .img
	{	
		max-height:none;
		float:none;
		width:100%;
	}	
	#shopproductListCtn .listElement .txt, #crosssellingCtn .listElement .txt
	{
		position:relative;
		top:auto;
		right:auto;
		left:auto;
		width:100%;
		z-index:0;
	}
}

@media only screen and (min-width:1200px)
{
	
	#shopproductListCtn a:first-of-type, #crosssellingCtn a:first-of-type
	{
		margin-left:0;
	}
	#shopproductListCtn, #crosssellingCtn
	{
		margin-left:0;
		z-index:0;
	}
	#shopproductListCtn .listElement, #crosssellingCtn .listElement
	{
		height:460px;
	}
	#shopproductListCtn .listElement:nth-child(3n + 1)
	{
		margin-left:0!important;		
	}
}


/** BESTSELLER LIST *******************************************************/
#bestsellerCtn, #crosssellingCtn
{
	/*margin:100px 0 100px 0;
	margin:30px 0 100px 0;*/
}

#crosssellingCtn
{
	/*padding-top:100px;
	margin-top:0px;
	border-top:1px solid #dbdbdb;*/
}

#bestsellerCtn h4, #crosssellingCtn h4
{
	position:relative;
	display:block;
	margin:0 0 30px 0;
	padding-bottom:150px;
}
#bestsellerCtn h4 span.txt, #crosssellingCtn h4 span.txt
{
	position:relative;
	margin:0;
	font-size:30px;
	font-weight:700;
	line-height:normal;
	color:#000000;
	text-align:center;
}

#bestsellerCtn h4 span.txt span, #crosssellingCtn h4 span.txt span
{
	display:block;
	font-size:12px;
	font-weight:700;
	line-height:normal;
	color:#7e7e7e;
	text-transform:uppercase;
	letter-spacing:1px;
}


#bestsellerCtn h4 span.txt span.title, #crosssellingCtn h4 span.txt span.title
{
	font-size:42px;
	text-transform:lowercase;
	color:#000000;
	font-weight:700;
	position:relative;
}
#crosssellingCtn h4:after
{
	content:"";
	width:80px;
	height:1px;
	background:#7e7e7e;
	position:absolute;
	bottom:80px;
	left: calc(50% - 40px);
	transform:rotate(90deg);
	
}

@media only screen and (min-width:1200px)
{
	#bestsellerCtn, #crosssellingCtn
	{
		margin-left:0;
	}
}


/** NAVIG IN PRODUCT *******************************************************/
#naviginproductCtn 
{
	margin-bottom:0;
}

#naviginproductCtn .mainctn
{
	padding-top:30px;
	padding-bottom:30px;
	font-size:0;
	text-align:center;
}
#naviginproductCtn a
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
	font-weight:300;
	line-height:normal;
	color:#000000;
	text-transform:lowercase;
}
#naviginproductCtn a.return
{
	margin:0 10px 0 10px;
	padding:10px 10px 10px 10px;
}
#naviginproductCtn a.prev
{
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-20px;
	font-size:0;
}
#naviginproductCtn a.next
{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-20px;
	font-size:0;
}

#naviginproductCtn a.prev > span, #naviginproductCtn a.next > span
{
	position:relative;
	display:block;
	width:40px;
	height:40px;	
}
#naviginproductCtn a[href='#']
{
	cursor:default;
	opacity:.5;
}
#naviginproductCtn.nonavig a.prev, #naviginproductCtn.nonavig a.next
{
	display:none;
}
#naviginproductCtn.nonavig a.return
{
	margin:0;
	padding:0;
	border:0;
}


	#naviginproductCtn .mainctn
	{
		text-align:left;
	}
	#naviginproductCtn a, #naviginproductCtn a.prev, #naviginproductCtn a.next
	{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		font-size:20px;
		font-weight:700;
		line-height:normal;
		color:#000000;
		text-transform:lowercase;
		text-decoration:underline;
	}
	#naviginproductCtn a.prev, #naviginproductCtn a.next
	{
		font-size:13px;
		font-weight:300;
		text-decoration:none;
	}
	#naviginproductCtn a.return
	{
		margin:0 10px 0 10px;
		padding:0 10px 0 10px;
	}
	#naviginproductCtn a.prev
	{
		padding-left:15px;
		top:auto;
		left:auto;
		margin-top:3px;
		transform:rotate(180deg);
	}
	#naviginproductCtn a.next
	{
		padding-right:0;
		top:auto;
		left:auto;
		right:auto;
		margin-top:4px;
	}
	
	#naviginproductCtn a.prev > span, #naviginproductCtn a.next > span
	{
		position:absolute;
		display:block;
		left:0;
		top:50%;
		margin-top:-10px;
		width:20px;
		height:20px;
	}
	#naviginproductCtn a.next > span
	{
		left:auto;
		right:0;
	}


/** PRODUCT DETAIL *******************************************************/
.shopproduct > .mainctn
{
	max-width:none;
}

.mainctn .before
{
	display:none;
}
#shopproductDetailCtn
{
	position:relative;
	margin:0 0 40px 0;
}
 #shopproductDetailCtn .mainctn .left
{
	padding:0 10px 0 10px;
	box-sizing:border-box;
}
 #shopproductDetailCtn .mainctn .right
{
	padding:0 10px 20px 10px;
	box-sizing:border-box;
}

 #shopproductDetailCtn .mainctn .right .titre
{
	display:block;
	margin-bottom:30px;
}
#shopproductDetailCtn .bottom
{
	background:#f7f7f7;
}
#shopproductDetailCtn .msgInfo
{
	font-size:15px;
	font-style:italic;
	color:#3c6382;
	font-weight:700;
}
#shopproductDetailCtn .msgNoMatiere
{
	padding-top:10px;
	font-size: 13px;
}
#shopproductDetailCtn .mainctn > .left, #shopproductDetailCtn .mainctn > .right
{
	position:relative;
	display:block;
	margin:0 0 0 0;
}
#shopproductDetailCtn .mainctn
{
	padding:0;
}

#shopproductDetailCtn .imgaddedtocart
{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#shopproductDetailCtn .imgaddedtocart:before /*WARNING: doit être de même taille que la grande image de la galerie d'image*/
{
	content:"";
	display:block;
	padding-top:100%;
}

#shopproductDetailCtn .headCtn.nouveau:before, #shopproductDetailCtn .headCtn.promotion:before, #shopproductDetailCtn .headCtn.outlet:before 
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:112px;
	top:auto;right:auto;left:auto;bottom:auto;
	margin-bottom:50px;	
}
#shopproductDetailCtn .headCtn
{
	margin:0;
}
#shopproductDetailCtn #shopproductHeadCtn.headCtn .priceqty
{
	padding-bottom:0;
	margin-top:0;
}
#shopproductDetailCtn .headCtn .col1
{
	box-sizing:border-box;
	position:relative;
	background:#f4f6f6;	
	padding:20px 10px 0 10px;
}
#shopproductDetailCtn .headCtn .col2
{
	display:none;
}

#shopproductDetailCtn .formatTxt
{
	color:#7e7e7e;
	font-size:11px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
}
#shopproductDetailCtn .headCtn h1
{
	font-size:42px;
	font-weight:700;
	color:#000000;
	margin:0 0 5px 0;
	padding:0 0 0 0;
}

#shopproductDetailCtn .headCtn h1 > span
{
	display:block;
	font-size:15px;
	line-height:normal;
	font-weight:300;
	color:#7e7e7e;
	font-style:italic;
	text-transform:lowercase;
	margin-bottom:5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#shopproductDetailCtn .headCtn h1 > span:empty
{
	display:none;
}
#shopproductDetailCtn .headCtn h1:before
{
	content:none;
}
#shopproductDetailCtn .headCtn h2
{
	margin:0 0 50px 0;
	padding-left:0;
	font-weight:300;
	font-size:17px;
	line-height: 1.625;
}

#shopproductDetailCtn .headCtn h2:before
{
	display:none;
}

#shopproductDetailCtn .infos
{
	position:relative;
	display:block;
	margin:0 0 50px 0;
	padding-left:0;
}
#shopproductDetailCtn .infos .info
{
	position:relative;
	display:block;
	margin-bottom:16px;
	padding-bottom:16px;	
	font-size:15px;
	line-height:1.4;
	border-bottom:1px solid #bebebe;
}
#shopproductDetailCtn .infos .info .label
{
	position:relative;
	display:block;
	color:#7e7e7e;
	font-style:italic;
	font-size:15px;
	font-weight:300;
	text-transform:lowercase;
	padding-bottom:5px;
}
#shopproductDetailCtn .infos .info .value
{
	position:relative;
	display:block;
	font-size:17px;
	color:#000000;
	font-weight:700;
	letter-spacing:0;
}

#shopproductDetailCtn .headCtn .priceqty
{
	position:relative;
	display:block;
	margin:30px 0 0 0;
	padding-bottom:50px;
}
#shopproductDetailCtn .headCtn .pricectn
{
	position:relative;
	display:block;
	float:right;
	margin-right:-5px;
	width:100%;
	margin-bottom:20px;
}
#shopproductDetailCtn .headCtn .btnNoir
{
	max-width:180px;
	width:45%;
	height:50px;
	display:inline-block;
	margin-right:12px;
}

#shopproductDetailCtn .headCtn .qtyctn
{
	position:relative;
	display:block;
	max-width:100%;
}
#shopproductDetailCtn .headCtn .pricectn .price, #shopproductDetailCtn .headCtn .pricectn .promo,  #shopproductDetailCtn .headCtn .pricectn .pricedes
{
	display:block;
	float:left;
	margin-right:5px;
	font-weight:700;
	font-size:21px;
	line-height:normal;
	color:#000000;
}
#shopproductDetailCtn .headCtn .pricectn
{
	text-transform:lowercase;
}
#shopproductDetailCtn .headCtn .pricectn .txt
{
	color:#606060;
	font-weight:300;
	font-size:17px;
	
}
#shopproductDetailCtn .headCtn .pricectn .pricedes
{
	color:#000000;
	font-weight:700;
}

#shopproductDetailCtn .headCtn .pricectn .promo:not(:empty) + .price, #shopproductDetailCtn .headCtn .pricectn .barre .prix
{
	text-decoration:line-through;
	font-weight:300;
	color:#606060;
} 

#shopproductDetailCtn .headCtn .pricectn .barre .txt,#shopproductDetailCtn .headCtn .pricectn .barre .pricedes, #shopproductDetailCtn .headCtn .pricectn .barre .prix 
{
	font-size:14px;
	vertical-align:top;
	font-weight:300;
	display:inline-block;
}

#shopproductDetailCtn .headCtn .pricectn .barre .txt,#shopproductDetailCtn .headCtn .pricectn .barre .pricedes
{
	/*padding-top:8px;*/
}

#shopproductDetailCtn .headCtn .pricectn .price:empty, #shopproductDetailCtn .headCtn .pricectn .promo:empty, #shopproductDetailCtn .headCtn .pricectn .pricedes:empty
{
	display:none;
}
#shopproductDetailCtn .headCtn .qtyctn
{
	position:relative;
	display:block;
	font-size:0;
}
#shopproductDetailCtn .headCtn .qtyctn .enligne, #shopproductDetailCtn .headCtn .qtyctn.venteenmagasin .enmagasin
{
	display:inline-block;	
}
#shopproductDetailCtn .headCtn .qtyctn .enmagasin, #shopproductDetailCtn .headCtn .qtyctn.venteenmagasin .enligne
{
	display:none;
}

#shopproductDetailCtn .headCtn .qtyctn #quantity
{
	display:inline-block;
	vertical-align:middle;
	margin-right:4px;
	width:40px;
	height:28px;
	border:1px solid #000000;
	background:#ffffff;
	font-weight:300;
	font-size:14px;
	line-height:normal;
}

#shopproductDetailCtn .headCtn .qtyctn #btnAddToCart, #shopproductDetailCtn .headCtn .qtyctn #btnGoToFrmContact,#shopproductDetailCtn .headCtn .qtyctn #btnGoToPdf
{
	display:inline-block;
	vertical-align:middle;
	font-weight:700;
	font-size:14px;
	width:100%;
	height:100%;
	background:#000000;
		color:#FFFFFF;
	border:1px solid #000000;
}
#shopproductDetailCtn .headCtn .qtyctn #btnGoToFrmContact:hover, #shopproductDetailCtn .headCtn .qtyctn #btnGoToPdf:hover
{
		color:#000000;
		background:#FFFFFF;
}


#shopproductDetailCtn .headCtn .qtyctn #quantity:disabled, #shopproductDetailCtn .headCtn .qtyctn #btnAddToCart:disabled
{
	opacity:.2;
}
#shopproductDetailCtn .headCtn .qtyctn #divOverBtnAddToCart
{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px
}

#shopproductDetailCtn .headCtn .qtyctn .enmagasin > span
{
	display:inline-block;
	vertical-align:middle;
	font-size:11px;		
	color:#606060;
	cursor:default;
}

@media only screen and (min-width:720px)
{

	#shopproductHeadCtn
	{
		padding:0 10.5% 0 10.5%;
	}
	 #shopproductDetailCtn .mainctn .left
	{
		padding: 0 9.6% 0 10.5%;
	}
	 #shopproductDetailCtn .mainctn .right
	{
		padding-right:10.5%;
	}
	#shopproductDetailCtn .mainctn > .left
	{
		position:relative;
		display:block;
		float:left;
		width:66.38%;
		padding: 0 20px 0 10px;
	}

	#shopproductDetailCtn .mainctn > .right
	{
		position:relative;
		display:block;
		float:right;
		width:33.62%;
	}
	 #shopproductDetailCtn .mainctn .right .titre
	{
		display:none;
	}
	#shopproductDetailCtn .mainctn > .left, #shopproductDetailCtn .mainctn > .right
	{
		margin:40px 0 40px 0;
	}
	#shopproductDetailCtn .mainctn
	{
		padding:0 10px 0 10px;
	}

	#shopproductDetailCtn .headCtn .col1
	{
		width: 71.74%;
		float:left;
		background:#FFFFFF;
		padding:0;
	}
	#shopproductDetailCtn .headCtn .col2
	{
		display:block;
		position:absolute;
		bottom:30px;
		right:-110px;
	}
	#shopproductDetailCtn .headCtn h2
	{
		margin:50px 0 50px 0;
	}
	#shopproductDetailCtn .infos
	{
		margin:50px 0 50px 0;
	}
	#shopproductDetailCtn .headCtn .priceqty
	{
		margin:30px 0 30px 0;
	}
}
@media only screen and (min-width:1200px)
{
	#shopproductDetailCtn .mainctn > .left
	{
		padding: 0 9.6% 0 10.5%;
	}
	#shopproductDetailCtn .headCtn .pricectn
	{
		float:left;
		max-width:65%;
		width:auto;
		margin-right:0;
		margin-bottom:0;
	}

}

@media only screen and (min-width:1130px)
{
	.shopproduct .before
	{
		display:block;
		position:absolute;
		top:250px;
		right:0;
		border-right:10px solid #FFFFFF;
		background:#f4f6f6;
		height:294px;
	}
}

/* SHOPPRODUCT ASK INFO */
#frmAskInfo
{
	position:absolute;
	display:block;
	width:100%;
	overflow:hidden;
	opacity:0;
	max-height:0;
	transition:max-height .5s, opacity .5s;
	background:#ffffff;
	z-index:5;
}
#frmAskInfo.show
{
	opacity:1;
}

#frmAskInfo.masked:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:#ffffff;
	z-index:10;
	opacity:.4;
}
#frmAskInfo .askinfoholder
{
	position:relative;
	border:1px solid #c7c7c7;
}

#frmAskInfo .askinfoctn, #frmAskInfo .askinfomsg
{
	position:relative;
	padding:10px;
}

#frmAskInfo h3
{
	display:block;
	margin:60px 0 0 26px;
	font-weight:700;
	font-size:17px;
}


#frmAskInfo .shopfieldctn > textarea
{
	height:7em;	
}

#frmAskInfo .askinfoctn .buttonshopctn input[type=submit]:disabled, #frmAskInfo .askinfoctn .buttonshopctn input[type=submit]:disabled:hover
{
	background:#ffffff;
	color:#000000;
	opacity:.5;
}

#frmAskInfo .close
{
	position:absolute;
	display:block;
	top:10px;right:10px;
	display:block;
	border:1px solid #c7c7c7;
	border-radius:50%;
	width:40px;
	height:40px;
	background:#ffffff;
	transition:background .5s;
	z-index:2;
}
#frmAskInfo .close:hover
{
	background:#000000;
}
#frmAskInfo .close:before, #frmAskInfo .close:after
{
	content:"";
	position:absolute;
	left:10px;
	right:10px;
	top:50%;
	margin-top:-1px;
	height:2px;
	background:#000000;
	transform-origin:center center;
	transform:rotate(45deg);
	transition:background .5s;
}
#frmAskInfo .close:after
{
	transform:rotate(-45deg);
}
#frmAskInfo .close:hover:before, #frmAskInfo .close:hover:after
{
	background:#ffffff;
}

@media only screen and (min-width:720px)
{
	
	#frmAskInfo
	{
		z-index:6;
	}
	#frmAskInfo .askinfoctn, #frmAskInfo .askinfomsg
	{
		position:relative;
		padding:40px;
	}
	
	#frmAskInfo h3
	{
		margin:40px 0 0 40px;
		font-size:20px;
	}
}



/*Affichage du cartouche de home*/
#homePromotionHolder
{
	background:#f4f6f6;
	padding:100px 0 0 0 ;
}
#homePromotionHolder .mainctn
{
	max-width:1330px;
}

#shopproductListCtn .nav, #crosssellingCtn .nav
{
	position:absolute;
	right:0;
	top:-50px;
	width:100%;
	height:50px;
	text-align:center;
}
#crosssellingCtn .nav
{
	top:200px;
	background:#f4f6f6;
	margin: 0 10px 0 0;
    width: calc(100% - 10px);
	padding-top:10px;
	height:40px;
}
#shopproductListCtn .nav .gonext, #shopproductListCtn .nav .goprev,
#crosssellingCtn .nav .gonext, #crosssellingCtn .nav .goprev
{
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	font-size: 13px;
	color: #7e7e7e;
	border:0;
	cursor:pointer;
	z-index:4;
	opacity:1;
	visibility:visible;
	transition:all .5s;
	text-transform:lowercase;
	font-weight:300;
	left:0;
}
#shopproductListCtn .nav .goprev, #crosssellingCtn .nav .goprev
{
	top:0;
}
#shopproductListCtn .nav .gonext, #crosssellingCtn .nav .gonext  
{
	top:0;
	left:65px;
}
#shopproductListCtn .nav .separator, #crosssellingCtn .nav .separator
{
	display:inline-block;
	vertical-align:middle;
	top:0;
	left:130px;
	height:1px;
	width:80px;
	background:#7e7e7e;
	z-index:4;
	left:7px;
	margin:0 10px 0 10px;
}

#shopproductListCtn .elctn, #crosssellingCtn .elctn
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:80%;
	overflow:hidden;
	z-index:1; /*attention c'est le step du carrousel*/
}
.home #shopproductListCtn .elctn, #crosssellingCtn .elctn
{
	width:100%;
}
#shopproductListCtn .elctn > .sizer, #crosssellingCtn .elctn > .sizer
{
	position:relative;
	display:block;
	width:20%;
	z-index:0;
}
#shopproductListCtn .elctn > .sizer:before, #crosssellingCtn .elctn > .sizer:before
{
	content:"";
	display:block;
	padding-top:110%;
	min-height:75px;
}
@media only screen and (min-width:720px)
{
	#shopproductListCtn .elctn > .sizer:before, #crosssellingCtn .elctn > .sizer:before
	{
		min-height:auto;	
	}
}


#shopproductListCtn .elctn > a, #crosssellingCtn .elctn > a
{
	position:absolute;
	top:25%;
	left:-42.5%;
	display:block;
	width:45%;
	z-index:1;
	transition:left 1s, top 1s, opacity 1s;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	opacity:0;
}
#crosssellingCtn .elctn > a
{
	background:#f4f6f6;
}

#crosssellingCtn .elctn > a .txt
{
	padding:0 10px 0 10px;
}

#shopproductListCtn .elctn > a:before, #crosssellingCtn .elctn > a:before
{
	content:"";
	display:block;
	padding-top:50%;
}
#shopproductListCtn .gonext:before, #shopproductListCtn .goprev:before,
#crosssellingCtn .gonext:before, #crosssellingCtn .goprev:before
{
	display:none;
}

#shopproductListCtn .elctn > a[rel="0"], #shopproductListCtn .elctn > a[rel="1"],#shopproductListCtn .elctn > a[rel="2"],
#shopproductListCtn .elctn > a[rel="3"],#shopproductListCtn .elctn > a[rel="4"],#shopproductListCtn .elctn > a[rel="5"],
#shopproductListCtn .elctn > a[rel="6"],#shopproductListCtn .elctn > a[rel="7"],
#crosssellingCtn .elctn > a[rel="0"], #crosssellingCtn .elctn > a[rel="1"],#crosssellingCtn .elctn > a[rel="2"]
{
	top:0;
	left:0;
	opacity:1;
	z-index:2;
	width:100%;
}

.home #shopproductListCtn .elctn > a:before, #crosssellingCtn .elctn > a:before
{
	display:none;
}
.home #shopproductListCtn .elctn > .sizer, #crosssellingCtn .elctn > .sizer
{
	width:100%;
}

#crosssellingCtn .elctn > a[rel="1"],#crosssellingCtn .elctn > a[rel="2"],
#shopproductListCtn .elctn > a[rel="1"],#shopproductListCtn .elctn > a[rel="2"],#shopproductListCtn .elctn > a[rel="3"],
#shopproductListCtn .elctn > a[rel="4"], #shopproductListCtn .elctn > a[rel="5"], #shopproductListCtn .elctn > a[rel="6"], #shopproductListCtn .elctn > a[rel="7"]
{
	opacity:0;
	left:109%;
}


@media only screen and (min-width:720px)
{

	#homePromotionHolder
	{
		padding:180px 0 100px 0 ;
	}

	#shopproductListCtn .elctn > .sizer:before
	{
		padding-top:127%;

	}
	#shopproductListCtn h2
	{
		font-size: 60px;
		margin:0 0 53px 0;
	}
	#shopproductListCtn .elctn
	{
		width:100%;
		z-index:1; /*attention c'est le step du carrousel*/
	}
	.home #shopproductListCtn .elctn > .sizer
	{
		width:27%;
	}
	
	#shopproductListCtn .elctn > a,
	#shopproductListCtn .elctn > a[rel="0"], #shopproductListCtn .elctn > a[rel="1"], #shopproductListCtn .elctn > a[rel="2"], #shopproductListCtn .elctn > a[rel="3"], 
	#shopproductListCtn .elctn > a[rel="4"], #shopproductListCtn .elctn > a[rel="5"], #shopproductListCtn .elctn > a[rel="6"], #shopproductListCtn .elctn > a[rel="7"]
	{
		position:absolute;
		top:0;
		left:-22.5%;
		display:block;
		width:27%;
		z-index:1;
		transition:left 1s, opacity 1s;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
		opacity:0;
	}

	#shopproductListCtn .elctn > a:before
	{
		padding-top:0;
	}
	#shopproductListCtn .elctn > a[rel="0"]
	{
		left:0%;
		opacity:1;
		z-index:2;
	}
	#shopproductListCtn .elctn > a[rel="1"]
	{
		left:36%;
		opacity:1;
		z-index:2;
	}
	#shopproductListCtn .elctn > a[rel="2"]
	{
		left:72%;
		opacity:1;
		z-index:2;
	}
	#shopproductListCtn .elctn > a[rel="3"]
	{
		opacity:0;
		left:109%;
	}

	
}
@media only screen and (min-width:850px)
{
	#crosssellingCtn
	{
		padding:126px 0 100px 0 ;
	}
	#crosssellingCtn .elctn > a
	{
		position:relative;
	}
	#crosssellingCtn .elctn > a[rel="0"], #crosssellingCtn .elctn > a[rel="1"],#crosssellingCtn .elctn > a[rel="2"]
	{
		top:auto;
		left:auto;
		width:29%;
	}
	#crosssellingCtn .elctn > a
	{
		background:#FFFFFF;
	}
	
	#crosssellingCtn .elctn > a .txt
	{
		padding:0;
	}
	#crosssellingCtn .elctn > .sizer
	{
		display:none;
	}
	#crosssellingCtn .elctn > a[rel="1"],#crosssellingCtn .elctn > a[rel="2"]
	{
		opacity:1;
		left:auto;
	}
	#crosssellingCtn .nav
	{
		display:none;
	}
	#shopproductListCtn .nav
	{
		top:0;
		height:100%;
		width:1px;
		text-align:left;
	}
}
@media only screen and (min-width:1000px)
{

	#shopproductListCtn .nav .gonext, #shopproductListCtn .nav .goprev
	{
		position:absolute;
		vertical-align:top;
		transform:rotate(-90deg);
		left:45px;
	}
	#shopproductListCtn .nav .goprev
	{
		top:230px;
	}
	#shopproductListCtn .nav .gonext 
	{
		top:65px;
	}
	#shopproductListCtn .nav .separator
	{
		vertical-align:top;
		position:absolute;
		top:130px;
		transform:rotate(-90deg);
		margin:0;
	}
	#shopproductListCtn .gonext, #shopproductListCtn .goprev
	{
		width:5%;
	}
	#shopproductListCtn .gonext:before, #shopproductListCtn .goprev:before
	{
		padding-top:75%;
	}
	#shopproductListCtn .elctn > a[rel="1"]
	{
		left:33%;
	}
	#shopproductListCtn .elctn > a[rel="2"]
	{
		left:69%;
	}
	#shopproductListCtn .elctn > a[rel="3"]
	{
		left:106%;
	}
	#shopproductListCtn .nav
	{
		right:50px;		
	}
}
@media only screen and (min-width:1200px)
{
	#crosssellingCtn
	{
		padding:126px 0 0 0 ;
	}
}
@media only screen and (min-width:1500px)
{
	#shopproductListCtn .nav
	{
		right:0;		
	}
	#shopproductListCtn .elctn > a[rel="1"]
	{
		left:36%;
	}
	#shopproductListCtn .elctn > a[rel="2"]
	{
		left:72%;
	}
	#shopproductListCtn .elctn > a[rel="3"]
	{
		left:109%;
	}
}

/*Edition du crossseling*/
#crosssellingConfig .label
{
	font-weight:700;
	margin-top:20px;
}

#crosssellingConfig .categoriectn .zoneDisplay
{
	margin-top:10px;
}
#crosssellingConfig .categoriectn .config div:nth-child(1) div
{
	padding-right:10px;
}
#crosssellingConfig .categoriectn .config div:nth-child(1) div,
#crosssellingConfig .categoriectn .zoneDisplay div
{
	display:inline-block;
}
#crosssellingConfig .infos
{
	border-bottom:1px solid #333333;
	padding-bottom:20px;
}
#crosssellingConfig .helpMsg
{
	font-size:14px;
	font-style:italic;
}

/* ******************************************************************************** */
/*							Impression d'une prestation 						*/
/* ******************************************************************************** */
#bodyprintproduct
{
	width:1203px;
	font-family: europa,sans-serif;
	font-weight:300;
    font-size: 16px;
    color:#7e7e7e;
	line-height: 1.625;
	border:0;
}

#bodyprintproduct #intCtn
{
	margin:60px 60px 0 60px;	
}

#bodyprintproduct #intCtn #shopproductDetailCtn .headCtn h2
{
	font-size:18px;
}

#bodyprintproduct .mainctn
{
	margin:0;
	padding:0;
}

#bodyprintproduct .logo span
{
	color:#000000;
	font-size:60px;
}

#bodyprintproduct #shopproduct
{
	margin:-276px 0 0 0;
	width:66.66%;
	min-height:266px;
	background:#eeefef;
}

#bodyprintproduct #shopproduct:before
{
	content:"";
	width:1px;
	display:inline-block;
	vertical-align:middle;
	height:266px;
}

#bodyprintproduct #shopproductHeadCtn
{
	padding:0 0 0 40px;
	vertical-align:middle;
	display:inline-block;
}
#bodyprintproduct #shopproductDetailCtn .headCtn h1 
{
	max-width:100%;
	font-size:44px;
}
#bodyprintproduct #shopproductDetailCtn .headCtn .col1
{
	background:none;
	width:100%;
}

#bodyprintproduct #shopproductDetailCtn .mainctn > .left
{
	padding:0 130px 0 40px;
	width:66.66%;
}

#bodyprintproduct #shopproductDetailCtn .mainctn > .right
{
	width:33.33%;
	float:right;
	padding:0 0 0 10px;
}

#bodyprintproduct #shopproductDetailCtn .infos .info
{
	border-bottom:1px solid #e7e7e7;	
}

#bodyprintproduct #shopproductDetailCtn .bottom
{
	background:none;
}
#bodyprintproduct .headCtn .priceqty , #bodyprintproduct .headCtn .col2 
{
	display:none;
}
#bodyprintproduct #shopproductCrossselling
{
	display:none;
}
/*Gestion de la galerie*/
#bodyprintproduct #galleryimageList .nav,
#bodyprintproduct #galleryimageListCtn .listElement
{
	display:none;
}

#bodyprintproduct #galleryimageListCtn .listElement:nth-child(1),
#bodyprintproduct #galleryimageListCtn .listElement:nth-child(2),
#bodyprintproduct #galleryimageListCtn .listElement:nth-child(3),
#bodyprintproduct #galleryimageListCtn .listElement:nth-child(4)
{
	display:block;
}

#bodyprintproduct #galleryimageListCtn .listElement:nth-child(4)
{
	float:right;
	margin-right:-10px;
}
#bodyprintproduct #galleryimageListCtn .listElement .img:after
{
	opacity:0.05;
}#shopproductOptionCtn
{
	position:relative;
	display:block;
	margin:20px 0 20px 0;
}

#shopproductOptionCtn .shopproductoption
{
	position:relative;
	display:block;
	margin:0 0 14px 0;
	font-size:15px;
	line-height:1.4;
	font-weight:normal;
	color:#606060;
}

#shopproductOptionCtn .shopproductoption .label
{
	position:relative;
	display:block;
	float:left;
	width:35%;
	padding:7px 0 7px 0;
}
#shopproductOptionCtn .shopproductoption .value
{
	position:relative;
	display:block;
	float:right;
	width:65%;
	border-bottom:1px solid #c7c7c7;
}

#shopproductOptionCtn .shopproductoption .value select
{
	position:relative;
	display:block;
	width:100%;
	padding:7px 0 7px 0;
	background:none;
	border:0;
	font-family:raleway;
	font-size:15px;
	line-height:1.4;
	color:#000000;
	z-index:1;
}

#shopproductOptionCtn .shopproductoption .value span
{
	position:absolute;
	top:0;right:0;bottom:0;
	background:#ffffff;
	width:40px;
	z-index:2;
	opacity:1;
	transition:opacity .5s;
}
#shopproductOptionCtn .shopproductoption .value span:before, #shopproductOptionCtn .shopproductoption .value span:after
{
	content:"";
	position:absolute;
	display:block;
	top:50%;left:50%;
	margin:-1px 0 0 -7px;
	width:14px;
	height:2px;
	background:#5f5f5f;
	transform-origin:center center;
}
#shopproductOptionCtn .shopproductoption .value span:after
{
	transform:rotate(90deg);
}

#shopproductOptionCtn .shopproductoption .value:hover select + span
{
	opacity:0;
	z-index:0;
}#youarehereHeader
{
	font-size:11px;
	color:red;
}

#youarehereItem
{
	font-size:11px;
	color:grey;
}

#youarehereSeparator
{
	color:red;
	font-size:11px;
}

#youarehereLink
{
	font-size:11px;
	color:grey;
}

/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 17px;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
    FONT-SIZE: 15px;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    FONT-SIZE: 14px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 12px;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}/*Style pour le montage*/
#formSlider .noactif
{
	color:red;
	font-style:italic;	
}
#formSlider .noactif.forimg:before
{
	position:absolute;
	bottom:12px;left:0;top:0;right:40px;
	background:red;
	opacity:.4;
	content:"";
}

#formSliderEdit .lnkCtn
{
	margin:5px 0 5px 0;
}

#formSliderEdit .lnkCtn .lnkPart
{
	margin:5px 0 10px 0;	
}

#formSliderEdit .lnkCtn .lnkPart label
{
	display:block;
	float:left;
	width:30px;
	margin-right:15px;
}
#formSliderEdit .lnkCtn .lnkPart .lnkFieldsCtn
{
	display:block;
	float:left;
	width:380px;
}
#formSliderEdit .lnkCtn .lnkPart .lnkFieldsCtn > input
{
	display:block;
	width:100%;
}

#formSliderEdit .lnkCtn .lnkPart .lnkFieldsCtn .lnkTarget
{
	margin-top:5px;
	font-size:.8em;
}




#sliderCtn, #sliderDefault
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	overflow:hidden;
	z-index:1;
	width:100%;
}
#sliderDefault
{
	background:url(/plugin/slider/template/images/default.jpg) no-repeat center center;
}
.home #sliderDefault
{
	background:url(/plugin/slider/template/images/defaultHome.jpg) no-repeat center center;
}

#sliderDefault:before, #sliderCtn .sliderElementCtn .sliderElement:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:#000000;
	opacity:.55;
	z-index:2;
}

#sliderCtn .sliderElementCtn
{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	overflow:hidden;
	background:url(/template/image/loading.gif) no-repeat center center;
	z-index:1;
}
#sliderCtn .sliderElementCtn .sliderElement
{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#sliderCtn .sliderElementCtn .sliderElement.current
{
	display:block;
	top:0;
	left:0;
	opacity:0.4; /*pour éviter de voir le fond pendant animation*/
}
#sliderCtn .cursor
{
	cursor:default;
}

/*Style pour les flèches*/
#sliderCtn .arrow
{
	display:none;
}
/*Style pour les puces de navigation*/
#sliderCtn #bullets 
{
	display:none;
}

/*Style pour les slogan*/
#sliderCtn .sloganholder
{
	position:absolute;
	display:block;
	top:20px;bottom:20px;
	left:0; right:0;
	z-index:3;
}
#sliderCtn .sloganholder .mainctn
{
	text-align:left;
	height:100%;
	font-size:0;
	max-width:none;
	padding:0 4% 0 9%;
	margin:0;
	
}
#sliderCtn .sloganholder .mainctn:before
{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:0;
	height:100%;
}
#sliderCtn .sloganholder .mainctn .sloganctn
{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:100%;
	padding-top:50%;
	padding-right:30px;
	box-sizing:border-box;
}

#sliderCtn .sloganholder .mainctn .sloganctn .slogan
{
	color:#ffffff;
	text-decoration:none;
}
#sliderCtn .sloganholder .mainctn .sloganctn .slogan:empty
{
	display:none;
}

#sliderCtn .sloganholder .mainctn .sloganctn .slogan.first
{
	margin:0 0 20px 0;
	font-size: 40px;/*27px*/;
  	font-weight: 700;
  	line-height: 1.029;
	opacity:0;
	transition:opacity 1s;
	transform: scale(0.7); 
}

#sliderCtn .sloganholder .mainctn .sloganctn .slogan.second
{
  	margin:0 0 20px 0;
	font-size:17px;/*13px*/;
	font-weight:300;
  	line-height: 1.625;
	opacity:0;
}
#sliderCtn .sloganholder .mainctn .more
{
	opacity:0;
}
#sliderCtn .sliderElement.current.firstElement .slogan.first
{
	
	transition:all 1s;
	opacity:1;
	transform: scale(1); 
}

#sliderCtn .sliderElementCtn .sliderElement.current.firstElement
{
	opacity:1;
	transition:opacity 1s;
}
#sliderCtn .sliderElement.current.firstElement  .slogan.second,
#sliderCtn .sliderElement.current.firstElement  .more
{
	opacity:1;
	transition:opacity 1s 1s;
}


#sliderCtn .sloganholder .mainctn .sloganctn .slogan br
{
	display:none;
}
#sliderCtn .sloganholder .mainctn .sloganctn .slogan:empty
{
	display:none;
}


#sliderCtn .sloganholder .mainctn .sloganctn .more
{
	display:inline-block;
	margin:20px 0 0 0;
	font-size:13px;
	font-weight:700;
	color:#ffffff;
	position:relative;
}

#sliderCtn .sloganholder .mainctn .sloganctn .more:after
{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	height:1px;
	width:100%;
	background:#FFFFFF;
}

#sliderCtn .sloganholder .mainctn .sloganctn .slogan:empty + .slogan:empty + .more, #sliderCtn .sliderElement[href='#'] .sloganholder .mainctn .sloganctn .more
{
	display:none;
}

 #sliderCtn #down
{
	display:block;
	position:absolute;
	bottom:18px;
	left:10px;
	color:#ffffff;
	z-index:4;
	font-size:40px;
	cursor:pointer;	
}

@media only screen and (min-width:640px)
{
	#sliderCtn .sloganholder .mainctn
	{
		padding:0;
		padding-left:10%;		
	}
	#sliderCtn .sloganholder .mainctn .sloganctn
	{
		padding-top:25%;
	}
	#sliderCtn .sloganholder .mainctn .sloganctn .slogan.first
	{
		font-size: 73px;
	}
	
	#sliderCtn .sloganholder .mainctn .sloganctn .slogan.second
	{
		font-size:17px;
	}
	#sliderCtn .sloganholder .mainctn .sloganctn .more
	{
		font-size:17px;
	}
	 #sliderCtn #down
	{
		bottom:50px;
		right:50px;
		left:auto;
	}
/*Style pour les flèches*/
	#sliderCtn .arrow
	{
		position:absolute;
		display:inline-block;
		vertical-align:top;
		font-size: 13px;
		color: #FFFFFF;
		border:0;
		cursor:pointer;
		z-index:4;
		opacity:1;
		visibility:visible;
		transition:all .5s;
		transform:rotate(-90deg);
		text-transform:lowercase;
		font-weight:300;
		left:50px;
	}

	#sliderCtn .sliderNext
	{
		top:60%;
		left:50px;
	}
	#sliderCtn .sliderPrev {
		top:calc(60% - 150px);
		left:58px;
	}		
	
	#sliderCtn .separator
	{
		display:inline-block;
		vertical-align:top;
		position:absolute;
		top:calc(60% - 70px);
		height:1px;
		width:80px;
		background:#ffffff;
		transform:rotate(-90deg);
		z-index:4;
		left:40px;
	}
	
	 #sliderCtn #down
	{
		bottom:50px;
		right:50px;
		left:auto;
		cursor:pointer;	
	}

	#sliderCtn .sloganholder .mainctn .sloganctn .slogan br
	{
		display:block;
	}
}

@media only screen and (min-width:1000px)
{
	#sliderCtn .sloganholder .mainctn
	{
		padding-left:40%;		
	}
	#sliderCtn .sloganholder .mainctn .sloganctn
	{
		max-width:550px;
	}
}

@media only screen and (min-width:1200px)
{
	#sliderCtn .sloganholder
	{
		top:140px;bottom:140px;
	}


	#sliderCtn .sloganholder .mainctn .sloganctn .slogan br
	{
		display:block;
	}
}
@media only screen and (min-width:1400px)
{
	#sliderCtn .sloganholder .mainctn
	{
		padding-left:60%;		
	}
}

/*Style pour la vidéo*/
#sliderCtn.video .sliderElementCtn .sliderElement {
	display: block !important;
}
#sliderCtn.video .sliderElementCtn .sliderElement video {
	position: absolute;
	top: 50%; 
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	z-index: -1000; 
	overflow: hidden;
	opacity:0;
	transition:opacity 2s;
}
#sliderCtn.video .sliderElementCtn .sliderElement .posterimg {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%;
	z-index: -1001; 
	overflow: hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}

#formEditUser .policy
{
	display:block;
	margin:5px 0px 10px 0px;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
	max-width:300px;
	color:#474747;
}
#formEditUser .policy.error
{
	color:red;
}#weblinksListCtn .listElement .img
{
	float:left;
	width:40%;
}#youarehereCtn
{
	position:relative;
	display:block;
	float:left;
	width:calc(100% - 200px);
	font-size:11px;
	font-weight:300;
	color:#7e7e7e;
}

#youarehereCtn .header
{
	position:relative;
	display:inline-block;
	vertical-align: middle;
	text-decoration:none;
}
#youarehereCtn .header:after
{
	content:"";
	display:inline-block;
	height:1px;
	background:#a0a0a0;
	width:60px;
	margin-left:8px;
	margin-right:8px;
}
#youarehereCtn .header > a
{
	text-decoration:none;
	font-weight:300;
}

#youarehereCtn a
{
	display:inline-block;
	vertical-align: middle;
	color:#7e7e7e;
	text-decoration:none;
	font-weight:300;
}
#youarehereCtn a:hover
{
	text-decoration:underline;
}
#youarehereCtn .separator
{
	display:inline-block;
	vertical-align: middle;
	color:#7e7e7e;
	margin: 0 5px 0 5px;
}

#youarehereCtn .header + .separator
{
	display:none;
}