/*
		=================================
		
			CSS (fenix) v1.3.1
		
	 	=================================

	loading general functions ------- OK
	loading css functions ----------- OK
	website name -------------------- Anthony Meyer Photography
	website link -------------------- https://www.anthony-meyer.com
	last modified ------------------- 10/Feb/2017 13:14:19
	author -------------------------- Fenix

	listing available colors -

		#000000 --- noir
		#A9A9A9 --- lnoir
		#090909 --- snoir
		#FFFFFF --- blanc
		#808080 --- gris
		#D7DDE4 --- sgris
		#E0E0E0 --- lgris
		#0000FF --- bleu
		#F8FAFD --- bleu1
		#E3E7EC --- bleu2
		#FF0000 --- rouge
		#8B0000 --- srouge
		#FFE0E0 --- lrouge
		#009000 --- vert
		#006400 --- svert
		#E0FFE0 --- lvert
		#FFFF00 --- jaune
		#F3F781 --- ljaune
		#3b5998 --- facebook
		#55acee --- twitter
		#9b6954 --- instagram
		#dd4b39 --- googleplus
		#bb0000 --- youtube
		#cb2027 --- pinterest
		#007bb5 --- linkedin
		#45bbff --- vimeo
		#fffc00 --- snapchat


	/*=============================================================================*\
	=										=
	=			RESET STYLE & IMPORT FONTS				=
	=										=
	\*=============================================================================*/




h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote,pre,html,body,table,tbody,tr,th,td,tfoot,thead,img,form,fieldset,a {
	margin: 0;
	padding: 0;
	border: none;
}
a{color:inherit;}

