@media only screen and (min-width: 0px) and (max-width: 1045px){
.noMob{ display:none !important; }
}

.main_content.listing .colResult {
	width: 100%;
}
.main_content .colResult  {
	width: 100%;
}

.main_content .colResult .ButtonSub  {
	max-width: max-content;
}

.main_content .colResult .list-wrapper {
	display: flex; width: 100%;
	position: relative;
}
.main_content .colResult .list-wrapper .location {
	position: absolute;
	width: 200px;
	right: 0px;
	top: 10px;
}
.main_content .colResult .list-wrapper .side_menu {
	position: initial;
	padding-top: 50px;
	padding-left: 15px;
}
.main_content .colResult .list-wrapper .side_menu .block_menu:first-child {margin-top: 20px;}

@media only screen and (min-width: 0px) and (max-width: 1045px){
	.main_content .colResult .list-wrapper { flex-direction: column;}
	.main_content .colResult .list-wrapper .side_menu {padding: 20px 0px;}
	.main_content .colResult .list-wrapper .location {
		position: initial;
		width: 100%;
	}
} 
/******************************************************************************************/
/*FORMS ELEMENTS*/
/******************************************************************************************/
input,select,textarea{font-family:'rob', sans-serif; font-weight:200;}
input.paypalBtn{ border:0px; padding:0 0 0 0; margin-top:20px;width:200px;margin-left:30px;}
@media only screen and (min-width: 0px) and (max-width: 443px){
	.parti{ font-size:0px; padding:0 0px 0 0!important;}
input.paypalBtn{ width:100% !important;}	 

}

.greybar {
	color:grey;
}

