/*
		=================================
		
			CSS	v1.3.7
		
	 	=================================

	loading database connexion ------ OK
	loading admin functions --------- OK
	loading css functions ----------- OK
	loading vars -------------------- OK
	loading lan --------------------- OK (ru)
	website name -------------------- Chin Up Studio
	website link -------------------- https://www.chinupstudio.com
	last modified ------------------- 01/Nov/2020 16:51:23
	author -------------------------- Seb @ One Color

	listing available colors -

		#FFFFFF --- blanc
		#D3D3D3 --- lgris
		#909090 --- gris
		#606060 --- sgris
		#000000 --- noir
		#F8FAFD --- bckgd
		#ffb3b3 --- lrouge
		#FF0000 --- rouge
		#600000 --- srouge
		#b3ffb3 --- lvert
		#00FF00 --- vert
		#006000 --- svert
		#b3b3ff --- lbleu
		#0000FF --- bleu
		#000060 --- sbleu
		#FFB6C1 --- lrose
		#FFC0CB --- rose
		#C71585 --- srose



	/*=============================================================================*\
	=										=
	=		RESET STYLE / IMPORT FONTS / TRANSITIONS / ANIMATIONS		=
	=										=
	\*=============================================================================*/



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;
	outline:none;
	list-style-type: none;