.transition{
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
	animation-iteration-count: infinite;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in-out;
	-moz-transition-delay: 0s;
	-o-transition-property: all;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: ease-in-out;
	-o-transition-delay: 0s;
}
html{
	height:100%;
	max-height:100%;
	width:100%;
	margin:0;
	padding:0;
}
html,body, input, select, textarea {
	font-family:arial,Century Gothic;
}


	/*=============================================================================*\
	=										=
	=				COMPUTER DESING					=
	=										=
	\*=============================================================================*/


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

	html, body {
		/*
		min-width:1200px;
		height:970px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		*/
	}
	body#conteneur_mainSite{
		overflow:auto;
		background-color:#000000;
		clear:both;
	}
	#conteneur_outter{
		display: table;
		position: absolute;
		padding:0;
		height:100%;
		width: 100%;
	}
	#conteneur_middle{
		display: table-cell;
		vertical-align: middle;
		position:relative;
		height:100%;
	}
	#conteneur{
		width:1190px;
		height:930px;
		padding:0;
		margin:20px auto 20px auto;
		background-color:#000000;
		position:relative;
	}
	#menu{
		height:70px;
		width:100%;
		position:absolute;
		background:transparent url("https://www.anthony-meyer.com/admin/img/noir_20.png") repeat center center;
		padding:0;
		font-size:12px;
		text-transform: uppercase;
		cursor:default;
		z-index:4;
	}
	.menu_top{top:0;}
	.menu_center{top:50%;margin:-35px 0 0 0;}
		#menu .title,
		#menu .title a,
		#menu .title a:hover{
			height:100%;
			line-height:35px;
			vertical-align:middle;
			width:230px;
			background-color:transparent;
			text-align:center;
			color:#FFFFFF;
			position:absolute;
			font-size:16px;
			top:0;
			left:0;
			letter-spacing:4px;
			text-decoration:none;
		}
		#menu ul{
			height:100%;
			width: -moz-calc(100% - 230px);
			width: -webkit-calc(100% - 230px);
			width: -o-calc(100% - 230px);
			width: calc(100% - 230px);
			line-height:70px;
			list-style: outside none none;
			text-align:right;
			position:absolute;
			top:0;
			right:0;
			white-space :nowrap;
		}
			#menu ul li{
				/*width:140px;*/
				margin:0 40px 0 0;
				padding:0;
				display:inline-block;
				text-align:center;
				overflow:hidden;
				white-space :nowrap;
			}
			#menu ul li:hover{
				/* background:transparent url("https://www.anthony-meyer.com/admin/img/blanc_20.png") repeat center center; */
			}
				#menu ul li a{
					line-height:70px;
					width:100%;
					height:100%;
					display:block;
					text-decoration:none;
					color:#FFFFFF					
				}
				#menu ul li a.gras{
					font-weight:bold;
				}
				#menu ul li a span,
				js_menu_width span{
					font-size:15px;
				}
				#menu .title span{
					font-size:21px;
				}
				#menu ul li:hover a{
					color:#FFFFFF;
				}
	#contenu_page{
		position:absolute;
		top:70px;
		text-align:center;
		min-height: -moz-calc(100% - 70px);
		min-height: -webkit-calc(100% - 70px);
		min-height: -o-calc(100% - 70px);
		min-height: calc(100% - 70px);
		width:100%;
	}
			.min_albums>.min_albums_desc{
				width:100%;
				min-height:10px;
				position:absolute;
				left:0;
				bottom:0;
				/*
				text-shadow:
					1px 1px 1px #000000,
					-1px -1px 1px #000000,
					1px -1px 1px #000000,
					-1px 1px 1px #000000;
				*/
				font-size:10px;
				padding-bottom:2px;
				text-overflow: ellipsis;
			}
			#contenu_page_conteneur a.min_albums{
				width: -moz-calc(25% - 8px);
				width: -webkit-calc(25% - 8px);
				width: -o-calc(25% - 8px);
				width: calc(25% - 8px);
				height:387px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				margin:2px 4px;
				padding:0;
				display:inline-block;
				vertical-align:top;
				background:transparent url("https://www.anthony-meyer.com/admin/img/blanc_0.png") repeat center center;
				color:#FFFFFF;
				text-decoration:none;
				text-align:center;
				position:relative;
			}
		#contact{
			font-size:12px;
			color:#FFFFFF;
		}
		#contact a{
			text-decoration:none;
			color:#FFFFFF;
		}
		#contact a:hover{
			font-style:italic;
		}
		.min_albums:hover{
			/*background:transparent url("https://www.anthony-meyer.com/admin/img/blanc_20.png") repeat center center;*/
		}
			#counter_page{
				position:relative;
				bottom:0;
				right:20px;
				height:30px;
				text-align:right;
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: -o-calc(100% - 20px);
				width: calc(100% - 20px);
				padding-right:20px;
				font-size:12px;
				vertical-align:center;
				text-decoration:none;
				color:#A9A9A9;
				line-height:10px;
				cursor:default;
			}
				#counter_page a{
					display:inline-block;
					width:18px;
					height:100%;
					line-height:30px;
					text-decoration:none;
					text-align:center;
					vertical-align:middle;
					margin:0 1px;
					color:#A9A9A9;
				}
				#counter_page a:hover{
					color:#FFFFFF;
				}
		#conteneur_hd_conteneur{
			width:1200px;
			padding:0;
			margin:0;
			overflow:hidden;
		}
		ul#conteneur_hd{
			height:100%;
			padding:0;
			margin:0;
			white-space: nowrap;
			overflow:hidden;
			position:relative;
		}
			ul#conteneur_hd li.img_big,
			ul#conteneur_hd li.img_big img{
				width:600px;
				height:100%;
				padding:0;
				margin:0;
				background-position:center center;
				background-repeat:no-repeat;
				background-size:auto 100%;
				display: inline-block;
				position:relative;
				overflow:hidden;
			}
	#legend{
		width:100%;
		min-height:1px;
		/*background:transparent url("https://www.anthony-meyer.com/admin/img/blanc_20.png") repeat center center;*/
		background-color:rgba(177, 177, 177, 0.15);
		position:absolute;
		bottom:30px;	/*permet d'acceder a la scroll bar si javascript non active*/
		left:0;
		text-align:center;
		padding:5px 0;
		cursor:default;
	}
	#legend:hover{
		/*background:transparent url("https://www.anthony-meyer.com/admin/img/blanc_60.png") repeat center center;*/
		background-color:rgba(177, 177, 177, 0.8);
	}
	#back{
		position:absolute;
		bottom:0;
		display:block;
		right:-100px;
		height:20px;
		width:100px;
		z-index:5;
		padding-top:5px;
		font-size:10px;
		text-align:center;
		vertical-align:center;
		text-transform: uppercase;
		text-decoration:none;
		color:#A9A9A9;
		background:transparent url("https://www.anthony-meyer.com/admin/img/noir_80.png") repeat center center;
	}
	#back:hover{
		color:#FFFFFF;
		background:transparent url("https://www.anthony-meyer.com/admin/img/noir_100.png") repeat center center;
	}
	#a_left{
		background-position: 1px -95px; 
		left:0;
	}
	#a_left:hover{
		/*background-position: 0px -51px; */
	}
	#a_right{
		background-position: 0 -187px; 
		right:0;
	}
	#a_right:hover{
		/*background-position: 0px -143px;*/
	}




}


	/*=============================================================================*\
	=										=
	=				TABLETTE DESIGN					=
	=										=
	\*=============================================================================*/