.bar_menu {
	max-height: 88px;
}

								
input[type="file"]{ color:#000; padding:2px 10px 2px 2px;}

.size50{ width:50px;}
.size100{ width:100px;}

textarea{
border:solid 1px #000;
padding:5px 10px 5px 10px;
font-family:'rob', sans-serif;
font-size:16px;
color:#000;
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
border-radius: 0px;
box-sizing:border-box;
}							 

select{
border:solid 1px #000;
padding:4px 10px 4px 10px;
font-size:16px;
color:#000;
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
border-radius: 0px;
box-sizing:border-box;
}							 
	
	input:focus, textarea:focus, select:focus, .formTable .champ .addNewBack:hover{ -moz-box-shadow: 0px 0px 5px 0px #20D5D3;
-webkit-box-shadow: 0px 0px 5px 0px #20D5D3;
-o-box-shadow: 0px 0px 5px 0px #20D5D3;
box-shadow: 0px 0px 5px 0px #20D5D3;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#FFFF00, Direction=NaN, Strength=5);}
/*border:solid 1px #0D6DE7;*/

.ob:after{font-family: Consolas, Courier New, Arial, sans-serif; font-size:14px; content: '*'; padding-left: 3px; vertical-align:top; color:#000;} 

/*global*/
.formTable{  padding:0px; text-align:left;} /* border:1px solid #CCC;*/
.formTable .champ{ white-space:nowrap; vertical-align:top; padding:5px 0 0 0; font-size:0px;}
.formTable .champ input{ width:calc(100% - 10px); max-width:300px;}
.formTable .champ textarea{ width:calc(100% - 10px); max-width:300px; min-height:150px;}
.formTable .champ select{max-width:300px;}
	
.formTable .label{padding:5px 10px 0 0; font-size:16px; line-height:16px;}
.formTable .label span{ display:inline-block; font-size:13px; padding:5px 0 0 0; line-height:14px; width:100%;}
@media only screen and (min-width: 0px) and (max-width: 450px){ 
.formTable .label:not(.fix) {  font-size:0px; padding:0 0 0 0;}
.formTable .label:not(.fix) span{font-size:0px; padding:0 0 0 0;}
}
.formTable .titre{  padding-bottom:5px;}
.formTable .titre span{ display:inline-block; width:calc(100%); line-height:24px; padding:15px 0px 15px 0px; font-family:'selene', sans-serif; font-size:18px; font-weight:200; border-bottom:solid 1px #000; color:#000; text-transform:uppercase;}
.formTable .mt{ padding-top:20px;}
.formTable .info{ font-size:16px; padding-top:10px; padding-bottom:10px;}
.formTable .btn{ padding-top:20px;}
/*spécial*/
.formTable .champ .err{border:solid 1px #D6071B; font-size:16px;}
.formTable #zerreur{ display:none;}
.formTable #zerreur td #erreur{border:solid 1px #FF2F00; color:#FFF; background-color:#FF2F00; padding:10px 10px 10px 10px; margin:10px 0 0 0;}
.formTable #zreponse{ display:none;}
.formTable #zreponse td #reponse{border:solid 1px #20D5D3; color:#000; background-color:#20D5D3; padding:10px 10px 10px 10px; margin:10px 0 0 0;}
	
.formTable tr td .alerte{border:solid 1px #FFFF00; color:#000; background-color:#FFFF00; padding:10px 10px 10px 10px; margin:10px 0 0 0;}

.formTable .afficher_tel{padding:5px 0 0 0;}
.formTable .conditions{padding:15px 0 0 0; font-size:16px;}
.formTable .conditions a{ color:#000; text-decoration:underline;}

.formTable .link{ color:#000; text-decoration:underline;}
	
.formTable .champ .addNew{ width:calc(100% - 40px); max-width:270px;}
.formTable .champ .addNewBack{display:inline-block; width: 20px; height:20px; border: 1px solid #000; background: none; border-radius: 22px; text-decoration:none; text-align:center; line-height:20px; font-size:16px; font-weight:300; color:#000; margin-right:8px; }

/******************************************************************************************/
/* COOL CHECKBOX ROUND*/
/******************************************************************************************/  
.chkbRound:not(:checked),.chkbRound:checked {position: absolute; left: -9999px ;  }  
.chkbRound:not(:checked) + label, .chkbRound:checked + label{position: relative; padding-left: 30px; cursor: pointer;}
/* Aspect des checkboxes */ 
.chkbRound:not(:checked) + label:before,
.chkbRound:checked + label:before {
	content: '';
	position: absolute;
	left:0; top: 0px;
	width: 20px; height:20px;
	border: 1px solid #000;
	background: none;
	border-radius: 22px;
}
/* Aspect général de la coche */
.chkbRound:not(:checked) + label:after,
.chkbRound:checked + label:after {
	content: '✔';
	position: absolute;
	top: 0; left: 5px;
	font-size: 15px;
	color: #000; 
	transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
.chkbRound:not(:checked) + label:after {
	opacity: 0; 
	transform: scale(0); 
}
/* Aspect si "cochée" */
.chkbRound:checked + label:after {
	opacity: 1; 
	transform: scale(1);
	color:#000;
}   
.chkbRound:checked + label:before {
		border: 1px solid #000;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.speLogo{ font-size:0px !important; line-height:0px !important; padding-bottom:20px;}
	.speLogo:before{ content:"M.D.O"; display:inline-block; font-size:50px; line-height:50px; }
	.header .headsearch {top: 50px;}
}
/******************************************************************************************/
/*MENU*/
/******************************************************************************************/  
.bar_menu .menu .actif .m {color:#20D5D3; font-weight:100;}
.bar_menu .menu .section .bOn {border-right:1px solid #000; border-left:1px solid #000;color:#20D5D3; font-weight: 100;} 
.bar_menu .menu .social{ float:right; text-align:right; line-height:44px;  height:44px; }
.bar_menu .menu .social .icon{ display:inline-block; vertical-align:middle; text-align:center;  line-height:32px; height:32px; width:32px; font-family: "icon"; font-size:15px; text-decoration:none; color:#FFF; background-color:#000; -webkit-border-radius:32px; -moz-border-radius:32px; border-radius:32px; margin:0 0 0 5px;}
.bar_menu .menu .social .icon:hover{ background-color:#20D5D3;}
.bar_menu .menu .social .facebook:hover{background-color:#3D5B96;}

/******************************************************************************************/
/*MULTIPAGE*/
/******************************************************************************************/
.multi{
	background-color: #F5F5F5;
	/* float:left; */
	/* width:100%; */
	text-align:center;
	padding:20px 10px;
	height:36px;
	line-height:36px;
	font-family:'selene', sans-serif;
	font-size:16px;
	font-weight:100;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.multi .num { display: flex; justify-content: center; align-items: center; float:left; width:calc(100% - 220px); margin:0 auto 0 auto; font-size:0px;}
.multi .num a { display:inline-block; border:1px solid #000; margin: 0px 4px; width:36px; font-size:18px;  line-height:36px; height:36px; padding:0px 0 0 0;  color:#000; text-decoration:none;}
.multi .num a.active,
.multi .num a:hover {background-color:#FFFF00; border:1px solid #000;}
.multi .num span{ display:inline-block; line-height:30px; height:30px;  width:30px; font-size:17px; text-align:center; color:#000; margin:0 0 0 0;}
.multi .num .actif { display:inline-block; background-color:#000; color:#FFF; line-height:30px; height:30px; border:1px solid #000;}
.multi .num .actif:hover {background-color:#000;}
.multi .start,.multi .end { float:left; width:110px;}
.multi .start a, .multi .end a{ float:left; width:100%; border:1px solid #000; color:#000; height:36px; line-height:36px; text-align:center; text-decoration:none; text-transform:uppercase; padding: 0px 5px;}
.multi .start a:hover,.multi .end a:hover{ background-color:#FFFF00;} 
.multi .end a{ float:right;}

	@media only screen and (min-width: 0px) and (max-width: 736px){
	
	.multi .start a, .multi .end a {
		padding: 0px 2px;
	}
	.multi{ height:auto; padding: 20px 0px;box-sizing: border-box;}
		.multi .num { width: 100%;}
		.multi .num a { width: 26px; margin: 0px 2px;}
	.multi .start a,.multi .end a,.multi .num a {
		font-size: 18px;
		height: 32px;
	}
	}
/******************************************************************************************/
/*COLONNE MENUS*/
/******************************************************************************************/
.side_menu{ float:right; width:199px; position: absolute; right: 0px;}
.side_menu .block_menu{ display:inline-block; width:100%; margin-top:20px;}
.side_menu .block_menu:first-child{margin-top:45px;}
.page-wrapper .side_menu .block_menu:first-child {
	margin-top: 30px;
}
.page-wrapper .side_menu {top: 0px;}
.side_menu .block_menu .titre{ display:inline-block; width:100%; font-family:'selene', sans-serif; font-size:34px; padding:0 0 0 0; line-height:56px;}
.side_menu .block_menu .linkList{ width:calc(100% - 32px); border:1px solid #000; padding:0 15px 15px 15px; font-size:0px;}


.side_menu .block_menu .linkList .link{ display:inline-block; text-transform:uppercase; color:#000; font-size:14px; text-decoration:none; padding:10px 0 0 0; cursor: pointer;}
.side_menu .block_menu.location .linkList .link{ text-transform:initial;}
.side_menu .block_menu .linkList .link.actif{ color:#20D5D3; font-weight:500;}
	
.side_menu .block_menu .linkList .link{ display:inline-block; text-transform:uppercase; color:#000; font-size:14px; text-decoration:none; padding:10px 0 0 0; }
.side_menu .block_menu .linkList .link:hover{ text-decoration:underline;}
.side_menu .block_menu .linkList .link.actif{ color:#20D5D3; font-weight:500;}

.side_menu .block_menu .linkList .item{display:inline-block;  text-transform:uppercase; color:#000; font-size:14px; text-decoration:none; padding:10px 0 0 0; } 
.side_menu .block_menu .linkList .item label {display:inline-block;}
.side_menu .block_menu .linkList .item label span{ display:inline-block; width:140px;vertical-align:top; }
.side_menu .block_menu.location .linkList .item label span{ text-transform:initial;}
.side_menu .block_menu .linkList .item:hover label span{text-decoration:underline;} 
	
/*COMPTE MENUS*/
.side_menu .block_menu .linkList .miniInfos{padding:5px 0 0 0; font-size:13px;}
.side_menu .block_menu .titrespe{ word-break:break-all; padding:12px 0 12px 0;  line-height:34px; text-transform:uppercase;}
.side_menu .block_menu .linkList .lcpt {display:inline-block;  text-transform:uppercase; color:#000; font-size:14px; text-decoration:none; padding:10px 0 0 0; vertical-align:top;}
.side_menu .block_menu .linkList .lcpt .icon{ display:inline-block; vertical-align:middle; line-height:20px; height:20px; width:20px; font-family: "icon"; font-size:15px; text-decoration:none; color:#000; position:relative; top:2px; }
.side_menu .block_menu .linkList .lcpt a{ vertical-align:middle; padding:0 0 0 0;}

@media only screen and (min-width: 0px) and (max-width: 736px){
	.page-wrapper .side_menu {display: none !important;}
	.side_menu{width:100%;position: relative;}
} 
/******************************************************************************************/
/*COMPTE*/
/******************************************************************************************/
.colCpt{ float:left; width:816px;}

.headCpt{ float:left; width:100%; padding:36px 0 25px 0; position:relative;}
.headCpt h1{float:left; width:100%; top:50px; font-family:'selene', sans-serif; font-size:60px; font-weight:200; text-transform:uppercase; line-height:60px; margin:14px 0 0 0;}
.headCpt h2{float:left; font-size:18px; font-weight:200; line-height:20px; }

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.colCpt{ width:100%;}
.headCpt{ padding:20px 0 25px 0;}
.headCpt h1{margin:14px 0 10px 0; font-size:40px;line-height:40px;}
}

/******************************************************************************************/
/*HEADER CONTENUS*/
/******************************************************************************************/ 
.headliste{ width:100%; border-bottom:1px solid #000; padding:0 0 25px 0; position:relative; min-height:135px;display: flex; flex-direction: column;}
.headliste h1{float:left; width:100%; top:50px; font-family:'selene', sans-serif; font-size:40px; font-weight:200; text-transform:uppercase; line-height:60px; margin:14px 0 0 0;}
.headliste h2{float:left; font-size:18px; font-weight:200; line-height:20px; }
.headliste select{ position:absolute;  right:0px; bottom:25px;}


.headliste.has_content {
	margin-bottom: 10px;;
}

.main_content.listing .additional_content {
	display: inline-block;
	padding-top: 10px;
	width: 100%;
}

.additional_content {
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}

.additional_content.second_section {
	border-top: 1px solid #000;
	padding: 10px 0px;
}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.headliste{ border-bottom:0px; min-height:inherit;}
.headliste h1{margin:14px 0 10px 0; font-size:40px;line-height:40px;}
.headliste select{bottom:15px;}
}

.ariane{float:left; display:block; font-size:15px; margin:15px 0 0 0;}
.ariane a{text-decoration:none; color:#000;}
.ariane a:hover{text-decoration:underline;}
	
	
.noResults{ float:left; width:100%; padding:0 0 25px 0; position:relative; min-height:135px;}
.noResults h1{float:left; width:100%; top:50px; font-family:'selene', sans-serif; font-size:60px; font-weight:200; text-transform:uppercase; line-height:60px; margin:14px 0 0 0;}
.noResults h2{float:left; font-size:18px; font-weight:200; line-height:20px; }

.noResults_subscribe a{float:left; clear:both; margin:14px 0 0 0; }

.ButtonSub {
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:linear-gradient(to bottom, #ffff00 5%, #d5e848 100%);
	background-color:#ffff00;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:15px;
	padding:12px 20px;
	text-decoration:none;
}
.ButtonSub:hover {
	background:linear-gradient(to bottom, #d5e848 5%, #ffff00 100%);
	background-color:#d5e848;
}
.ButtonSub:active {
	position:relative;
	top:1px;
}


	
	@media only screen and (min-width: 0px) and (max-width: 736px){ 
.noResults{ border-bottom:0px; min-height:inherit;}
.noResults h1{margin:14px 0 10px 0; font-size:40px;line-height:40px;}
}

/******************************************************************************************/
/*CATALOGUE*/
/******************************************************************************************/
.colResult{ float:left; width:816px;}
.colResult>.ezoic-ad {
	width: 816px !important;
	min-width: 816px !important;
	overflow: auto;
}

@media only screen and (max-width: 736px) and (min-width: 0px) {
	.colResult .ezoic-ad {
		width: 100% !important;
		min-width: 100% !important;	
	}
}
/*liste resultats items*/
/* .listeItems{ float:left; width:100%; padding:30px 0 0 0;}
.listeItems .pub{ width:242px; height:252px; background-color:#DEDEDC;}
.listeItems .item {
	position:relative;
	float:left;
	width:242px;
	margin-right:30px;
} 

.listeItems .item ~ .google-auto-placed {
	max-width: 242px;
	max-height: 300px;
	overflow: hidden;
}

.listeItems .max3 ~ .google-auto-placed {
	max-width: 846px;
	overflow: hidden;
}

.listeItems .item .img_container{ float:left; position:relative; overflow:hidden; width:242px; height:242px; background-color:#000; cursor:pointer;}
.listeItems .item .img_container img{ width:150%;  position: absolute; top:-100%; left:-100%; right: -100%; bottom:-100%; margin:auto; }
	
.listeItems .item .infos{float:left; width:100%; font-size:15px; line-height:18px; height:105px; padding:10px 0 0 0;}
.listeItems .item .infos .modele{ display:inline-block; width:100%; line-height:20px; color:#000; text-decoration:none; font-weight:400; text-transform:uppercase;}
.listeItems .item .infos .prixneuf{ display:inline-block; text-decoration:line-through;}
.listeItems .item .infos .prix{ display:inline-block;}

.listeItems .item .infos .mini{ display:inline-block; font-size:13px;}
.listeItems .item .infos .mini a{ color:#000; text-decoration:none;}
.listeItems .item .infos .mini a:hover{ text-decoration:underline;} */

@media (max-width: 1045px) {
	.colResult {
		width: 100%;
	}
	.side_menu {
		float: unset;
		width: 100%;
		position: initial;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.side_menu .block_menu {
		width: 45%;
		margin: 0px 20px;
		margin-top: 20px;
	}

	.side_menu .block_menu .linkList {
		display: flex;
		flex-direction: column;
	}
/* 
	.listeItems .max4,
	.listeItems .max3 {
		justify-content: space-between;
	}

	.listeItems .max3 ~ .google-auto-placed {
		width: 100%;
		max-width: 100%;
	}

	.listeItems .max3 > * {
		width: calc((100% - 60px) / 3);
		max-width: calc((100% - 60px) / 3);
		overflow: hidden;
	}

	.listeItems .max4 > * {
		width: calc((100% - 80px) / 4);
		max-width: calc((100% - 80px) / 4);
		overflow: hidden;
	}
	.max4 .item {
		margin: 0px !important;
	}
	.listeItems .max4 .item .img_container,
	.listeItems .max3 .item .img_container {
		width: 100%;
	} */
}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.colResult{width:100%;}
/* .listeItems{padding:0px 0 0 0;}
.listeItems .max4 > *,
.listeItems .max3 > *{
	width:100% !important;
	max-width: 100% !important;
	margin-right:0px;
} */
.google-auto-placed {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0px !important;
}
/* .listeItems .item .img_container{width:100%; height:252px;}
.listeItems .item .infos{ height:auto; padding-bottom:20px;} */
}

/* .listeItems .item .img_container .inf{ visibility:hidden; opacity:0; width:200px; height:200px;}
.listeItems .item .img_container:hover .inf{ visibility:visible; opacity:1; transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; }
.listeItems .item .img_container:hover .inf{display:inline-block; position:absolute; z-index:9800;   padding:15px 15px 15px 15px; text-align:left; background-color:#000; top:11px; left:11px; font-family:'selene', sans-serif;  color:#FFFFFF; font-size:30px; font-weight:200; mix-blend-mode: multiply; opacity:1;}
.listeItems .item .img_container:hover .inf span{display:inline-block;  line-height:30px; text-transform:uppercase; word-break: break-all;}  */
/* 
@media only screen and (min-width: 0px) and (max-width: 736px){ 
	.listeItems .item .img_container .inf,.listeItems .item .img_container:hover .inf{ visibility:hidden;}
} */
	
/*variantes*/
.max3>*:nth-child(3n){ margin-right:0px;} 
.max4 { margin-top:30px;}
.max3, .max4 {
	display: flex;
	flex-wrap: wrap;
}
.max4 .item{width:238px; margin-right:31px;}
.max4 .item ~ .google-auto-placed {
	width: 238px;
	max-width: 238px;
	max-height: 300px;
	margin-right:31px;
	overflow: hidden;
}
.max4  .pub{height:238px;}
.max4 > *:nth-child(4n+0){ margin-right:0px;}
.max4 .item .img_container{width:238px; height:238px;}
.max4 .item .img_container .inf{ width:187px; height:187px;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
	.max4 { margin-top:30px; padding-top:20px;}
	.max4 .item{ width:100%; margin-right:0px;}  
	.max4 .item .img_container{width:100%; height:252px;} 
	/* .listeItems .max4 > * {
		width:100%;
		margin-right:0px;
		max-width: 100%;
	} */
}

.relationList { display: flex; flex-wrap: wrap; justify-content: space-between; }
.relationList > * {
	flex-basis: calc((100% - 60px) / 4);
	width: calc((100% - 60px) / 4) !important;
	margin: 0px !important;
}
.relationList > * .img_container { width: 100%; }

@media (max-width: 1045px) { .relationList.max4>* {width: calc((100% - 80px) / 4);} }
@media (max-width: 640px) { .relationList.max4>* {width: 100%; flex-basis: 100%;} }

.searchColResult{
	width:100%;
	display: flex;
	flex-direction: column;
}
.searchItems{border-top:0px; margin-top:0px;}

/*compte client edit*/
.editInfo{display:inline-block;  font-size:15px; border:1px solid #000; padding:10px 10px 10px 10px; width:calc(100% - 20px); margin-bottom:30px }

.statut{display:inline-block; vertical-align:middle; font-size:0px; height:13px; width:13px;  -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px;}
.statut.vert{background-color:#20D5D3;}
.statut.jaune{background-color:#FFFF00;}
.statut.rouge{background-color:#FF2F00;}
.editInfo a{ text-decoration:none; color:#000;}
.editInfo a:hover{text-decoration:underline;}
.editInfo .mod{ font-weight:300;}

	/******************************************************************************************/
/*FICHE*/
/******************************************************************************************/
.headfiche{ float:left; width:100%; margin:0 0 30px 0; position:relative;}
.headfiche h1{float:left; width:700px; top:50px; font-family:'selene', sans-serif; font-size:50px; font-weight:200; text-transform:uppercase; line-height:50px; margin:14px 0 0 0;} 
.headfiche .retour{ float:left; width:100%; padding:20px 0 0 0;}
.headfiche .retour .icon{ display:inline-block; vertical-align:middle; text-align:left;  line-height:32px; height:32px; width:26px;  font-family: "icon"; font-size:30px; text-decoration:none; color:#000;}
.headfiche .retour a{display:inline-block; vertical-align:middle;  font-family:'selene', sans-serif; font-size:18px; line-height:32px; font-weight:100; text-decoration:none; color:#000;}
.headfiche .retour a:hover{ text-decoration:underline;}
.headfiche .social{position:absolute; right:0px; bottom:0px; text-align:right; font-size:0px; }
.headfiche .social .icon{ display:inline-block; vertical-align:top; text-align:center;  line-height:32px; height:32px; width:32px; font-family: "icon"; font-size:15px; text-decoration:none; color:#FFF; background-color:#000;  margin:0px 5px 0 0 ;}
.headfiche .social .icon:hover{ background-color:#20D5D3;}  
.headfiche .social .selection{ background-color:#000; color:#FFF; height:30px; width:30px; border:1px solid #000;}
.headfiche .social .selection:hover, .headfiche .social .selection.activ{ background-color:#FFFF00; color:#000; height:30px; width:30px; border:1px solid #000;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.headfiche h1{ width:100%; font-size:40px; line-height:40px; top:0px;  margin:14px 0 0 0;} 
.headfiche .social{display:inline-block; width:100%; position:relative; right:auto; bottom:auto; margin-top:10px; text-align:left;}
}

/*ADD THIS*/
.headfiche .social .addthis_sharing_toolbox{display:inline-block; font-size:0px; vertical-align:top; padding:0px; margin:0px; height:0px; line-height:0px; } 
.at-icon{ background-color:#000;}
.at-icon-pinterest:hover{ background-color:#C3282C;}
.at-icon-facebook:hover{background-color:#3D5B96;}
.at-icon-twitter:hover{background-color:#2AA7DE;}
	
.colFiche{ float:left; width:700px;}

.colFiche .formBox{margin-bottom:30px; padding:30px; border:1px solid #000; display:none;}
@media only screen and (min-width: 0px) and (max-width: 736px){
	.colFiche .formBox{ border-right:0px; border-left:0px; border-top:0px; padding:0px 0 20px 0;}
}

.colFiche .photos{ float:left; width:100%;}

.colFiche .photos .minis{ float:left; width:100px;}
.colFiche .photos .minis img{ float:left; width:100%; cursor:pointer;}

.colFiche .photos .minis img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: .3; transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; }
.colFiche .photos .minis img:hover { filter: none; -webkit-filter: grayscale(0%); opacity: 1 }
.colFiche .photos .minis .activ { filter: none; -webkit-filter: grayscale(0%); opacity: 1 }
	
.colFiche .photos .photo{ float:right; width:600px;}
.colFiche .photos .photo img{ width:100%;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
	.colFiche{width:100%;}
	.colFiche .photos .minis{   width:100%;}
	.colFiche .photos .minis img{ width:80px;}
	.colFiche .photos .photo{ width:100%;}
}


.sideFiche{ float:right; width:315px;}
.sideFiche .titre{ font-family:'selene', sans-serif; font-size:18px; font-weight:200; text-transform:uppercase; line-height:25px; margin-top:25px;}
.sideFiche .titre:first-child{ margin-top:0px;} 
.sideFiche .prix{ font-size:30px;}
.sideFiche .prix span{ text-decoration:line-through;}
.sideFiche .texte{ display:inline-block; font-size:16px; line-height:22px;}
.sideFiche .texte a{ text-decoration:none; color:#000; }
.sideFiche .texte a:hover{ text-decoration:underline;  }
.sideFiche .texte .mini{ display:inline-block; font-size:13px; line-height:15px !important;}
.sideFiche .texte .mini b{ font-weight:400;}
.sideFiche .texte img{ display:inline-block; float:left;}
.sideFiche .btn  { display:inline-block; float:left; margin-top:25px;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
	.sideFiche{ margin-top:20px; width:100%;}
}
/******************************************************************************************/
/*MESSAGES DE INTERNAUTES*/
/******************************************************************************************/
.messages{ float:left; width:100%; margin:0 0 30px 0;}
.messages:last-child{ margin:0 0 0 0;}
.messages .head{ float:left; width:100%;  border-top:1px solid #000; border-bottom:1px dotted #000; padding:10px 0 10px 0; }
.messages .head b{ font-weight:300; }
.messages .alerte{float:left; width:100%; color:#FF2F00; padding:10px 0 0 0;}
.messages .texte{float:left; width:100%; padding:10px 0 10px 0;}

/******************************************************************************************/
/*MARQUES ET DESIGNERS*/
/******************************************************************************************/
/* listingLetter */
.listingLetter { float: left; padding:36px 0 0 0; width: 100% }
.listingLetter h1 { float:left; width:100%; top:50px; font-family:'selene', sans-serif; font-size:60px; font-weight:200; text-transform:uppercase; line-height:60px; margin:14px 0 20px 0;}
	
.listingLetter .lettres { float: left; width:calc(100% - 20px); border: 1px solid #000; padding:5px 10px 5px 10px; color: #DDD; margin-bottom: 30px }
.listingLetter .lettres .aller { display: block; float: left; color: #000; text-transform: uppercase; font-weight: 300; width: 80px}
.listingLetter .lettres a, .listingLetter .lettres span{ display:inline-block; text-align: center; width:30px; height:30px; line-height:31px; text-decoration: none; color: #000; -webkit-border-radius:32px; -moz-border-radius:32px; border-radius:32px; transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; }
.listingLetter .lettres a:hover, .listingLetter .lettres a.activ{ background:#000; color:#FFF;}
.listingLetter .liste { float: left; width: 100% }
.listingLetter .liste .colonne { float: left; width:25% }
.listingLetter .liste .colonne .container{opacity:1; transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out;} 
.listingLetter .liste .colonne .container.inactiv{opacity:.2;} 
.listingLetter .liste .colonne .lettre { float: left; font-family:'selene', sans-serif; font-weight:100; width: 100%;  font-size: 80px }
.listingLetter .liste .colonne .item { display:inline-block; text-decoration: none; color: #000; font-size: 14px; cursor: pointer; }
.listingLetter .liste .colonne .item:hover { text-decoration:underline;}  
.listingLetter .liste .colonne  .inactiv .item:hover{text-decoration:none;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.listingLetter h1 {font-size:40px;line-height:40px;}
.listingLetter .liste .colonne {width:calc(100% / 3);}
}

/******************************************************************************************/
/*EDITOR ET ZONE DE TEXTE*/
/******************************************************************************************/ 
.headclassic{ float:left; width:100%;  padding:0 0 25px 0; position:relative; min-height:135px;}
.headclassic h1{float:left; width:100%; top:50px; font-family:'selene', sans-serif; font-size:60px; font-weight:200; text-transform:uppercase; line-height:60px; margin:14px 0 0 0;}
.headclassic h2{float:left; font-size:18px; font-weight:200; line-height:20px; } 
	
.ztexte{ float:left; width:100%; margin:20px 0 20px 0; font-size:15px;}

.editor p{ line-height:22px; text-align:justify;}
.editor a {text-decoration:underline; color:#000;}
.editor a:hover {text-decoration:underline; background-color:#FFFF00;} 
.editor img { border:0 }
.editor .img_right { float:right; margin:5px 0 0 20px;}
.editor .img_left { float:left;  margin:5px 20px 0 0;} 

.editor h3 { display:inline-block; width:100%; font-family:'selene', sans-serif; font-size:30px; line-height:30px; text-transform:uppercase; font-weight:100;  text-align:left; margin-top:10px; border-top:1px dotted #000; border-bottom:1px dotted #000; padding-top:15px; padding-bottom:15px;} 
.editor h4 { display:inline-block; width:100%; font-size:20px; line-height:26px; font-weight:200; text-align:left; margin-top:10px;}
.editor .couleur1{color:#20D5D3;}
.editor .fmini{ font-size:13px; line-height:16px;}

.editor strong{font-weight:300;} 
.editor ul{ margin:0 0 0 6px; padding:0 0 0 0; list-style-type:circle; list-style-position:inside;}
.editor ul li{padding:0 0 0 0; margin:0 0 0 0;}

.docs{float:left; width:100%; margin:20px 0 0 0;}
.docs .titre{float:left; width:100%; color:#333;  font-size:20px; line-height:26px; font-weight:200; text-align:left; margin:0 0 14px 0;}  
.docs a{ display:inline-block; font-size:14px; background:url(../img/ic_pdf.png) no-repeat; background-position:0px 0px; line-height:20px; padding:0 10px 10px 30px; color:#333; text-decoration:none;}
.docs a:hover{ text-decoration:underline;}

.columns{
		-moz-column-count:3;
		-webkit-column-count:3;
		-o-column-count:3;
		column-count:3;
		-moz-column-gap:40px;
		-webkit-column-gap:40px;
		-o-column-gap:40px;
		column-gap:40px;
		-webkit-column-rule-width:1px;
		-webkit-column-rule-color:#000;
		-webkit-column-rule-style:dotted;
		-moz-column-rule-width:1px;
		-moz-column-rule-color:#000;
		-moz-column-rule-style:dotted;
		-o-column-rule-width:1px;
		-o-column-rule-color:#000;
		-o-column-rule-style:dotted;
		column-rule-width:1px;
		column-rule-color:#000;
		column-rule-style:dotted;
}
.columns p:first-child{ margin-top:0px;}
.columns h3:first-child{ margin-top:0px; padding-top:0px; border-top:0px;}
.columns p:last-child{ margin-bottom:0px;}
.columns h4:last-child{ margin-bottom:0px; padding-top:0px; border-top:0px;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.headclassic{min-height:inherit; margin-top:20px;}
.headclassic h1{font-size:40px; line-height:40px; }
.columns{
		-moz-column-count:1;
		-webkit-column-count:1;
		-o-column-count:1;
		column-count:1; 
}
}

/******************************************************************************************/
/*404*/
/******************************************************************************************/ 
.ads_more_content{ display:inline-block; width:100%; margin-bottom:20px;}

.rub_map { float: left; width: 100% }
.rub_map div a.titre { display:inline-block; font-family:'selene', sans-serif; font-weight:100; width: 100%;  font-size:30px; line-height:30px; color:#000000; text-transform:uppercase; text-decoration:none; margin-top:10px; border-top:1px dotted #000; border-bottom:1px dotted #000; padding-top:15px; padding-bottom:15px;}
.rub_map div a.link{ display:inline-block; color:#000000; text-decoration:none; margin-top:5px; }
.rub_map div a:hover{ color:#20D5D3;} 
.rub_map div a.titre:first-child{ margin-top:0px; padding-top:0px; border-top:0px;}
.rub_map div a.link:first-child{ margin-top:0px;} 
.keywords_list {
	display: grid;
	display: -ms-grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 15px;
}

.keywords_list > a { position: relative; padding-left: 15px; cursor: pointer; text-decoration: none; color: #222;}
.keywords_list > a:hover { text-decoration: underline;}
.keywords_list > a::before {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	position: absolute;
	content: '';
	left: 0;
	top: 9px;
	background-color: #222;
}

@media (max-width: 1024px) {
	.keywords_list {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 576px) {
	.keywords_list {
		grid-template-columns: repeat(2, 1fr);
	}
}


.listing { border:1px solid #BEBEBE; box-sizing: border-box; }
.listing th {padding: 5px; text-align:center}
.listing_nobt{ border-top:0px;}
.listing_nobb{ border-bottom:0px;}
.listing td { height:38px; border-top:1px solid #DDDDDD; font-size:14px;padding: 5px 10px; border-right: 1px solid #DDD;}
.listing .a { padding-left:15px }
.listing .statut { color:#090 }
.listing thead { background-color:#F8F8F8; font-weight:bold; height:42px; color:#666 }
.listing thead a { text-decoration:none; color:#666 }
.listing thead a:hover { text-decoration:underline }
.listing thead .ongOn { display:block; float:left; background-color:#FFF; border:1px solid #CCC; margin-right:5px; padding:8px }
.listing thead .ongOff { display:block; float:left; margin-right:5px; padding:9px }
.listing .line { background-color:#FFF; color:#666 }
.listing .linehover { background-color:#F8F8F8; color:#666 }

.listing tr td .roundimg { display:block; width:40px; height:40px; -webkit-border-radius:40px; 
-moz-border-radius:40px;
border-radius: 40px; overflow:hidden;}

.listing .line2 { background-color:#F8F8F8; color:#999 }
.listing .linehover2 { background-color:#F8F8F8; color:#999 }
.listing:not(.main_content) span { font-weight:normal; font-size:13px; color:#999 }
.listing input { border:1px solid #DDD; padding:3px; font-size:14px; width:500px }
.listing textarea { border:1px solid #DDD; padding:3px; height:60px; font-family:Arial; font-size:12px; width:500px }
.listing select { border:1px solid #DDD; padding:3px; font-size:14px; width:508px }
.listing .ck { padding:10px; background-color:#FFF }
.listing .sub { background-color:#FFF; border:0; padding-top:10px; padding-bottom:10px; }
.listing .nob { border:0 }
.listing .line2 a,
.listing .linehover2 a { color:#999; text-decoration:none }
.listing.message_list a {font-weight: 300; text-decoration: none; color: #000;}
.listing.message_list th {
	font-size: 14px;
	font-weight: 300;
	color: #000;
}
@media only screen and (min-width: 737px) {
	.listing.message_list .linehover td .label,
	.listing.message_list .line td .label{
		display: none;
	}
}
@media only screen and (min-width: 0px) and (max-width: 736px){
	.listing.message_list {
		display: inline-block;
	}
	.listing.message_list thead {
		display: none;
	}
	.listing.message_list tbody {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.listing.message_list .linehover,
	.listing.message_list .line {
		width: 100%;
		display: flex !important;
		flex-direction: column !important;
	}

	.listing.message_list .linehover td,
	.listing.message_list .line td {
		display: flex !important;
		align-items: flex-start;
		width: 100% !important;
		box-sizing: border-box;
		padding: 20px 10px;
		height: unset !important;
	}
	.listing.message_list .linehover td .label,
	.listing.message_list .line td .label {
		padding-right: 10px;
		width: 100px;
		min-width: 100px;
		max-width: 100px;
		text-align: right;
		color: #222;
	}
}
.contact-us h1 {
	float: unset;
}
.contact-us td.label {
	max-width: 150px;
}

.contact-us .formTable .champ input,
.contact-us .formTable .champ textarea {
	width: 100%;
	max-width: 100%;
}

.login_template {
	display:flex;
	margin-top: 20px;
}

.login_template > *:first-child {
	width: 60%;
}

.login_template > *:last-child {
	width: 40%;
	margin-left: 40px;
}

.login_template > *:last-child li {
	margin: 10px 0px;
}

@media (max-width: 736px) {
	.login_template {
		flex-direction: column;
	}
	.login_template > *:first-child,
	.login_template > *:last-child {
		width: 100%;
		margin-left: 0px;
	}
}

.metalines {
	float: initial;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.metalines h2 {
	white-space: nowrap;
	margin-right: 10px;
}

.metalines select {
	position: initial;
}

.metalines ~ p {
	margin-bottom: 0px;
}

.metalines .btn-filtering {
	display: none;
}

@media (min-width: 1046px) {
	body .side_menu.noMob .close_modal {
		display: none;
	}
}

@media (max-width: 1045px) {
	body .side_menu.noMob .close_modal {
		font-size: 24px;
		position: absolute;
		right: 20px;
		top: 10px;
		cursor: pointer;
	}

	body.openFiltering .side_menu.noMob {
		flex-wrap: wrap;
		max-height: calc(100vh - 150px);
		overflow: auto;
	}

	body.openFiltering .side_menu.noMob .block_menu {
		width: 40%;
	}

	body.openFiltering .side_menu.noMob.onlyLocation .block_menu {
		width: 100%;
	}

	body.openFiltering .side_menu.noMob .close_modal:hover {
		color: #000;
	}

	body.openFiltering {
		background-color: rgba(0, 0, 0, 0.3);
		overflow: hidden;
	}

	body.openFiltering .header .headsearch input {
		opacity: .7;
	}
	body.openFiltering .side_menu.noMob::before {
		width: 100vw;
		height: 100vh;
		position: fixed;
		content: '';
		z-index: -1;
		top: 0px;
		left: 0px;
	}

	.metalines {
		padding-right: 32px;
		box-sizing: border-box;
	}

	.metalines .btn-filtering {
		display: block;
		position: absolute;
		right: 0px;
		cursor: pointer;
	}
	
	.metalines .btn-filtering img {
		width: 20px;
	}
		
	body.openFiltering .listing select,
	body.openFiltering .btnmenu {
		background-color: transparent;
		z-index: -1;
	}
	body.openFiltering .side_menu.noMob {
		display: flex !important;
		background-color: #FFF;
		border-radius: 10px;
		box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
		position: fixed !important;
		top: 70px;
		width: calc(100% - 40px);
		left: 20px;
	}

	body.openFiltering .side_menu.noMob::-webkit-scrollbar {
		width: 3px;
	}
	
	body.openFiltering .side_menu.noMob::-webkit-scrollbar-track {
		background: transparent;
	}
	
	body.openFiltering .side_menu.noMob::-webkit-scrollbar-thumb {
		background: #ccc;
	}
	
	body.openFiltering .side_menu.noMob::-webkit-scrollbar-thumb:hover {
		background: #aaa;
	}
}

@media (max-width: 640px) {
	.metalines h2 {white-space: normal; min-width: 160px;margin-right: 0px;}
}

@media (max-width: 576px) {
	body.openFiltering .side_menu.noMob .block_menu {
		width: 100%;
	}
	.metalines h2 {
		font-size: 14px;
	}
}

.liste.topsearch {
	display: flex;
	flex-direction: column;
}

.liste.topsearch .listKeywords {
	padding: 30px 0px;
	margin-top: 30px;
	border-top: 1px solid #222;
}

.liste.topsearch .listKeywords h2 {
	font-weight: normal;
}

.liste.topsearch .listKeywords ul li {
	position: relative;
	padding-left: 15px;
}

.liste.topsearch .listKeywords ul li::before {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	position: absolute;
	content: '';
	left: 0px;
	top: 9px;
	background-color: #222;
}

.related_keywords_list {
	margin: 20px 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #222;
}




.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
		-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
					user-select: none;
	position: relative;
}

.multiselect {
	width: 100%;
	font-size: 15px;
	padding-bottom: 4px;
	border-radius: 3px;
	border: 1px solid #000;
	transition: 0.2s;
	outline: none;

	margin-top: 20px;
}

.multiselect:hover {
	border: 1px solid rgba(0, 0, 0, 0.3);
}

.multiselect.active {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.multiselect > .title {
	cursor: pointer;
	height: 16px;
	padding: 6px;
}

.multiselect > .title > .text {
	max-height: 25px;
	padding-right: 30px;
	display: block;
	overflow: hidden;
	line-height: 1.3em;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.multiselect > .title > .expand-icon,
.multiselect > .title > .close-icon {
	position: absolute;
	padding: 0 4px;
	font-weight: 700;
	transition: 0.2s;
	right: 5px;
	top: calc(50% - 10px);
	text-decoration: none;
}

.multiselect.selection > .title > .expand-icon {
	display: none;
}

.multiselect > .title > .expand-icon,
.multiselect.selection > .title > .close-icon {
	display: block;
}

.multiselect > .title > .close-icon:hover {
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: rgb(203, 32, 32);
	color: #fff;
}

.multiselect > .container {
	overflow: auto;
	margin-top: 4px;
	margin-left: -1px;
	transition: 0.2s;
	position: absolute;
	z-index: 99999;
	background: #fff;
	border: 1px solid transparent;
	border-top: 1px solid rgba(0, 0, 0, 1);
}

.multiselect.active > .container {
	border: 1px solid rgba(0, 0, 0, 1);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	/* border-top: 0; */
}

.multiselect:hover > .container {
	border-top-color: rgba(0, 0, 0, 0.3);
}

.multiselect.active:hover > .container {
	border-color: rgba(0, 0, 0, 0.3);
}

.multiselect > .container > li {
	display: none;
	padding: 5px;
	cursor: pointer;
	transition: 0.2s;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

.multiselect > .container > li.selected {
	background: rgb(122, 175, 233);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #fff;
}

.multiselect > .container > li:hover {
	background: rgba(0, 0, 0, 0.1);
	color: #000;
}

.multiselect.active > .container > li {
	display: block;
}

@media (max-width: 736px) {
	.block_menu.location {
		margin-bottom: 20px;
	}
}

.locations_wrapper {
	display: flex;
	flex-wrap: wrap;
}

.locations_wrapper > * {
	padding: 5px 10px;
	border-radius: 10px;
	background-color: #CCC;
	font-size: 12px;
	margin-right: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5px;
}

.locations_wrapper > * .times {
	margin-left: 10px;
	cursor: pointer;
}

#shippingmethod  {
	clear:both;
	text-align: center;
	min-width:100px;
	border:1px solid #808080;
	padding:10px;
	margin-top:80px;
	color:black;
	font-size:14px;
}

#shippingmethod a{
	color:black;
	text-decoration: none;
	font-size:14px;
}

#shippingmethod a:hover{	
	text-decoration: underline;
}


/** Grid ***/
.grid-layout { margin-top: 20px; width: 100%;}
.grid-col-3 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.grid-col-4 { display: flex; flex-wrap: wrap; justify-content: space-between; }

.grid-col-3 .item { flex-basis: calc((100% - 30px) / 3); display: flex; flex-direction: column; margin-bottom: 15px;}
.grid-col-4 .item { flex-basis: calc((100% - 45px) / 4); display: flex; flex-direction: column; margin-bottom: 15px;}

.grid-col-3 .item.google-ad {flex-basis:  calc(((100% - 30px) / 3) * 2);}
.grid-col-4 .item.google-ad {flex-basis:  calc(((100% - 45px) / 4) * 2);}


.grid-layout .item .img_container{ position:relative; overflow:hidden; width:100%; height:242px; cursor:pointer;}
.affiliates_content .grid-layout .item .img_container img { width:auto;height:100%!important; }
.grid-layout .item .img_container img{ width:150%;  position: absolute; top:-100%; left:-100%; right: -100%; bottom:-100%; margin:auto; }
	
.grid-layout .item .infos{float:left; width:100%; font-size:15px; line-height:18px; padding:10px 0 0 0; text-align:center;}
.grid-layout .item .infos .modele{ display:inline-block; width:100%; line-height:20px; color:#000; text-decoration:none; font-weight:400; text-transform:uppercase;}
.affiliates_content .grid-layout .item .infos .modele { font-weight: 100!important; }
.grid-layout .item .infos .prixneuf{ display:inline-block; text-decoration:line-through;}
.grid-layout .item .infos .prix{ display:inline-block;}

.grid-layout .item .infos .mini{ display:inline-block; font-size:13px;}
.grid-layout .item .infos .mini a{ color:#000; text-decoration:none;}
.grid-layout .item .infos .mini a:hover{ text-decoration:underline;}
.grid-layout .item .img_container .inf{ visibility:hidden; opacity:0; box-sizing: border-box;}
.grid-layout .item .img_container:hover .inf{ visibility:visible; opacity:1; transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; }
.grid-layout .item .img_container:hover .inf{display:inline-block; position:absolute; z-index:9800;   padding:15px 15px 15px 15px; text-align:left; background-color:#000; top:11px; left:11px; right: 11px; bottom: 11px; font-family:'selene', sans-serif;  color:#FFFFFF; font-size:30px; font-weight:200; mix-blend-mode: multiply; opacity:1;}
.grid-layout .item .img_container:hover .inf span{display:inline-block;  line-height:30px; text-transform:uppercase; word-break: break-all;}
.grid-layout .item.google-ad * {
	max-width: 100%; max-height: 100%;
}

#ezoic-pub-ad-placeholder-136 { min-height: 250px; }
@media (max-width: 600px) {
	.grid-col-3 .item { flex-basis: 100% !important; max-width: 450px; display: flex; flex-direction: column; margin: 15px auto; }
	.grid-col-4 .item { flex-basis: 100% !important; max-width: 450px; display: flex; flex-direction: column; margin: 15px auto; }
}


/* special image container for affiliate pictures to avoid wrong click */
.img_container_affiliate {
	position: relative;
    overflow: hidden;
    width: 100%;
    height: 242px;
    cursor: pointer;
    text-align: center;
}


.grid-layout .item .img_container_affiliate img {

	object-fit: cover;
	 position: absolute; 
    top: -100%; 
    left: -100%; 
    right: -100%; 
    bottom: -100%; 

    
    margin: auto;
    
}


.affiliates_content .grid-layout .item .img_container_affiliate img {
	width: auto;
    height: 100%!important;
}

.obfulink {
	cursor: pointer;
	font-weight: 100;
}

/* end of affiliate images */

.notifAlert {
	padding-top: 10px;
	padding-bottom: 10px;
}