/*	font-size: 100%;
	font: inherit;
*/	vertical-align: baseline;
}
a{
	color:inherit;
}
html{
	overflow: auto;
	/*font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;*/
	font-size:12px;
	color:#000000;
	-webkit-tap-highlight-color:transparent;
	background-color:#FFFFFF;
	position:fixed;	/* hack safari */
	cursor:default;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
*:focus {
	outline: none!important;
}
:root{
	--scale-captcha: 1;
}
@font-face {
	font-family: "titre";
	src:
		url("../font/akzidenz/akzidenz-grotesk-bold.eot");
	src: 
		url("../font/akzidenz/akzidenz-grotesk-bold.eot?#iefix") format('embedded-opentype'),
		url("../font/akzidenz/akzidenz-grotesk-bold.svg#akzidenzgroteskregular") format('svg'),
		url("../font/akzidenz/akzidenz-grotesk-bold.ttf") format('truetype'),
		url("../font/akzidenz/akzidenz-grotesk-bold.woff") format('woff'),
		url("../font/akzidenz/akzidenz-grotesk-bold.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "menu";
	src: 
		url("../font/helvetica/HelveticaNeue-Bold.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "texte_special";
	src: 
		url("../font/helvetica/HelveticaNeue-CondensedBlack.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "texte";
	src: 
		url("../font/GothamRounded-Medium/GothamRounded-Medium.otf") format('opentype');
	font-weight: normal;
	font-style: normal;
}
.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;
}
:root {
	--as-color-loading-main	:	#909090;
	--as-color-loading-focus :	#FFFFFF;
	--as-color-loading-gradient:	rgba(0,0,0,0.30);
}
@keyframes loader_animation_1 {
	0% {
		background-color: var(--as-color-loading-main);
	}
	25% {
		background-color: var(--as-color-loading-focus);
		-webkit-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		-moz-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
	}
	50% {
		background-color: var(--as-color-loading-main);
	}
}
@keyframes loader_animation_2 {
	25% {
		background-color: var(--as-color-loading-main);
	}
	50% {
		background-color: var(--as-color-loading-focus);
		-webkit-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		-moz-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
	}
	75% {
		background-color: var(--as-color-loading-main);
	}
}
@keyframes loader_animation_3 {
	50% {
		background-color: var(--as-color-loading-main);
	}
	75% {
		background-color: var(--as-color-loading-focus);
		-webkit-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		-moz-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
	}
	100% {
		background-color: var(--as-color-loading-main);
	}
}
@keyframes loader_animation_4 {
	0%,100% {
		text-shadow:	0px 0px 1px var(--as-color-loading-gradient),
				0px 0px 2px var(--as-color-loading-gradient),
				0px 0px 3px var(--as-color-loading-gradient),
				0px 0px 4px var(--as-color-loading-gradient),
				0px 0px 5px var(--as-color-loading-gradient);
	}
	50% {
		text-shadow:	0px 0px 1px var(--as-color-loading-gradient),
				0px 0px 2px var(--as-color-loading-gradient),
				0px 0px 3px var(--as-color-loading-gradient),
				0px 0px 4px var(--as-color-loading-gradient),
				0px 0px 5px var(--as-color-loading-gradient),
				0px 0px 6px var(--as-color-loading-gradient),
				0px 0px 7px var(--as-color-loading-gradient),
				0px 0px 8px var(--as-color-loading-gradient),
				0px 0px 9px var(--as-color-loading-gradient),
				0px 0px 10px var(--as-color-loading-gradient);
	}
}



	/*=============================================================================*\
	=										=
	=				GENERAL STRUCTURE				=
	=										=
	\*=============================================================================*/



	html,body{
		height:100%;
		width:100%;
		/*font-family:"didot", Arial, Helvetica, sans-serif;*/
		font-size:12px;
	}
	html{
		display:flex;
	}
		body{
			max-height:1200px;
			min-height:400px;
			min-width:200px;
			margin:auto;
			display:flex;
			flex-direction:column;
		}
	.pointer,
	a{
		cursor:url("https://www.chinupstudio.com/img/cursor_hand.png") 7 3, pointer!important;
		text-decoration:none;
	}
	.hidden{
		display:none;
		visibility:hidden;
	}
	.loader{
		top:50%;
		left:50%;
		margin-top:-5px;
		margin-left:-5px;
		animation: loader_animation_2 0.5s infinite;
	}
	.loader:before,
	.loader,
	.loader:after{
		position:absolute;
		height:10px;
		width:10px;
		background-color:var(--as-color-loading-main);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		zoom: 1;
		filter: alpha(opacity=90);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		-moz-opacity:0.9;
		-khtml-opacity:0.9;
		opacity: 0.9;
	}
	.loader:before{
		content:"";
		left:-13px;
		animation: loader_animation_1 0.5s infinite;
	}
	.loader:after{
		content:"";
		right:-13px;
		animation: loader_animation_3 0.5s infinite;
	}
	.ns{	/* no_select */
		-webkit-touch-callout: none;
		  -webkit-user-select: none;	/* Chrome, Safari, OpŽra depuis la version 15 */
		   -khtml-user-select: none;
		     -moz-user-select: none;	/* Firefox */
		      -ms-user-select: none;	/* Internet explorer depuis la version 10 et Edge */
		          user-select: none;	/* PropriŽtŽ standard */
	}




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


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

	body{
	}
		#header{
			height:75px;
			display:flex;
			flex-direction:row;
			justify-content: center;
			align-items:center;
			background-color:#FFFFFF;
		}
			#header_logo,
			#header_langues{
				height:100%;
				width:75px;
				display: flex;
				flex-direction:column;
				align-items: center;
				justify-content: center;
			}
				#header_logo_conteneur,
				#header_langues_conteneur{
					width:80%;
					overflow:hidden;
					padding:0;
					margin:0;
					align-items:center;
					height:16px;
					line-height:16px;
					vertical-align:middle;
				}
				#header_logo_conteneur{
					height:80%;
				}
				#header_logo_conteneur{
					background-repeat:no-repeat;
					background-position:center;
					background-size: cover;
					background-image: url('https://www.chinupstudio.com/img/logo_header.jpg');
				}
					#header_langues_conteneur{
						display:flex;
						flex-direction:row;
					}
						#header_langues_conteneur li{
							flex:1;
							overflow:hidden;
							text-size:0;
							height:100%;
						}
						#header_langues_conteneur li:not(:first-child){
							margin-left:5px;
						}
							#header_langues_conteneur li a{
								display:block;
							}
							#header_langues_conteneur li a:hover{
								zoom: 1;
	filter: alpha(opacity=50)!important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"!important;
	-moz-opacity:0.5!important;
	-khtml-opacity:0.5!important;
	opacity: 0.5!important;
							}
								#header_langues_conteneur li a img{
									width:100%;
								}
			#header_titre{
				display:flex;
				flex-direction:column;
				justify-content: center;
				align-items:center;
				flex:1;
				height:100%;
				font-family:"titre", Arial, Helvetica, sans-serif;
			}
				h1{
					height:65%;
					width:100%;
					max-width:1200px;
					font-size:40px;
					line-height:66px;
					text-align:center;
					font-weight:bold;
					text-transform:uppercase;
					letter-spacing:-1px;
					overflow:hidden;
					text-overflow:"...";
					white-space:nowrap;
					display:inline-block;
				}
				#header_titre p{
					flex:1;
					display:inline-block;
					font-size:14px;
					font-family:"titre", Arial, Helvetica, sans-serif;
					line-height:27px;
					width:100%;
					text-align:center;
					overflow:hidden;
					text-overflow:"...";
					white-space:nowrap;
				}
			#header_langues{
				width:75px;
				height:100%;
			}
			.mc-modal{	/* newsletter */
				-webkit-box-shadow: 0px 0px 100px 40px rgba(255,255,255,1.00);
				-moz-box-shadow: 0px 0px 100px 40px rgba(255,255,255,1.00);
				box-shadow: 0px 0px 100px 40px rgba(255,255,255,1.00);
			}
		#nav{
			min-height:24px;
			width:100%;
			margin:0 auto;
			border-bottom:2px #000000 solid;
			border-top:2px #000000 solid;
			font-size:16px;
			line-height:16px;
			font-family:"menu", sans-serif!important;
			/*
			letter-spacing:-1px;
			font-weight:bold;
			font-stretch:ultra-condensed;
			font-family:"HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", "texte_special", sans-serif!important;
			*/
			text-transform:uppercase;
			position:relative;
		}
			#nav #menu_hamburger{
				display:none;
				visibility:hidden;
			}
			#nav #menu{
				width:100%;
				max-width:600px;
				height:100%;
				min-height:24px;
				display: table;
				text-align:center;
				line-height:24px;
				margin:auto;
				padding:0;
			}
				#menu li{
					display:table-cell;
					width:2%;
					height:100%;
					vertical-align:middle;;
					overflow:hidden;
					text-overflow:ellipsis;
					line-height: normal;
				}
					#menu li a{
						width: -moz-calc(100% - 2px);
						width: -webkit-calc(100% - 2px);
						width: -o-calc(100% - 2px);
						width: calc(100% - 2px);
					}
					#menu li a,
					#menu2 li>span{
						/*
						text-transform: lowercase;
						font-variant: small-caps;
						font-size:22px;
						border:1px transparent dotted;
						*/
						text-transform:uppercase;
						letter-spacing:-1px;
						height: -moz-calc(100% - 2px);
						height: -webkit-calc(100% - 2px);
						height: -o-calc(100% - 2px);
						height: calc(100% - 2px);
						line-height:22px;
						padding-top:0px;
						display:grid;
						text-align:center;
						align-items:center;
						vertical-align:text-top;
					}
				#menu li.selected a,
				#menu_footer li.selected a{
					color:#909090;
					text-decoration-line: underline;
					text-decoration-color:#D3D3D3;
				}
				#menu li a:hover,
				#menu li>span:hover,
				#menu li a:focus,
				#menu_footer li a:hover,
				#menu_footer li a:focus,
				#menu2 li a:hover,
				#menu2 li>span:hover{
					/*border-color:#D3D3D3;
					text-decoration-style: dotted;
					text-decoration-line: underline;
					text-decoration-color:#D3D3D3;*/
					color:#D3D3D3;
					text-decoration-color:#FFFFFF
				}
			#nav #menu2{
				position:absolute;
				right:0;
				top:0;
				height:100%;
				width:60px;
				margin:0 8px;
				padding:0;
				display:flex;
				flex-direction:row;
			}
				#menu2 li{
					overflow:hidden;
					min-height:24px;
					font-family:"menu";
					line-height:22px;
					font-size:16px;
					text-transform:uppercase;
					padding:0;
					list-style-type: none;
					text-align:right;
					letter-spacing:-1px;
					display:flex;
					justify-content:flex-end;
					align-items:center;
				}

					#menu2 li:first-child{
						flex:2;
					}
					#menu2 li:not(:first-child){
						flex:1;
						/*margin-left:5px;*/
					}
						#menu2 li>span{
							text-align:right;
						}
					#instagram{
						font-size:0;
						margin:auto;
						vertical-align:bottom;
						width:100%;
						display:flex;
						justify-content:flex-end;
						align-items:center;
						height: -moz-calc(100% - 2px);
						height: -webkit-calc(100% - 2px);
						height: -o-calc(100% - 2px);
						height: calc(100% - 2px);
						line-height:22px;
						/*padding-top:0px;*/
					}
						#instagram>img{
							width:13px;
							padding-top:0;
						}
						#instagram>img:hover{
							zoom: 1;
	filter: alpha(opacity=50)!important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"!important;
	-moz-opacity:0.5!important;
	-khtml-opacity:0.5!important;
	opacity: 0.5!important;
						}
			
			
			
			
			
		#main{
			flex:1;
			overflow-y:auto;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
		}
			#main_conteneur{
				min-height: -moz-calc(100% - 25px);
				min-height: -webkit-calc(100% - 25px);
				min-height: -o-calc(100% - 25px);
				min-height: calc(100% - 25px);
				position:relative;
				flex:0 0 100%;
			}
			
			
				.home_line{
					max-width:800px;
					width:100%;
					margin:0 auto;
					display:flex;
					flex-direction:row;
					justify-content: center;
					align-items:center;
				}
					.home_line>.home_line_simple,
					.home_line>.home_line_double{
						width:100%;
						flex:1;
						overflow:hidden;
						margin-top:20px;
						margin-bottom:20px;
					}
					.home_line_simple{
						margin-left:20px;
						margin-right:20px;
					}
					
					.home_line_double:first-child {
						margin-left:20px;
						margin-right:10px;
					}
					.home_line_double:last-child {
						margin-left:10px;
						margin-right:20px;
					}
					.home_line_double{
					}
						.home_image{
							position:relative;
						}
							.home_line img{
								max-width:100%;
								height:100%;
								width:100%;
								background-repeat:no-repeat;
								background-size:cover;
								background-position:center center;
							}
							.home_texte .texte_basique_title{
								padding:1px;
								margin:0;
								font-size:16px;
								/*font-family:"titre";*/
								font-family:"texte";
								font-weight:normal;
							}
							.home_texte .texte_basique{
								padding:1px;
								margin:0;
								font-size:14px;
								font-family:"texte";
								font-weight:normal;
							}
				.image_about,
				.contact_conteneur{
					background-repeat:no-repeat;
					background-size:cover;
					background-position:center center;
					position:absolute;
					top:0;
					left:0;
					height:100%;
					width:100%;
					display:flex;
					justify-content: center;
					align-items:center;
					font-family:"texte";
				}
					.texte_about{
						border:10px rgba(255,255,255,0.30) solid;
						min-height:20%;
						height:70%;
						max-height:90%;
						max-width:600px;
						width:90%;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						overflow-y:auto;
						overflow-x:hidden;
						position:relative;
					}
						.texte_about_inner{
							background-color:#FFFFFF;
							min-height: -moz-calc(100% - 10px);
							min-height: -webkit-calc(100% - 10px);
							min-height: -o-calc(100% - 10px);
							min-height: calc(100% - 10px);
							width: -moz-calc(100% - 10px);
							width: -webkit-calc(100% - 10px);
							width: -o-calc(100% - 10px);
							width: calc(100% - 10px);
							padding:5px;
						}
					.contact_conteneur_inner{
						min-height:300px;
						max-height:90%;
						width:80%;
						max-width:1200px;
						position:relative;
						background-color:#FFFFFF;
						display:flex;
						flex-direction:row;
					}
						.contact_conteneur_image{
							flex:1;
							background-repeat:no-repeat;
							background-size:cover;
							background-position:center center;
							position:relative;
						}
						.contact_conteneur_texte{
							flex:1;
							margin:0 10px 0 20px ;
						}
							.contact_conteneur_texte .texte_basique_title{
								padding:0;
								margin:0;
								font-size:16px;
								font-family:"titre";
							}
							.contact_conteneur_texte .texte_basique{
								padding:0;
								margin:0;
								font-size:14px;
								font-family:"texte";
							}

			.liste_albums{
				display:flex;
				width:100%;
				max-width:1200px;
				box-sizing: border-box;
				margin:0 auto;
			}
					.liste_albums_item:hover{
						zoom: 1;
						filter: alpha(opacity=90);
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
						-moz-opacity:0.9;
						-khtml-opacity:0.9;
						opacity: 0.9;
					}
				.liste_albums .colonne{
					flex-grow: 1;
					flex-basis:0;
					flex-direction:column;
					display:flex;
				}
					.liste_albums_item{
						display:flex;
						flex-direction:column;
						background-color:#FFFFFF;
						position:relative;
						margin:10px;
					}
						.liste_albums_item .img_container{
							position:relative;
							font-size:12px;
							font-family:"texte";
						}
							.img_container img{
								position:absolute;
								top:0;
								left:0;
								height:100%;
								width:100%;
								background-repeat:no-repeat;
								background-size:100% 100%;
								background-position:center center;
							}
							.img_container img.not_loaded{
								zoom: 1;
								filter: alpha(opacity=75);
								-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
								-moz-opacity:0.75;
								-khtml-opacity:0.75;
								opacity: 0.75;
								background-color:rgba(0,0,0,0.30);
							}
						.liste_albums_item .commentaire{
							margin:5px 0 0 0;
							border-top:2px #000000 solid;
						}
						.liste_albums_item .texte_basique_title{
							padding:0;
							margin:0;
							font-size:16px;
							font-family:"titre";
						}
						.liste_albums_item .texte_basique{
							padding:0;
							margin:0;
							font-size:12px;
							font-family:"texte";
						}
				#liste_images{
					height:100%;
					width:100%;
					margin:0 auto;
					font-size:0;
					display: block;
					overflow:hidden;
					position:relative;
					max-width:1200px;
					height:100%;
					margin:0 auto;
				}
					#liste_images .liste_image_item{
						height: -moz-calc(100% - 80px);
						height: -webkit-calc(100% - 80px);
						height: -o-calc(100% - 80px);
						height: calc(100% - 80px);
						display: inline-block;
						overflow:hidden;
						margin:40px;
					}
							#liste_images .liste_image_item>img{
								height:100%;
								width:100%;
								object-fit: contain;
								pointer-events: none;
								background-repeat:no-repeat;
								background-size:contain;
							}
							#liste_images .play{
								position:absolute;
								text-align:center;
								color:#909090;
								text-shadow:	0 0 #909090,
										0 1px #909090,
										1px 0 #909090,
										0 -1px #909090,
										0 0 2px #909090,
										0 0 3px #909090,
										0 0 4px #909090,
										0 0 5px #909090;
							}
							#liste_images .play:hover{
								animation: play_button 1.3s infinite;
							}
							#liste_images .player{
								position:absolute;
								height:100%;
								width:100%;
								top:0;
								left:0;
							}
				.prev,
				.next{
					text-align:center;
					position:absolute;
					top: -moz-calc(50% - 50px);
					top: -webkit-calc(50% - 50px);
					top: -o-calc(50% - 50px);
					top: calc(50% - 50px);
					color:#909090;
					text-shadow:	0 1px #FFFFFF,
							1px 0 #FFFFFF,
							0 -1px #FFFFFF,
							-1px 0 #FFFFFF,
							0 0 1px #FFFFFF,
							0 0 2px #FFFFFF,
							0 0 3px #FFFFFF;
				}
				.prev:hover,
				.next:hover{
					animation: play_button 1.3s infinite;
					color:#909090;
					text-shadow:	0 1px #909090,
							1px 0 #909090,
							0 -1px #909090,
							-1px 0 #909090,
							0 0 1px #909090,
							0 0 2px #909090,
							0 0 3px #909090;
				}
				.back{
					padding:5px;
					margin:5px;
					position:absolute;
					bottom:0;
					left:0;
					background-color:rgba(255,255,255,0.50);
					font-size:12px;
					font-family:"texte_special";
					font-weight:bold;
				}
				.back:hover{
					color:#909090;
					background-color:rgba(255,255,255,0.90);
				}
				.liste_images_conteneur{
					height:100%;
					min-width:100%;
					white-space:nowrap;
					display:flex;
					flex-direction:row;
					position:absolute;
					left:0;
				}
					#liste_images .page_content_50,
					#liste_images .page_content_100{
						display:inline-block;
						position:relative;
					}
					#liste_images .page_content_50{
						flex:1;
					}
					#liste_images .page_content_100{
						flex:2;
					}
						#liste_images .page_content_50.cpr img{
							object-position:right;
							background-position:right center;
						}
						#liste_images .page_content_50.cpl img{
							object-position:left;
							background-position:left center;
							margin-left:1px;
						}
						#liste_images .page_content_100 img{
							object-position:center;
							background-position:center center;
						}
						#liste_images .play{
							height:48px;
							width:48px;
							line-height:48px;
							font-size:24px;
							top: -moz-calc(50% - 24px);
							top: -webkit-calc(50% - 24px);
							top: -o-calc(50% - 24px);
							top: calc(50% - 24px);
							left: -moz-calc(50% - 24px);
							left: -webkit-calc(50% - 24px);
							left: -o-calc(50% - 24px);
							left: calc(50% - 24px);
						}
			.prev,
			.next{
				height:48px;
				width:48px;
				line-height:24px;
				font-size:16px;
			}
			.prev{
				left: -moz-calc(50% - 1200px);
					left: -webkit-calc(50% - 1200px);
					left: -o-calc(50% - 1200px);
					left: calc(50% - 1200px);
			}
			.next{
				right: -moz-calc(50% - 1200px);
					right: -webkit-calc(50% - 1200px);
					right: -o-calc(50% - 1200px);
					right: calc(50% - 1200px);
			}
			@media all and (max-width: 2400px) {
				.prev{
					left:0;
				}
				.next{
					right:0;
				}
			}
		#footer{
			height:23px;
			width:100%;
			line-height:23px;
			text-align:center;
			position:relative;
			overflow:hidden;
			border-top:2px #000000 solid;
		}
			#footer h6{
				display:inline-block;
				margin:0 5px;
				font-size:12px;
				font-family:"texte_special";
				font-weight:bold;
			}
			#footer #menu_footer{
				display:inline-block;
				margin:0;
			}
				#menu_footer li{
					display:inline-block;
					padding-left:5px;
				}
					#menu_footer li a{
						display:inline-block;
						padding:0 5px;
						font-size:12px;
						font-family:"texte_special";
						font-weight:bold;
					}


}


	/*=============================================================================*\
	=										=
	=				TABLETTE DESING					=
	=										=
	\*=============================================================================*/


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

	body{
		position:relative;
	}
		#header{
			width: -moz-calc(100% - 74px);
			width: -webkit-calc(100% - 74px);
			width: -o-calc(100% - 74px);
			width: calc(100% - 74px);
			height:74px;
			display:flex;
			word-wrap: break-word;
			overflow:hidden;
			text-overflow:ellipsis;
			background-color:#FFFFFF;
		}
			#header_logo{
				width:74px;
			}
			#header_langues{
				width:37px;
			}
			#header_logo,
			#header_langues{
				height:100%;
				display: flex;
				flex-direction:column;
				align-items: center;
				justify-content: center;
				flex:0 0 auto;
			}
				#header_logo_conteneur,
				#header_langues_conteneur{
					width:90%;
					overflow:hidden;
					padding:0;
					margin:0;
					align-items:center;
					height:16px;
					line-height:16px;
					vertical-align:middle;
				}
				#header_logo_conteneur{
					height:90%;
				}
				#header_logo_conteneur{
					background-repeat:no-repeat;
					background-position:center;
					background-size: cover;
					background-image: url('https://www.chinupstudio.com/img/logo_header.jpg');
				}
					#header_langues_conteneur{
						display:flex;
						flex-direction:column;
						height:90%;
					}
						#header_langues_conteneur li{
							flex:1;
							overflow:hidden;
							font-size:0;
							width:100%;
						}
						#header_langues_conteneur li:not(:first-child){
							margin-top:4px;
						}
							#header_langues_conteneur li a{
								display:block;
								text-align:center;
								height:100%;
							}
							#header_langues_conteneur li a:hover{
								zoom: 1;
	filter: alpha(opacity=50)!important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"!important;
	-moz-opacity:0.5!important;
	-khtml-opacity:0.5!important;
	opacity: 0.5!important;
							}
								#header_langues_conteneur li a img{
									margin:0 auto;
									height:100%;
								}
			#header_titre{
				display:flex;
				flex-direction:column;
				justify-content: center;
				align-items:center;
				flex:1;
				height:100%;
				font-family:"titre", Arial, Helvetica, sans-serif;
				overflow:hidden;
			}
				h1{
					width:100%;
					max-width:1200px;
					text-align:center;
					font-weight:bold;
					text-transform:uppercase;
					letter-spacing:-1px;
					overflow:hidden;
					text-overflow:"...";
					white-space:nowrap;
					font-size:24px;
					display:inline-block;
				}
				#header p{
					display:inline-block;
					font-size:12px;
					overflow:hidden;
					text-overflow:"...";
					white-space:nowrap;
				}
			.mc-modal{	/* newsletter */
				-webkit-box-shadow: 0px 0px 100px 40px rgba(255,255,255,1.00);
				-moz-box-shadow: 0px 0px 100px 40px rgba(255,255,255,1.00);
				box-shadow: 0px 0px 100px 40px rgba(255,255,255,1.00);
			}
		#nav{
			width:100%;
			position:absolute;
			top:74px;
			left:0;
			z-index:5;
			background-color:#FFFFFF;
			display:flex;
			flex-direction:column;
			border-bottom:2px #000000 solid;
			font-size:16px;
			line-height:16px;
			font-family:"menu","HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", "texte_special", sans-serif!important;
			text-transform:uppercase;
		}
			#nav #menu_hamburger{
				height:74px;
				width:74px;
				position:absolute;
				top:-74px;
				right:0;
				background-color:#FFFFFF;
				display: inline-block;
				transition-property: opacity, filter;
				transition-duration: 0.15s;
				transition-timing-function: linear;
				font: inherit;
				color: inherit;
				text-transform: none;
				border: 0;
				padding: 0;
				overflow: visible;
			}
				.hamburger-box {
					width: 49px;
					height: 24px;
					display: inline-block;
					position: relative;
				}
				.hamburger-inner {
					display: block;
					top: 50%;
					margin-top: -2px;
				}
				.hamburger-inner,
				.hamburger-inner::before,
				.hamburger-inner::after {
					width: 49px;
					height: 4px;
					-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
					background-color:#000000;
					position: absolute;
					transition-property: transform;
					transition-duration: 0.15s;
					transition-timing-function: ease;
				}
				.hamburger-inner::before{
					content: "";
					top: -12.333333333333px;
					display: block;
				}
				.hamburger-inner::after {
					content: "";
					bottom: -12.333333333333px;
					display: block;
				}
				.hamburger--squeeze .hamburger-inner {
					transition-duration: 0.075s;
					transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
				}
				.hamburger--squeeze .hamburger-inner::before {	transition: top 0.075s 0.12s ease, opacity 0.075s ease;	}
				.hamburger--squeeze .hamburger-inner::after {	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
				.hamburger--squeeze.is-active .hamburger-inner {
					-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
					transition-delay: 0.12s;
					transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				}
				.hamburger--squeeze.is-active .hamburger-inner::before {
					top: 0;
					opacity: 0;
					transition: top 0.075s ease, opacity 0.075s 0.12s ease;
				}
				.hamburger--squeeze.is-active .hamburger-inner::after {
					bottom: 0;
					-webkit-transform: rotate(-90deg);
						-moz-transform: rotate(-90deg);
						-ms-transform: rotate(-90deg);
						-o-transform: rotate(-90deg);
						transform: rotate(-90deg);
					transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
				}
		#nav:not(.open){
			height:0;
		}
		#nav.open{
			height: -moz-calc(100% - 74px);
			height: -webkit-calc(100% - 74px);
			height: -o-calc(100% - 74px);
			height: calc(100% - 74px);
		}
			#nav #menu{
				display:flex;
				flex-direction:column;
				overflow:hidden;
				text-align:center;
			}
			#nav #menu2{
				flex:1;
				overflow:hidden;
				text-align:center;
			}
				#menu2 li,
				#menu li{
					height:74px;
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
					margin-bottom:1px;
				}
					#menu2 li span,
					#menu li a{
						height:100%;
						width:100%;
						display: flex;
						flex-direction: column;
						white-space:nowrap;
						overflow:hidden;
						text-overflow:ellipsis;
					}
					#menu li a::before,	#menu2 li span::before {	content: "";	margin-top: auto;	}
					#menu li a::after,	#menu2 li span::after	{	content: "";	margin-bottom: auto;	}
				#menu li.selected a,
				#menu_footer li.selected a,
				#menu li a:hover,
				#menu li a:focus,
				#menu2 li.selected span,
				#menu2 li span:hover,
				#menu2 li span:focus,
				#menu_footer li a:hover,
				#menu_footer li a:focus{
					text-decoration:underline;
				}
				#instagram>img{
					height:25px;
				}
					

		#main{
			flex:1;
			overflow-y:auto;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
		}
			#main_conteneur{
				min-height: -moz-calc(100% - 25px);
				min-height: -webkit-calc(100% - 25px);
				min-height: -o-calc(100% - 25px);
				min-height: calc(100% - 25px);
				position:relative;
				flex:0 0 100%;
			}
			
			
				.home_line{
					width:100%;
					margin:0 auto;
					display:flex;
					flex-direction:row;
					justify-content: center;
					align-items:center;
				}
					.home_line>.home_line_simple,
					.home_line>.home_line_double{
						width:100%;
						flex:1;
						overflow:hidden;
						margin-top:20px;
						margin-bottom:20px;
					}
					.home_line_simple{
						margin-left:20px;
						margin-right:20px;
					}
					
					.home_line_double:first-child {
						margin-left:20px;
						margin-right:10px;
					}
					.home_line_double:last-child {
						margin-left:10px;
						margin-right:20px;
					}
					.home_line_double{
					}
						.home_image{
							position:relative;
						}
							.home_line img{
								max-width:100%;
								height:100%;
								width:100%;
								background-repeat:no-repeat;
								background-size:cover;
								background-position:center center;
							}
							.home_texte .texte_basique_title{
								padding:1px;
								margin:0;
								font-size:16px;
								font-family:"titre";
							}
							.home_texte .texte_basique{
								padding:1px;
								margin:0;
								font-size:14px;
								font-family:"texte_special";
							}
				.image_about,
				.contact_conteneur{
					background-repeat:no-repeat;
					background-size:cover;
					background-position:center center;
					position:absolute;
					top:0;
					left:0;
					height:100%;
					width:100%;
					display:flex;
					justify-content: center;
					align-items:center;
					font-family:"texte";
				}
					.texte_about{
						border:10px rgba(255,255,255,0.30) solid;
						min-height:20%;
						height:70%;
						max-height:90%;
						max-width:600px;
						width:90%;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						overflow-y:auto;
						overflow-x:hidden;
						position:relative;
					}
						.texte_about_inner{
							background-color:#FFFFFF;
							min-height: -moz-calc(100% - 10px);
							min-height: -webkit-calc(100% - 10px);
							min-height: -o-calc(100% - 10px);
							min-height: calc(100% - 10px);
							width: -moz-calc(100% - 10px);
							width: -webkit-calc(100% - 10px);
							width: -o-calc(100% - 10px);
							width: calc(100% - 10px);
							padding:5px;
						}
					.contact_conteneur_inner{
						min-height:300px;
						max-height:90%;
						width: -moz-calc(100% - 40px);
						width: -webkit-calc(100% - 40px);
						width: -o-calc(100% - 40px);
						width: calc(100% - 40px);
						position:relative;
						background-color:#FFFFFF;
						display:flex;
						flex-direction:row;
					}
						.contact_conteneur_image{
							flex:1;
							background-repeat:no-repeat;
							background-size:cover;
							background-position:center center;
							position:relative;
						}
						.contact_conteneur_texte{
							flex:1;
							margin:0 0 0 20px ;
							overflow-x:auto;
						}
							.contact_conteneur_texte .texte_basique_title{
								padding:0;
								margin:0;
								font-size:16px;
								font-family:"titre";
							}
							.contact_conteneur_texte .texte_basique{
								padding:0;
								margin:0;
								font-size:14px;
								font-family:"texte";
							}

			.liste_albums{
				display:flex;
				width:100%;
				max-width:1200px;
				box-sizing: border-box;
				margin:0 auto;
			}
					.liste_albums_item:hover{
						zoom: 1;
						filter: alpha(opacity=90);
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
						-moz-opacity:0.9;
						-khtml-opacity:0.9;
						opacity: 0.9;
					}
				.liste_albums .colonne{
					flex-grow: 1;
					flex-basis:0;
					flex-direction:column;
					display:flex;
				}
					.liste_albums_item{
						display:flex;
						flex-direction:column;
						background-color:#FFFFFF;
						position:relative;
						margin:10px;
					}
						.liste_albums_item .img_container{
							position:relative;
							font-size:12px;
							font-family:"texte";
						}
							.img_container img{
								position:absolute;
								top:0;
								left:0;
								height:100%;
								width:100%;
								background-repeat:no-repeat;
								background-size:100% 100%;
								background-position:center center;
							}
							.img_container img.not_loaded{
								zoom: 1;
								filter: alpha(opacity=75);
								-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
								-moz-opacity:0.75;
								-khtml-opacity:0.75;
								opacity: 0.75;
								background-color:rgba(0,0,0,0.30);
							}
						.liste_albums_item .commentaire{
							margin:5px 0 0 0;
							border-top:2px #000000 solid;
						}
						.liste_albums_item .texte_basique_title{
							padding:0;
							margin:0;
							font-size:16px;
							font-family:"titre";
						}
						.liste_albums_item .texte_basique{
							padding:0;
							margin:0;
							font-size:12px;
							font-family:"texte";
						}
				#liste_images{
					height:100%;
					width:100%;
					margin:0 auto;
					font-size:0;
					display: block;
					overflow:hidden;
					position:relative;
					max-width:1200px;
					height:100%;
					margin:0 auto;
				}
					#liste_images .liste_image_item{
						height: -moz-calc(100% - 40px);
						height: -webkit-calc(100% - 40px);
						height: -o-calc(100% - 40px);
						height: calc(100% - 40px);
						display: inline-block;
						overflow:hidden;
						margin:20px;
					}
							#liste_images .liste_image_item>img{
								height:100%;
								width:100%;
								object-fit: contain;
								pointer-events: none;
								background-repeat:no-repeat;
								background-size:contain;
							}
							#liste_images .play{
								position:absolute;
								text-align:center;
								color:#909090;
								text-shadow:	0 0 #909090,
										0 1px #909090,
										1px 0 #909090,
										0 -1px #909090,
										0 0 2px #909090,
										0 0 3px #909090,
										0 0 4px #909090,
										0 0 5px #909090;
							}
							#liste_images .play:hover{
								animation: play_button 1.3s infinite;
							}
							#liste_images .player{
								position:absolute;
								height:100%;
								width:100%;
								top:0;
								left:0;
							}
				.prev,
				.next{
					text-align:center;
					position:absolute;
					top: -moz-calc(50% - 50px);
					top: -webkit-calc(50% - 50px);
					top: -o-calc(50% - 50px);
					top: calc(50% - 50px);
					color:#909090;
					text-shadow:	0 1px #FFFFFF,
							1px 0 #FFFFFF,
							0 -1px #FFFFFF,
							-1px 0 #FFFFFF,
							0 0 1px #FFFFFF,
							0 0 2px #FFFFFF,
							0 0 3px #FFFFFF;
				}
				.prev:hover,
				.next:hover{
					animation: play_button 1.3s infinite;
					color:#909090;
					text-shadow:	0 1px #909090,
							1px 0 #909090,
							0 -1px #909090,
							-1px 0 #909090,
							0 0 1px #909090,
							0 0 2px #909090,
							0 0 3px #909090;
				}
				.back{
					padding:5px;
					margin:5px;
					position:absolute;
					bottom:0;
					left:0;
					background-color:rgba(255,255,255,0.50);
					font-size:12px;
					font-family:"texte_special";
					font-weight:bold;
				}
				.back:hover{
					color:#909090;
					background-color:rgba(255,255,255,0.90);
				}
				.liste_images_conteneur{
					height:100%;
					min-width:100%;
					white-space:nowrap;
					display:flex;
					flex-direction:row;
					position:absolute;
					left:0;
				}
					#liste_images .page_content_50,
					#liste_images .page_content_100{
						display:inline-block;
						position:relative;
					}
					#liste_images .page_content_50{
						flex:1;
					}
					#liste_images .page_content_100{
						flex:2;
					}
						#liste_images .page_content_50.cpr img{
							object-position:right;
							background-position:right center;
						}
						#liste_images .page_content_50.cpl img{
							object-position:left;
							background-position:left center;
							margin-left:1px;
						}
						#liste_images .page_content_100 img{
							object-position:center;
							background-position:center center;
						}
						#liste_images .play{
							height:48px;
							width:48px;
							line-height:48px;
							font-size:24px;
							top: -moz-calc(50% - 24px);
							top: -webkit-calc(50% - 24px);
							top: -o-calc(50% - 24px);
							top: calc(50% - 24px);
							left: -moz-calc(50% - 24px);
							left: -webkit-calc(50% - 24px);
							left: -o-calc(50% - 24px);
							left: calc(50% - 24px);
						}
			.prev,
			.next{
				height:48px;
				width:48px;
				line-height:24px;
				font-size:16px;
			}
			.prev{
				left: -moz-calc(50% - 1200px);
					left: -webkit-calc(50% - 1200px);
					left: -o-calc(50% - 1200px);
					left: calc(50% - 1200px);
			}
			.next{
				right: -moz-calc(50% - 1200px);
					right: -webkit-calc(50% - 1200px);
					right: -o-calc(50% - 1200px);
					right: calc(50% - 1200px);
			}
			@media all and (max-width: 2400px) {
				.prev{
					left:0;
				}
				.next{
					right:0;
				}
			}
		#footer{
			height:20px;
			width:100%;
			line-height:20px;
			text-align:center;
			position:relative;
			overflow:hidden;
			border-top:2px #000000 solid;
		}
			#footer h6{
				display:inline-block;
				margin:0 5px;
				font-size:12px;
				font-family:"texte_special";
				font-weight:bold;
			}
			#footer #menu_footer{
				display:inline-block;
				margin:0;
			}
				#menu_footer li{
					display:inline-block;
					padding-left:5px;
				}
					#menu_footer li a{
						display:inline-block;
						padding:0 5px;
						font-size:12px;
						font-family:"texte_special";
						font-weight:bold;
					}

}


	/*=============================================================================*\
	=										=
	=				SMARTPHONE DESING				=
	=										=
	\*=============================================================================*/


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

	body{
		position:relative;
	}
		#header{
			width: -moz-calc(100% - 60px);
			width: -webkit-calc(100% - 60px);
			width: -o-calc(100% - 60px);
			width: calc(100% - 60px);
			height:60px;
		}
			#header_logo{
				width:60px;
			}
			#header_langues{
				display:none;
				visibility:hidden;
			}
				#header_logo_conteneur{
					width:90%;
					height:16px;
					line-height:16px;
				}
				#header_logo_conteneur{
					height:90%;
				}
			#header_titre{
				font-size:16px;
			}
			#header_titre p{
				display:none;
				visibility:hidden;
			}
		#nav{
			top:60px;
		}
			#nav #menu_hamburger{
				height:60px;
				width:60px;
				top:-60px;
			}
				.hamburger-box {
					width: 40px;
					height: 20px;
				}
				.hamburger-inner {
					margin-top: -2px;
				}
				.hamburger-inner,
				.hamburger-inner::before,
				.hamburger-inner::after {
					width: 40px;
					height: 4px;
					-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
				}
				.hamburger-inner::before{
					top: -10px;
				}
				.hamburger-inner::after {
					bottom: -10px;
				}
		#nav.open{
			height: -moz-calc(100% - 60px);
			height: -webkit-calc(100% - 60px);
			height: -o-calc(100% - 60px);
			height: calc(100% - 60px);
		}
				#menu2 li,
				#menu li{
					height:60px;
				}
			#main_conteneur{
				min-height: -moz-calc(100% - 20px);
				min-height: -webkit-calc(100% - 20px);
				min-height: -o-calc(100% - 20px);
				min-height: calc(100% - 20px);
			}
					.home_line>.home_line_simple,
					.home_line>.home_line_double{
						margin-top:10px;
						margin-bottom:10px;
					}
					.home_line_simple{
						margin-left:10px;
						margin-right:10px;
					}
					
					.home_line_double:first-child {
						margin-left:10px;
						margin-right:5px;
					}
					.home_line_double:last-child {
						margin-left:5px;
						margin-right:10px;
					}
					.texte_about{
						border:10px rgba(255,255,255,0.30) solid;
					}
						.texte_about_inner{
							min-height: -moz-calc(100% - 10px);
							min-height: -webkit-calc(100% - 10px);
							min-height: -o-calc(100% - 10px);
							min-height: calc(100% - 10px);
							width: -moz-calc(100% - 10px);
							width: -webkit-calc(100% - 10px);
							width: -o-calc(100% - 10px);
							width: calc(100% - 10px);
							padding:5px;
						}
					.contact_conteneur_inner{
						height:300px;
						max-height:90%;
						width: -moz-calc(100% - 20px);
						width: -webkit-calc(100% - 20px);
						width: -o-calc(100% - 20px);
						width: calc(100% - 20px);
					}
						.contact_conteneur_image{
							flex:2;
						}
						.contact_conteneur_texte{
							flex:3;
							margin:0 0 0 10px ;
						}

			.liste_albums{
				max-width:1200px;
			}
					.liste_albums_item{
						margin:5px;
					}
						.liste_albums_item .commentaire{
							margin:3px 0 0 0;
							border-top:2px #000000 solid;
						}
					#liste_images .liste_image_item{
						height: -moz-calc(100% - 20px);
						height: -webkit-calc(100% - 20px);
						height: -o-calc(100% - 20px);
						height: calc(100% - 20px);
						margin:10px;
					}
				.back{
					padding:3px;
					margin:3px;
				}
		#footer{
			height:18px;
			line-height:18px;
			border-top:2px #000000 solid;
		}
			#footer h6{
				margin:0 4px;
			}
				#menu_footer li{
					padding-left:4px;
				}
					#menu_footer li a{
						padding:0 4px;
					}

}