@media screen and (max-width:1199px){
	html, body#conteneur_mainSite{
		overflow-y:auto;
		background-color:#000000;
		clear:both;
	}
	#conteneur_outter,
	#conteneur_middle,
	#conteneur{
		width:100%;
		height:100%;
		padding:0;
		margin:0;
		background-color:;
		position:relative;
	}
	#menu{
		height:100px;
		width:100%;
		position:absolute;
		background:#FFFFFF url("https://www.anthony-meyer.com/img/mobile-menu-button.png") no-repeat center right;
		background-size:contain;
		padding:0;
		font-size:12px;
		text-transform: uppercase;
		cursor:default;
		z-index:4;
	}
	.menu_center,.menu_top{top:0;}
		#menu .title,
		#menu .title a,
		#menu .title a:hover{
			height:100%;
			width:400px;
			line-height:50px;
			vertical-align:middle;
			background-color:transparent;
			text-align:center;
			color:#000000;
			position:absolute;
			font-size:33.333333333333px;
			top:0;
			left:0;
			letter-spacing:4px;
			text-decoration:none;
		}
		#menu ul{
			width:100%;
			list-style: outside none none;
			text-align:right;
			position:absolute;
			top:100px;
			right:0;
			white-space :nowrap;
			font-size:50px;
			line-height:100px;
			background-color:#000000;
		}
			#menu ul li{
				width:100%;
				height:100;
				margin:0;
				padding:0;
				display:block;
				text-align:center;
				overflow:hidden;
				white-space :nowrap;
			}
			#menu ul li:hover{
				background:transparent url("https://www.anthony-meyer.com/admin/img/blanc_20.png") repeat center center; 
			}
				#menu ul li a{
					width:100%;
					height:100%;
					display:block;
					text-decoration:none;
					color:#FFFFFF					
				}
				#menu ul li:hover a{
					color:#FFFFFF;
				}
	#contenu_page{
		position:absolute;
		top:100px;
		text-align:center;
		min-height: -moz-calc(100% - 100px);
		min-height: -webkit-calc(100% - 100px);
		min-height: -o-calc(100% - 100px);
		min-height: calc(100% - 100px);
		width:100%;
	}
			.min_albums>.min_albums_desc{
				width:100%;
				min-height:10px;
				position:absolute;
				left:0;
				bottom:0;
				font-size:33.333333333333px;
				padding-bottom:2px;
				text-overflow: ellipsis;
			}
			#contenu_page_conteneur a.min_albums{
				width: -moz-calc(25% - 8px);
				width: -webkit-calc(25% - 8px);
				width: -o-calc(25% - 8px);
				width: calc(25% - 8px);
				height:387px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				margin:2px 4px;
				padding:0;
				display:inline-block;
				vertical-align:top;
				background:transparent url("https://www.anthony-meyer.com/admin/img/blanc_0.png") repeat center center;
				color:#FFFFFF;
				text-decoration:none;
				text-align:center;
				position:relative;
			}
		#contact{
			font-size:33.333333333333px;
			color:#FFFFFF;
		}
		#contact a{
			text-decoration:none;
			color:#FFFFFF;
		}
		#contact a:hover{
			font-style:italic;
		}
			
			#counter_page{
				position:relative;
				bottom:0;
				right:20px;
				height:30px;
				text-align:right;
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: -o-calc(100% - 20px);
				width: calc(100% - 20px);
				padding-right:20px;
				font-size:12px;
				vertical-align:center;
				text-decoration:none;
				color:#A9A9A9;
				line-height:10px;
				cursor:default;
			}
				#counter_page a{
					display:inline-block;
					width:18px;
					height:100%;
					line-height:30px;
					text-decoration:none;
					text-align:center;
					vertical-align:middle;
					margin:0 1px;
					color:#A9A9A9;
				}
				#counter_page a:hover{
					color:#FFFFFF;
				}
		#conteneur_hd_conteneur{
			width:100%;
			padding:0;
			margin:0;
			overflow:hidden;
		}
		ul#conteneur_hd{
			padding:0;
			margin:0;
			white-space: nowrap;
			overflow:hidden;
			position:relative;
		}
			ul#conteneur_hd li.img_big,
			ul#conteneur_hd li.img_big img{
				width:600px;
				height:100%;
				padding:0;
				margin:0;
				background-position:center center;
				background-repeat:no-repeat;
				background-size:auto 100%;
				float:left;
				position:relative;
				overflow:hidden;
			}
	#back{
		position:absolute;
		bottom:0;
		display:block;
		right:-100px;
		height:20px;
		width:100px;
		z-index:5;
		padding-top:5px;
		font-size:10px;
		text-align:center;
		vertical-align:center;
		text-transform: uppercase;
		text-decoration:none;
		color:#A9A9A9;
		background:transparent url("https://www.anthony-meyer.com/admin/img/noir_80.png") repeat center center;
	}
	#back,#a_left,#a_right{
		display:none;
		visibility:hidden;
	}
	#legend{
		width:100%;
		background-color:rgba(177, 177, 177, 0.15);
		position:fixed;
		bottom:0;	/*permet d'acceder a la scroll bar si javascript non active*/
		left:0;
		text-align:center;
		padding:5px 0;
		cursor:default;
		font-size:33.333333333333px;
	}
	#legend:hover{
		/*background:transparent url("https://www.anthony-meyer.com/admin/img/blanc_60.png") repeat center center;*/
		background-color:rgba(177, 177, 177, 0.8);
	}
}


	/*=============================================================================*\
	=										=
	=				SMARTPHONE DESIGN				=
	=										=
	\*=============================================================================*/


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


	/*=============================================================================*\
	=										=
	=				COMMUN DESIGN					=
	=										=
	\*=============================================================================*/


	#contenu_page .intro_pics{
		width:1200px;
		height:100%;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-600px;
		background-position:center top;
		background-repeat:no-repeat;
		z-index:2;
		background-size:contain;
		overflow:hidden;
	}
		#contenu_page_conteneur,
		#conteneur_hd_conteneur{
			position:absolute;
			bottom:0;
			height:100%;
			width:100%;
			overflow-y:auto;
			margin:0 auto;
			text-align:left;
		}
		#contenu_page_conteneur{
			/*background-color:red;*/
		}
		#contenu_page_conteneur_hackscroll{
			width:100%;
			overflow-x:hidden;
			overflow-y:auto;
			margin:0 auto;
		}
		.min_albums .min_albums_img{
				height: -moz-calc(100% - 30px);
				height: -webkit-calc(100% - 30px);
				height: -o-calc(100% - 30px);
				height: calc(100% - 30px);
				background-position:center center;
				background-repeat:no-repeat;
				background-size:contain;
				overflow:hidden;
				zoom: 1;
				filter: alpha(opacity=95);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
				-moz-opacity:0.95;
				-khtml-opacity:0.95;
				opacity: 0.95;
				width:50%;
				display: inline-block;
				margin:0;
				padding:0;
			}
			.min_albums:hover .min_albums_img{
				zoom: 1;
				filter: alpha(opacity=100);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				-moz-opacity:1;
				-khtml-opacity:1;
				opacity: 1;
			}
			.min_albums:hover .min_albums_desc{
				text-shadow:
					2px 0 2px #000000,
					-2px 0 2px #000000,
					0 2px 2px #000000,
					0 -2px 2px #000000,
					1px 1px 1px #000000,
					-1px -1px 1px #000000,
					1px -1px 1px #000000,
					-1px 1px 1px #000000;
			}
#js_menu_width{
	position:fixed;
	top:-50px;
	left:0;
	line-height:70px;
	text-decoration:none;
	zoom: 1;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity: 0;
	text-transform: uppercase;
	margin:0;
	padding:0;
}
.seo_kw{
	font-size:12px;
	color:#FFFFFF;
}
#hack_seo{
	height:100%;
}
.arrow{
	height:45px;
	width:28px;
	position:absolute;
	top:50%;
	background:transparent url("https://www.anthony-meyer.com/img/fb_arrows.png") no-repeat;
	display:none;
	visibility:hidden;
}
#js_warning_close{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:20px;
	display:none;
	zoom: 1;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity: 0;
	left:0;
	top:0;
	z-index:11;
}
#js_warning,
#js_warning_close:checked,
#js_warning_close:checked ~ #js_warning{
	display:none;
	visibility:hidden;
}
#js_warning{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:20px;
	line-height:20px;
	vertical-align:center;
	background-color:#F3F781;
	z-index:10;
	font-size:12px;
	text-align:center;
	cursor:default;
}


	/*=============================================================================*\
	=										=
	=				RANDOM CSS RULES				=
	=										=
	\*=============================================================================*/


div.loading{
	height:16px;
	width:16px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-8px 0 0 -8px;
	background:transparent url("https://www.anthony-meyer.com/img/loading.gif") no-repeat center center;
}
.blur{
	-webkit-filter: blur(3px);
	filter: blur(3px);
}
.pointer_special{
	cursor:url(https://www.anthony-meyer.com/img/cursor_hand.png) 7 3, pointer;
}
span.ml{
	text-decoration:underline;
}
.inactiveLink {
	pointer-events: none;
	cursor: default;
	margin:0;
	padding:0
	border:none;
}