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

	loading database connexion ------ OK
	loading admin functions --------- OK
	loading css functions ----------- OK
	loading vars -------------------- OK
	loading lan --------------------- OK (fr)
	website name -------------------- Camellian Ltd
	website link -------------------- https://package.camellian.uk
	last modified ------------------- 07/Feb/2023 23:46:38
	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
		#7FFFD4 --- female
		#944dff --- male



	/*=============================================================================*\
	=										=
	=		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:13px;
	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: "didot";
	src:
		url("../font/didot/Didot.eot");
	src: 
		url("../font/didot/Didot.eot?#iefix") format('embedded-opentype'),
		url("../font/didot/Didot.svg#Didot") format('svg'),
		url("../font/didot/Didot.ttf") format('truetype'),
		url("../font/didot/Didot.woff") format('woff'),
		url("../font/didot/Didot.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "didot_bold";
	src:
		url("../font/didot/Didot-Bold.eot");
	src: 
		url("../font/didot/Didot-Bold.eot?#iefix") format('embedded-opentype'),
		url("../font/didot/Didot-Bold.svg#Didot-Bold") format('svg'),
		url("../font/didot/Didot-Bold.ttf") format('truetype'),
		url("../font/didot/Didot-Bold.woff") format('woff'),
		url("../font/didot/Didot-Bold.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "didot_italic";
	src:
		url("../font/didot/Didot-Italic.eot");
	src: 
		url("../font/didot/Didot-Italic.eot?#iefix") format('embedded-opentype'),
		url("../font/didot/Didot-Italic.svg#Didot-Italic") format('svg'),
		url("../font/didot/Didot-Italic.ttf") format('truetype'),
		url("../font/didot/Didot-Italic.woff") format('woff'),
		url("../font/didot/Didot-Italic.woff2") format('woff2');
	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	:	rgba(255,255,255,0.50);
	--as-color-loading-focus :	#000000;
	--as-color-loading-gradient:	rgba(127,255,212,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);
	}
}
@keyframes clickMe {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}



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



	html,body{
		height:100%;
		width:100%;
		font-family:"didot", Arial, Helvetica, sans-serif;
	}
	html{
		display:flex;
	}
		body{
			max-height:1200px;
			max-width:1200px;
			min-height:400px;
			min-width:200px;
			margin:auto;
			display:flex;
			flex-direction:column;
			position:relative;
		}	
	.pointer,
	a{
		cursor:url("https://package.camellian.uk/img/cursor_hand.png") 7 3, pointer!important;
		text-decoration:none;
	}
	.hidden{
		display:none;
		visibility:hidden;
	}
	.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 */
	}
	.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;
	}
	img.responsive_img_js{
		height:100%;
		width:100%;
		background-repeat:no-repeat;
		background-position:center center;
		user-drag: none; 
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		pointer-events: none;
	}
	.content_center{
		display:flex;
		justify-content: center;
		align-items:center;
	}
	.message_annonce{
		min-height:100%;
		min-width:100%;
		text-align:center;
	}
		.message_annonce span{
			padding:5px;
			font-family:"didot_bold";
		}
		.color_female .message_annonce span{
			border:2px #7FFFD4 solid;
		}
		.color_male .message_annonce span{
			border:2px #944dff solid;
		}

		#header{
			display:flex;
			flex-direction:column;
			justify-content: center;
			align-items:center;
			position:relative;
		}
			#search_header{
				position:absolute;
				left:0;
				top:0;
				display:flex;
			}
				#search_container{
					display:inline-block;
					flex:1;
					position:relative;
				}
					#search_header.open #search_container input{
						border:1px #000000 solid;
					}
					#search_header:not(.open) #search_container input{
						border:1px #FFFFFF solid;
					}
					#search_container input{
						width: -moz-calc(100% - 2px);
						width: -webkit-calc(100% - 2px);
						width: -o-calc(100% - 2px);
						width: calc(100% - 2px);
						height: -moz-calc(100% - 2px);
						height: -webkit-calc(100% - 2px);
						height: -o-calc(100% - 2px);
						height: calc(100% - 2px);
						border-width:0;
						padding:0;
						text-align:center;
						position:absolute;
					}
					#search_container .result{
						overflow-x:auto;
						position:absolute;
						width:100%;
						background-color:#FFFFFF;
						top:100%;
						z-index:101;
						margin:0;
						padding:0;
						color:#000000;
					}
					.result:not(:empty){
						-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.80);
						-moz-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.80);
						box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.80);
					}
						#search_container .result li{
							list-style-type:none;
							text-align:center;
						}
						#search_container .result li.contact{
							list-style-type:none;
							text-align:center;
						}
						#search_container .result li a,
						#search_container .result li span{
							display:block;
							height:100%;
							width:100%;
							white-space:nowrap;
							overflow:hidden;
							text-overflow:"...";
							vertical-align:middle;
						}
						#search_container .result li a.model{
							text-transform:uppercase;
						}
						#search_container .result li span{
							font-weight:bold;
						}
						.color_female #search_container .result li.selected a,
						.color_female #search_container .result li:hover a,
						.color_female #search_container .result li a:focus,
						.color_female #search_container .result li a:active{
							background-color:#7FFFD4;
							color:#FFFFFF;
						}
						.color_male #search_container .result li.selected a,
						.color_male #search_container .result li:hover a,
						.color_male #search_container .result li a:focus,
						.color_male #search_container .result li a:active{
							background-color:#944dff;
							color:#FFFFFF;
						}
				#search_ico{
					display:inline-block;
					background-color:inherit;
				}
					.loupe{
						display: inline-block;
						transition-property: opacity, filter;
						transition-duration: 0.15s;
						transition-timing-function: linear;
						font: inherit;
						color: inherit;
						background-color: inherit;
						text-transform: none;
						border: 0;
						padding: 0;
						overflow: visible;
					}
				.color_male #search_ico:hover .loupe-inner::before{
					background-color:#944dff;
				}
				.color_male #search_ico:hover .loupe-inner{
					border-color:#944dff;
				}
				.color_female #search_ico:hover .loupe-inner::before{
					background-color:#7FFFD4;
				}
				.color_female #search_ico:hover .loupe-inner{
					border-color:#7FFFD4;
				}
					.loupe-box{
						display: inline-block;
						position: relative;
					}
					.loupe-inner{
						display: block;
						top: 50%;
						left: 50%;
						position: absolute;
						-webkit-transform: rotate(58deg);
						-moz-transform: rotate(58deg);
						-ms-transform: rotate(58deg);
						-o-transform: rotate(58deg);
						transform: rotate(58deg);
					}
					.loupe-inner::before{
						transform-origin: center center;
						background-color:#000000;
						position: absolute;
						top:50%;
						left:50%;
						content: "";
						display: block;
					}
					.open .loupe-inner{
						width:0;
						-webkit-border-radius: 0px;
						-moz-border-radius: 0px;
						border-radius: 0px;
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
					}
				.hamburger {
					background-color:inherit;
					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;
					position:absolute;
					right:0;
					top:0;
				}
					.hamburger-box {
						display: inline-block;
						position: relative;
					}
						.hamburger-inner {
							display: block;
							top: 50%;
							transition-duration: 0.075s;
							transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
						}
						.hamburger-inner,
						.hamburger-inner::before,
						.hamburger-inner::after {
							background-color:#000000;
							position: absolute;
							transition-property: transform;
							transition-duration: 0.15s;
							transition-timing-function: ease;
						}
						.hamburger-inner::before{
							content: "";
							display: block;
							transition: top 0.075s 0.12s ease, opacity 0.075s ease;
						}
						.hamburger-inner::after {
							content: "";
							display: block;
							transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
						}
						.color_male .hamburger:hover .hamburger-inner,
						.color_male .hamburger:hover .hamburger-inner:before,
						.color_male .hamburger:hover .hamburger-inner:after{
							background-color:#944dff;
						}
						.color_female .hamburger:hover .hamburger-inner,
						.color_female .hamburger:hover .hamburger-inner:before,
						.color_female .hamburger:hover .hamburger-inner:after{
							background-color:#7FFFD4;
						}
						.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);
						}
						.is-active .hamburger-inner::before {
							top: 0;
							opacity: 0;
							transition: top 0.075s ease, opacity 0.075s 0.12s ease;
						}
						.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);
						}
			#header_title{
				vertical-align:middle;
				text-align:center;
				white-space:nowrap;
				overflow:hidden;
				text-overflow:"...";
				text-transform:uppercase;
				margin:0 auto;
				display:block;
				font-family:"didot_bold";
			}
				#header_title a{
					display:block;
					height:100%;
					width:100%;
					white-space:nowrap;
					overflow:hidden;
					text-overflow:"...";
				}
				.color_male #header_title a:hover,
				.color_male #header_title a:focus,
				.color_male #header_title a:active{
					color:#944dff;
				}
				.color_female #header_title a:hover,
				.color_female #header_title a:focus,
				.color_female #header_title a:active{
					color:#7FFFD4;
				}		
		
		#nav{
			width:100%;
			height:0px;
			position:absolute;
			left:0;
			overflow:hidden;
			z-index:100;
			zoom: 1;
			filter: alpha(opacity=0);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			-moz-opacity:0;
			-khtml-opacity:0;
			opacity: 0;
		}
		#nav.open{
			zoom: 1;
			filter: alpha(opacity=100);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			-moz-opacity:1;
			-khtml-opacity:1;
			opacity: 1;
		}
			#menu{
				height:100%;
				display:flex;
				flex-direction: column;
				justify-content: space-around;
				background-color:#FFFFFF;
				font-family:"didot";
		}
			#nav li{
				text-align:center;
				text-transform:uppercase;
				letter-spacing:3px;
				width:100%;
				list-style-type:none;
				flex:1;
				display:flex;
				justify-content:center;
				max-height:100px;
			}
				#nav li a{
					display:flex;
					width:100%;
					white-space:nowrap;
					overflow:hidden;
					text-overflow:"...";
					text-transform:uppercase;
					flex:1;
					justify-content:center;
					align-items:center;
				}
				#nav li a:before {
					content: "";
					display: inline-block;
					height: 100%;
					vertical-align: middle;
				}
				.color_female #nav li.selected a,
				.color_female #nav li:hover a,
				.color_female #nav li a:focus,
				.color_female #nav li a:active{
					color:#7FFFD4;
				}
				.color_male #nav li.selected a,
				.color_male #nav li:hover a,
				.color_male #nav li a:focus,
				.color_male #nav li a:active{
					color:#944dff;
				}
				#nav li:last-child{
					max-height:inherit;
					flex:1;
				}
		#main{
			overflow-y:auto;
			font-size:0;
			flex:1;
			z-index:1;
		}
			#intro{
				height:100%;
				display:flex;
				margin:0 auto;
			}
				#intro .option{
					background-color:#7FFFD4;
					flex:1;
					font-size:0;
					position:relative;
				}
				#intro #option_3{
					background-color:#944dff;
				}
					#intro .option .responsive_img_js{
						object-fit: cover;
						background-size:cover;
					}
					#intro .option a{
						position:absolute;
						white-space:nowrap;
						overflow:hidden;
						text-overflow:"...";
						background-color:rgba(0,0,0,0.70);
						zoom: 1;
						filter: alpha(opacity=0);
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
						-moz-opacity:0;
						-khtml-opacity:0;
						opacity: 0;
					}
					#intro .option:hover a{
						zoom: 1;
						filter: alpha(opacity=100);
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						-moz-opacity:1;
						-khtml-opacity:1;
						opacity: 1;
					}
						#intro .option a p{
							width:100%;
							position:absolute;
							top:50%;
							color:#FFFFFF;
							font-family:"didot_bold";
							text-align:center;
							text-transform:uppercase;
							letter-spacing:1px;
							filter: blur(10px);
							-webkit-filter: blur(10px);
							-moz-filter: blur(10px);
							-o-filter: blur(10px);
							-ms-filter: blur(10px);
						}
						#intro .option:hover a p{
							filter: blur(0px);
							-webkit-filter: blur(0px);
							-moz-filter: blur(0px);
							-o-filter: blur(0px);
							-ms-filter: blur(0px);
						}
			h2{
				text-transform:uppercase;
				font-family:"didot_bold";
			}
			.list_models{
				width:100%;
				margin:auto;
				display:flex;
				flex-wrap: wrap;
				justify-content:flex-start;
				align-content:baseline;
				flex:1;
				position:relative;
			}
				.list_models .model_container{
					position:relative;
					display:flex;
				}
				.list_models .model_container:before{	/* hack proportional resize*/
					content: "";
					display: block;
					padding-top: 167%; 	/* initial ratio of 1:1 = 100% */
				}
					.list_models .model_container .model_expander{
						position:  absolute;
						display:flex;
						flex-direction: column;
						justify-content: center;
						flex:1;
					}
						.list_models .model_container .model_expander .responsive_img_js{
							object-fit: cover;
							background-size:cover;
						}
					.list_models .model_container:hover .model_expander{
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
					}
						.list_models .model_preview{
							width:100%;
							flex:1;
							position:relative;
						}
						.list_models .model_container.color_female .model_preview{
							background-color:#7FFFD4;
						}
						.list_models .model_container.color_male .model_preview{
							background-color:#944dff;
						}
							.list_models .model_preview .model_measurements{
								zoom: 1;
								filter: alpha(opacity=0);
								-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
								-moz-opacity:0;
								-khtml-opacity:0;
								opacity: 0;
								position:absolute;
								bottom:0;
								left:0;
								background-color:rgba(0,0,0,0.70);
								color:#FFFFFF;
								text-align:center;
								font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
							}
							.list_models .model_preview:hover .model_measurements{
								zoom: 1;
								filter: alpha(opacity=100);
								-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
								-moz-opacity:1;
								-khtml-opacity:1;
								opacity: 1;
							}
								.list_models .model_preview .model_measurements span{
									text-transform:uppercase;
								}
			#model{
				height:100%;
				width:100%;
				display:flex;
			}
				#model_infos{
					display:flex;
					flex-direction:column;
					align-items:center;
				}
					#menu_back{
						text-transform:uppercase;
						margin:0 auto;
						display:block;
						font-family:"didot_bold";
						text-align:left;
						white-space: nowrap;
						overflow:hidden;
						text-overflow:"..";
					}
						#model_infos.color_male #menu_back a:hover{
							color:#944dff;
						}
						#model_infos.color_female #menu_back a:hover{
							color:#7FFFD4;
						}
					#model_descriptif{
						flex:1;
						display: flex;
						flex-direction: column;
						justify-content: center;
						overflow:hidden;
					}
						.model_descriptif_title{
							text-transform:uppercase;
							text-align:center;
						}
						#model_descriptif p{
							font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
							text-align:right;
							position:relative;
						}
							#model_descriptif p>span{
								float:left;
								position:absolute;
							}
						#model_infos.color_male .model_descriptif_title,
						#model_infos.color_male #model_descriptif p:hover,
						#model_infos.color_male .model_rubriques_menu{
							background-color:#944dff;
						}
						#model_infos.color_female .model_descriptif_title,
						#model_infos.color_female #model_descriptif p:hover,
						#model_infos.color_female .model_rubriques_menu{
							background-color:#7FFFD4;
						}
						.model_rubriques_menu{
							display:flex;
						}
							.model_rubriques_menu span{
								flex:1;
								display:inline-block;
								text-align:center;
							}
							.model_rubriques_menu span:hover,
							.model_rubriques_menu span.selected{
								font-family:"didot_bold";
							}
				#model_visuels{
					flex:1;
					overflow:hidden;
					position:relative;
				}
					#model_visuels .model_rubrique{
						height:100%;
						min-width:100%;
						position:absolute;
						left:0;
						overflow:hidden;
						white-space:nowrap;
						display:flex;
						flex-direction:row;
					}
						#model_visuels .responsive_conteneur_js{
							height:100%;
							display: inline-block;
							overflow:hidden;
						}
							#model_visuels .responsive_img_js{
								height:100%;
								width:100%;
								object-fit: contain;
								background-size:contain;
								pointer-events: none;
								background-repeat:no-repeat;
							}
						.model_rubrique .page_content_50,
						.model_rubrique .page_content_100{
							height:100%;
							display:inline-block;
							position:relative;
						}
							.model_rubrique .page_content_50.cpr img{
								object-position:center;
								background-position:center center;
							}
							.model_rubrique .page_content_50.cpl img{
								object-position:center;
								background-position:center center;
								margin-left:1px;
							}
							.model_rubrique .page_content_100 img{
								object-position:center;
								background-position:center center;
							}
							.model_rubrique .play{
								position:absolute;
								text-align:center;
								background-color:rgba(255,255,255,0.30);
							}
							.model_rubrique .player{
								position:absolute;
								top:0;
								left:0;
								width:100%;
								height:100%;
							}
				.prev,
				.next{
					position:absolute;
					text-align:center;
					color:#000000;
				}
				.color_female .prev,
				.color_female .next{
					text-shadow:	0 0 1px #7FFFD4,
							0 0 2px #7FFFD4;
				}
				.play:hover{
					background-color:rgba(255,255,255,0.10);
					-webkit-box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.10);
								-moz-box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.10);
								box-shadow: 0px 0px 5px 5px rgba(255,255,255,0.10);
				}
				.color_female .prev:hover,
				.color_female .next:hover,
				.color_female .play:hover{
					color:#7FFFD4;
					text-shadow:	0 1px #944dff,
							1px 0 #944dff,
							0 -1px #944dff,
							-1px 0 #944dff,
							0 0 1px #944dff,
							0 0 2px #944dff,
							0 0 3px #944dff;
				}
				.color_male .prev,
				.color_male .next{
					text-shadow:	0 0 1px #944dff,
							0 0 2px #944dff;
				}
				.color_male .prev:hover,
				.color_male .next:hover,
				.color_male .play:hover{
					color:#944dff;
					text-shadow:	0 1px #7FFFD4,
							1px 0 #7FFFD4,
							0 -1px #7FFFD4,
							-1px 0 #7FFFD4,
							0 0 1px #7FFFD4,
							0 0 2px #7FFFD4,
							0 0 3px #7FFFD4;
				}
			#contact_conteneur,
			#texte_conteneur{
				height:100%;
				width:100%;
				display:flex;
				flex-direction:column;
				justify-content:space-between;
			}
				span.design_line{
					display:block;
					width:534px;
					height:1px;
					background-color:#D3D3D3;
					margin:10px auto;
				}
				#contact_conteneur_form{
					margin:0 auto;
					font-size:0;
				}
					#contact_conteneur_form .line{
						display:block;
					}
						#contact_conteneur_form .line span{
							text-transform:uppercase;
							font-family:"didot_bold";
						}
						#contact_conteneur_form .line textarea,
						#contact_conteneur_form .line input{
							font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
							background-color:rgba(127,255,212,0.10);
						}
						#contact_conteneur_form .line textarea{
							resize: vertical;
						}
						#contact_conteneur_form textarea.disabled,
						#contact_conteneur_form input.disabled,
						#contact_conteneur_form button.disabled{
							pointer-events:none;
							cursor: not-allowed!important;
							background-color:#D3D3D3!important;
							border-color:#606060!important;
							zoom: 1;
						filter: alpha(opacity=80);
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
						-moz-opacity:0.8;
						-khtml-opacity:0.8;
						opacity: 0.8;
						}
						#contact_conteneur_form .line #sendMail{
							width:50%;
							font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
							margin:0 auto;
							display:block;
							background-color:#FFFFFF;
						}
						#contact_conteneur_form .line .g-recaptcha,
						#contact_conteneur_form .line .g-recaptcha div{
							margin:0 auto;
						}
						#contact_conteneur_form #reponse_contact{
							text-align:center;
						}
							#contact_conteneur_form #reponse_contact span.ok{
								color:#7FFFD4;
							}
							#contact_conteneur_form #reponse_contact span:not(.ok){
								color:#944dff;
							}
				#contact_conteneur_texte{
					margin:0 auto;
					text-align:center;
				}
		#footer{
			width:100%;
			text-align:center;
			position:relative;
			overflow:hidden;
		}
			#footer h6{
				display:inline-block;
				margin:0;
				text-transform:uppercase;
			}
			#footer #menu_footer{
				position:absolute;
				left:0;
				font-size:0;
				display:inline-block;
			}
				#menu_footer li{
					display:inline-block;
				}
					#menu_footer li a{
						display:inline-block;
					}
					.color_female #menu_footer li.selected a,
					.color_female #menu_footer li:hover a,
					.color_female #menu_footer li a:focus,
					.color_female #menu_footer li a:active{
						color:#7FFFD4;
					}
					.color_male #menu_footer li.selected a,
					.color_male #menu_footer li:hover a,
					.color_male #menu_footer li a:focus,
					.color_male #menu_footer li a:active{
						color:#944dff;
					}
			#footer #langues_footer{
				height:100%;
				position:absolute;
				top:0;
				right:0;
				display: table;
			}
				#langues_footer li{
					display:table-cell;
					height:100%;
					vertical-align:bottom;
				}
					#langues_footer li a{
						display:inline-block;
						vertical-align:middle;
						
					}
						#langues_footer li a img{
							display:block;
							height:100%;
						}


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


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


		#header{
			height:60px;
			width: -moz-calc(100% - 40px);
			width: -webkit-calc(100% - 40px);
			width: -o-calc(100% - 40px);
			width: calc(100% - 40px);
			margin: 20px auto;
		}
			#search_header{
				height:60px;
				width:60px;
			}
			#search_header.open{
				width: -moz-calc(100% - 60px);
				width: -webkit-calc(100% - 60px);
				width: -o-calc(100% - 60px);
				width: calc(100% - 60px);
			}
				#search_container{
					min-height:60px;
					width: -moz-calc(100% - 20px);
					width: -webkit-calc(100% - 20px);
					width: -o-calc(100% - 20px);
					width: calc(100% - 20px);
				}
					#search_container input{
						width: -moz-calc(100% - 2px);
						width: -webkit-calc(100% - 2px);
						width: -o-calc(100% - 2px);
						width: calc(100% - 2px);
						height: -moz-calc(100% - 2px);
						height: -webkit-calc(100% - 2px);
						height: -o-calc(100% - 2px);
						height: calc(100% - 2px);
						font-size:20px;
					}
					#search_container .result{
						max-height:300px;
					}
						#search_container .result li{
							height:60px;
						}
						#search_container .result li.contact{
							height:20px;
							line-height:20px;
						}
						#search_container .result li a.model{
							font-size:20px;
							line-height:60px;
						}
						#search_container .result li span{
							font-size:13px;
							line-height:60px;
						}
				#search_ico{
					height:60px;
					width:60px;
				}
					.loupe{
						height:30px;
						width:30px;
						margin:15px;
					}
					.loupe-box{
						width: 20px;
						height: 10px;
					}
					.loupe-inner{
						width: 15px;
						height: 15px;
						-webkit-border-radius: 60px;
						-moz-border-radius: 60px;
						border-radius: 60px;
						margin-top: -11px;
						margin-left: -11px;
						border:4px #000000 solid;
					}
					.loupe-inner::before{
						height: 4px;
						width: 12px;	/* longueur queue de la loupe */
						margin-top:-2px;
						margin-left:7.5px;
					}
					.open .loupe-inner{
						height: 18px;
						border:2px #000000 solid;
						margin-left:-2px;
						margin-top:-12px;
					}
					.open .loupe-inner::before{
						width: 20px;
						height:4px;
						margin-left:-10px;
					}
				.hamburger {
					height:60px;
					width:60px;
				}
					.hamburger-box {
						width: 40px;
						height: 40px;
						margin: 10px;
					}
						.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;
						}
			#header_title{
				width: -moz-calc(100% - 120px);
				width: -webkit-calc(100% - 120px);
				width: -o-calc(100% - 120px);
				width: calc(100% - 120px);
				height:60px;
				line-height:60px;
				font-size:20px;
			}
		#nav{
			top:100px;
		}
		#nav.open{
			height: -moz-calc(100% - 130px);
			height: -webkit-calc(100% - 130px);
			height: -o-calc(100% - 130px);
			height: calc(100% - 130px);
			min-height:270px;
		}
			#menu{
				width: -moz-calc(100% - 40px);
				width: -webkit-calc(100% - 40px);
				width: -o-calc(100% - 40px);
				width: calc(100% - 40px);
				padding:0 20px;
		}
			#nav li{
				min-height:20px;
			}
				#nav li a{
					font-size:20px;
				}
		#main{
			max-height: -moz-calc(100% - 130px);
			max-height: -webkit-calc(100% - 130px);
			max-height: -o-calc(100% - 130px);
			max-height: calc(100% - 130px);
		}
		.message_annonce{
			font-size:13px;
		}
			#intro{
				width: -moz-calc(100% - 60px);
				width: -webkit-calc(100% - 60px);
				width: -o-calc(100% - 60px);
				width: calc(100% - 60px);
				flex-direction:row;
			}
				#intro .option{
					height:100%;
				}
				#intro .option:not(:last-child){
					margin-right:30px;
				}
					#intro .option a{
						height: -moz-calc(100% - 40px);
					height: -webkit-calc(100% - 40px);
					height: -o-calc(100% - 40px);
					height: calc(100% - 40px);
						width: -moz-calc(100% - 40px);
					width: -webkit-calc(100% - 40px);
					width: -o-calc(100% - 40px);
					width: calc(100% - 40px);
						top:20px;
						left:20px;
					}
						#intro .option a p{
							height:40px;
							margin-top:-80px;
							font-size:40px;
							line-height:40px;
						}
						#intro .option:hover a p{
							margin-top:-20px;
						}
			h2{
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: -o-calc(100% - 20px);
				width: calc(100% - 20px);
				height:40px;
				font-size:40px;
				line-height:40px;
				margin:10px auto;
			}
				.list_models .model_container{
					width: 20%;
				}
					.list_models .model_container .model_expander{
						top: 10px;
						left: 10px;
						bottom: 10px;
						right: 10px;
					}
							.list_models .model_preview .model_measurements{
								width: -moz-calc(100% - 20px);
							width: -webkit-calc(100% - 20px);
							width: -o-calc(100% - 20px);
							width: calc(100% - 20px);
								padding:10px;
								font-size:13px;
							}
								.list_models .model_preview .model_measurements span{
									font-size:10px;
								}
						.list_models .model_nom{
							width: -moz-calc(100% - 20px);
							width: -webkit-calc(100% - 20px);
							width: -o-calc(100% - 20px);
							width: calc(100% - 20px);
							height:20px;
							padding:10px;
							font-size:13px;
						}
			#model{
				flex-direction:row;
			}
				#model_infos{
					height:100%;
					min-width:250px;
				}
					#menu_back{
						min-width: -moz-calc(100% - 50px);
						min-width: -webkit-calc(100% - 50px);
						min-width: -o-calc(100% - 50px);
						min-width: calc(100% - 50px);
						height:40px;
						max-width:375px;
						font-size:40px;
						line-height:40px;
						padding:25px;
					}
					#model_descriptif{
						width:200px;
						font-size:13px;
						margin:0 25px 90px 25px;
					}
						.model_descriptif_title{
							font-size:20px;
							padding:1px 0;
						}
						#model_descriptif p{
							padding:1px 5px;
							height:15px;
							line-height:13px;
						}
							#model_descriptif p>span{
								left:5px;
								top:1px;
							}
				#model_visuels{
					height:100%;
				}
						.model_rubriques{
							margin:1px 0;
						}
						.model_rubrique .page_content_50{
							flex:1;
						}
						.model_rubrique .page_content_100{
							flex:2;
						}
							.model_rubrique .play{
								height:80px;
								width:80px;
								line-height:80px;
								font-size:40px;
								top: -moz-calc(50% - 40px);
								top: -webkit-calc(50% - 40px);
								top: -o-calc(50% - 40px);
								top: calc(50% - 40px);
								left: -moz-calc(50% - 40px);
								left: -webkit-calc(50% - 40px);
								left: -o-calc(50% - 40px);
								left: calc(50% - 40px);
								-webkit-border-radius: 80px;
								-moz-border-radius: 80px;
								border-radius: 80px;
							}
				.prev,
				.next{
					height:40px;
					width:40px;
					line-height:40px;
					font-size:20px;
					top: -moz-calc(50% - 20px);
					top: -webkit-calc(50% - 20px);
					top: -o-calc(50% - 20px);
					top: calc(50% - 20px);
				}
				.prev{
					right: -moz-calc(100% - 40px);
					right: -webkit-calc(100% - 40px);
					right: -o-calc(100% - 40px);
					right: calc(100% - 40px);
				}
				.next{
					left: -moz-calc(100% - 40px);
					left: -webkit-calc(100% - 40px);
					left: -o-calc(100% - 40px);
					left: calc(100% - 40px);
				}
				.prev:hover,
				.next:hover{
					font-size:30px;
				}
				.play:hover{
					height:160px;
					width:160px;
					line-height:160px;
					top: -moz-calc(50% - 80px);
								top: -webkit-calc(50% - 80px);
								top: -o-calc(50% - 80px);
								top: calc(50% - 80px);
					left: -moz-calc(50% - 80px);
								left: -webkit-calc(50% - 80px);
								left: -o-calc(50% - 80px);
								left: calc(50% - 80px);
				}
			#texte_conteneur{
				font-size:13px;
			}
			#texte_conteneur .texte_conteneur_inner{
				width: -moz-calc(100% - 10px);
				width: -webkit-calc(100% - 10px);
				width: -o-calc(100% - 10px);
				width: calc(100% - 10px);
				margin:0 5px;
			}
				#contact_conteneur_form{
					width:534px;
				}
					#contact_conteneur_form .line{
						width: -moz-calc(100% - 10px);
					width: -webkit-calc(100% - 10px);
					width: -o-calc(100% - 10px);
					width: calc(100% - 10px);
						padding:5px;
					}
						#contact_conteneur_form .line span{
							font-size:13px;
						}
						#contact_conteneur_form .line textarea,
						#contact_conteneur_form .line input{
							height:18px;
							width: -moz-calc(100% - 12px);
						width: -webkit-calc(100% - 12px);
						width: -o-calc(100% - 12px);
						width: calc(100% - 12px);
							line-height:18px;
							font-size:13px;
							border:1px #000000 solid;
							padding:5px;
						}
						#contact_conteneur_form .line textarea{
							min-height:18px;
							height:54px;
							max-height:180px;
						}
						#contact_conteneur_form .line #sendMail{
							height:23px;
							line-height:13px;
							font-size:13px;
							border:1px #000000 solid;
							padding:5px;
						}
						#contact_conteneur_form #reponse_contact{
							min-height:13px;
							line-height:13px;
							font-size:13px;
						}
				#contact_conteneur_texte{
					width:534px;
					font-size:13px;
				}
		#footer{
			height:30px;
			line-height:30px;
			font-size:13px;
		}
				#menu_footer li{
					padding:0 10px;
					font-size:10px;
				}
					#langues_footer li a{
						margin:0 5px;
						height:15px;
					}
}


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


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


		#header{
			height:40px;
			width: -moz-calc(100% - 20px);
			width: -webkit-calc(100% - 20px);
			width: -o-calc(100% - 20px);
			width: calc(100% - 20px);
			margin: 10px auto;
		}
		#header:after{
			content:"";
			height:10px;
			width: -moz-calc(100% - -20px);
			width: -webkit-calc(100% - -20px);
			width: -o-calc(100% - -20px);
			width: calc(100% - -20px);
			position:absolute;
			bottom:-20px;
			left:-10px;
			display:block;
			-webkit-box-shadow:  inset 0px 7px 9px -7px rgba(0,0,0,0.50);
			-moz-box-shadow:  inset 0px 7px 9px -7px rgba(0,0,0,0.50);
			box-shadow:  inset 0px 7px 9px -7px rgba(0,0,0,0.50);
			z-index:2;
		}
			#search_header{
				height:40px;
				width:40px;
			}
			#search_header.open{
				width: -moz-calc(100% - 40px);
				width: -webkit-calc(100% - 40px);
				width: -o-calc(100% - 40px);
				width: calc(100% - 40px);
			}
				#search_container{
					min-height:40px;
					width: -moz-calc(100% - 10px);
					width: -webkit-calc(100% - 10px);
					width: -o-calc(100% - 10px);
					width: calc(100% - 10px);
				}
					#search_container input{
						width: -moz-calc(100% - 2px);
						width: -webkit-calc(100% - 2px);
						width: -o-calc(100% - 2px);
						width: calc(100% - 2px);
						height: -moz-calc(100% - 2px);
						height: -webkit-calc(100% - 2px);
						height: -o-calc(100% - 2px);
						height: calc(100% - 2px);
						font-size:20px;
					}
					#search_container .result{
						max-height:340px;
					}
						#search_container .result li{
							height:40px;
						}
						#search_container .result li.contact{
							height:20px;
							line-height:20px;
						}
						#search_container .result li a.model{
							font-size:20px;
							line-height:40px;
						}
						#search_container .result li span{
							font-size:12px;
							line-height:40px;
						}
				#search_ico{
					height:40px;
					width:40px;
				}
					.loupe{
						height:40px;
						width:40px;
						margin:0px;
					}
					.loupe-box{
						width: 26px;
						height: 13px;
					}
					.loupe-inner{
						width: 20px;
						height: 20px;
						-webkit-border-radius: 40px;
						-moz-border-radius: 40px;
						border-radius: 40px;
						margin-top: -14px;
						margin-left: -14px;
						border:4px #000000 solid;
					}
					.loupe-inner::before{
						height: 4px;
						width: 16px;	/* longueur queue de la loupe */
						margin-top:-2px;
						margin-left:10px;
					}
					.open .loupe-inner{
						height: 25px;
						border:2px #000000 solid;
						margin-left:-2px;
						margin-top:-15px;
					}
					.open .loupe-inner::before{
						width: 26.666666666667px;
						height:4px;
						margin-left:-13.333333333333px;
					}
				.hamburger {
					height:40px;
					width:40px;
				}
					.hamburger-box {
						width: 40px;
						height: 40px;
						margin: 0px;
					}
						.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;
						}
			#header_title{
				width: -moz-calc(100% - 80px);
				width: -webkit-calc(100% - 80px);
				width: -o-calc(100% - 80px);
				width: calc(100% - 80px);
				height:40px;
				line-height:40px;
				font-size:20px;
			}
		#nav{
			top:60px;
		}
		#nav.open{
			height: -moz-calc(100% - 82px);
			height: -webkit-calc(100% - 82px);
			height: -o-calc(100% - 82px);
			height: calc(100% - 82px);
			min-height:318px;
		}
			#menu{
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: -o-calc(100% - 20px);
				width: calc(100% - 20px);
				padding:0 10px;
		}
			#nav li{
				min-height:20px;
			}
				#nav li a{
					font-size:20px;
				}
		#main{
			max-height: -moz-calc(100% - 82px);
			max-height: -webkit-calc(100% - 82px);
			max-height: -o-calc(100% - 82px);
			max-height: calc(100% - 82px);
		}
			#intro{
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: -o-calc(100% - 20px);
				width: calc(100% - 20px);
				flex-direction:row;
			}
				#intro .option{
					height:100%;
				}
				#intro .option:not(:last-child){
					margin-right:10px;
				}
					#intro .option a{
						height: -moz-calc(100% - 20px);
					height: -webkit-calc(100% - 20px);
					height: -o-calc(100% - 20px);
					height: calc(100% - 20px);
						width: -moz-calc(100% - 20px);
					width: -webkit-calc(100% - 20px);
					width: -o-calc(100% - 20px);
					width: calc(100% - 20px);
						top:10px;
						left:10px;
					}
						#intro .option a p{
							height:40px;
							margin-top:-80px;
							font-size:40px;
							line-height:40px;
						}
						#intro .option:hover a p{
							margin-top:-20px;
						}
			h2{
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: -o-calc(100% - 20px);
				width: calc(100% - 20px);
				height:50px;
				font-size:50px;
				line-height:50px;
				margin:10px auto;
				text-align:center;
			}
				.list_models .model_container{
					width: 33%;
				}
					.list_models .model_container .model_expander{
						top: 10px;
						left: 10px;
						bottom: 10px;
						right: 10px;
					}
							.list_models .model_preview .model_measurements{
								width: -moz-calc(100% - 20px);
							width: -webkit-calc(100% - 20px);
							width: -o-calc(100% - 20px);
							width: calc(100% - 20px);
								padding:10px;
								font-size:12px;
							}
								.list_models .model_preview .model_measurements span{
									font-size:9px;
								}
						.list_models .model_nom{
							width: -moz-calc(100% - 20px);
							width: -webkit-calc(100% - 20px);
							width: -o-calc(100% - 20px);
							width: calc(100% - 20px);
							height:20px;
							padding:10px;
							font-size:20px;
						}
			#model{
				flex-direction:column;
			}
				#model_infos{
					width:100%;
					position:relative;
					min-height:120px;
				}
					#model_infos #menu_back{
						width: -moz-calc(50% - 10px);
						width: -webkit-calc(50% - 10px);
						width: -o-calc(50% - 10px);
						width: calc(50% - 10px);
						position:absolute;
						top:0;
						left:0;
						white-space:nowrap;
						overflow:hidden;
						text-overflow:"...";
						vertical-align:middle;
						height:40px;
						font-size:40px;
						line-height:40px;
						padding:10px 0 10px 10px;
					}
					#model_descriptif{
						width: -moz-calc(100% - 20px);
						width: -webkit-calc(100% - 20px);
						width: -o-calc(100% - 20px);
						width: calc(100% - 20px);
						padding:10px;
						font-size:12px;
						margin:0;
					}
						.model_descriptif_title{
							position:absolute;
							margin-top:60px;
							bottom:12px;
							left:10px;
							width: -moz-calc(50% - 10px);
							width: -webkit-calc(50% - 10px);
							width: -o-calc(50% - 10px);
							width: calc(50% - 10px);
							height:40px;
							font-size:40px;
							line-height:40px;
							padding:1px 0;
						}
						#model_descriptif p,
						#model_descriptif .model_rubriques_menu{
							width:40%;
							padding:0px;
							margin:1px 5px 1px 55%;
							height:14px;
							line-height:12px;
							position:relative;
						}
							#model_descriptif p>span{
								left:10px;
								top:1px;
							}
				#model_visuels{
					width:100%;
				}
						.model_rubriques{
							margin:1px 0;
						}
						.model_rubrique .page_content_50{
							flex:1;
						}
						.model_rubrique .page_content_100{
							flex:2;
						}
							.model_rubrique .play{
								height:120px;
								width:120px;
								line-height:120px;
								font-size:60px;
								top: -moz-calc(50% - 60px);
								top: -webkit-calc(50% - 60px);
								top: -o-calc(50% - 60px);
								top: calc(50% - 60px);
								left: -moz-calc(50% - 60px);
								left: -webkit-calc(50% - 60px);
								left: -o-calc(50% - 60px);
								left: calc(50% - 60px);
								-webkit-border-radius: 120px;
								-moz-border-radius: 120px;
								border-radius: 120px;
							}
				.prev,
				.next{
					height:60px;
					width:60px;
					line-height:60px;
					font-size:30px;
					top: -moz-calc(50% - 30px);
					top: -webkit-calc(50% - 30px);
					top: -o-calc(50% - 30px);
					top: calc(50% - 30px);
				}
				.prev{
					right: -moz-calc(100% - 60px);
					right: -webkit-calc(100% - 60px);
					right: -o-calc(100% - 60px);
					right: calc(100% - 60px);
				}
				.next{
					left: -moz-calc(100% - 60px);
					left: -webkit-calc(100% - 60px);
					left: -o-calc(100% - 60px);
					left: calc(100% - 60px);
				}
				.prev:hover,
				.next:hover{
					font-size:40px;
				}
				.play:hover{
					height:240px;
					width:240px;
					line-height:240px;
					top: -moz-calc(50% - 120px);
								top: -webkit-calc(50% - 120px);
								top: -o-calc(50% - 120px);
								top: calc(50% - 120px);
					left: -moz-calc(50% - 120px);
								left: -webkit-calc(50% - 120px);
								left: -o-calc(50% - 120px);
								left: calc(50% - 120px);
				}
			#texte_conteneur{
				font-size:12px;
			}
			#texte_conteneur .texte_conteneur_inner{
				width: -moz-calc(100% - 10px);
				width: -webkit-calc(100% - 10px);
				width: -o-calc(100% - 10px);
				width: calc(100% - 10px);
				margin:0 5px;
			}
				#contact_conteneur_form{
					width:80%;
				}
					#contact_conteneur_form .line{
						width: -moz-calc(100% - 10px);
					width: -webkit-calc(100% - 10px);
					width: -o-calc(100% - 10px);
					width: calc(100% - 10px);
						padding:5px;
					}
						#contact_conteneur_form .line span{
							font-size:12px;
						}
						#contact_conteneur_form .line textarea,
						#contact_conteneur_form .line input{
							height:17px;
							width: -moz-calc(100% - 12px);
						width: -webkit-calc(100% - 12px);
						width: -o-calc(100% - 12px);
						width: calc(100% - 12px);
							line-height:17px;
							font-size:12px;
							border:1px #000000 solid;
							padding:5px;
						}
						#contact_conteneur_form .line textarea{
							min-height:17px;
							height:51px;
							max-height:170px;
						}
						#contact_conteneur_form .line #sendMail{
							height:22px;
							line-height:12px;
							font-size:12px;
							border:1px #000000 solid;
							padding:5px;
						}
						#contact_conteneur_form #reponse_contact{
							min-height:12px;
							line-height:12px;
							font-size:12px;
						}
				#contact_conteneur_texte{
					width:80%;
					font-size:12px;
					margin:5px auto;
				}
		#footer{
			height:22px;
			line-height:22px;
			font-size:12px;
		}
				#menu_footer li{
					padding:0 10px;
					font-size:9px;
				}
					#langues_footer li a{
						margin:0 5px;
						height:15px;
					}
}


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


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


		#header{
			height:30px;
			width: -moz-calc(100% - 4px);
			width: -webkit-calc(100% - 4px);
			width: -o-calc(100% - 4px);
			width: calc(100% - 4px);
			margin: 2px auto;
		}
		#header:after{
			content:"";
			height:10px;
			width: -moz-calc(100% - -4px);
			width: -webkit-calc(100% - -4px);
			width: -o-calc(100% - -4px);
			width: calc(100% - -4px);
			position:absolute;
			bottom:-12px;
			left:-2px;
			display:block;
			-webkit-box-shadow:  inset 0px 7px 9px -7px rgba(0,0,0,0.50);
			-moz-box-shadow:  inset 0px 7px 9px -7px rgba(0,0,0,0.50);
			box-shadow:  inset 0px 7px 9px -7px rgba(0,0,0,0.50);
			z-index:2;
		}
			#search_header{
				height:30px;
				width:30px;
				background-color:#FFFFFF;
			}
			#search_header.open{
				width: -moz-calc(100% - 30px);
				width: -webkit-calc(100% - 30px);
				width: -o-calc(100% - 30px);
				width: calc(100% - 30px);
			}
				#search_container{
					min-height:30px;
					width: -moz-calc(100% - 2px);
					width: -webkit-calc(100% - 2px);
					width: -o-calc(100% - 2px);
					width: calc(100% - 2px);
				}
					#search_container input{
						width: -moz-calc(100% - 2px);
						width: -webkit-calc(100% - 2px);
						width: -o-calc(100% - 2px);
						width: calc(100% - 2px);
						height: -moz-calc(100% - 2px);
						height: -webkit-calc(100% - 2px);
						height: -o-calc(100% - 2px);
						height: calc(100% - 2px);
						font-size:17px;
					}
					#search_container .result{
						max-height:366px;
					}
						#search_container .result li{
							height:30px;
						}
						#search_container .result li.contact{
							height:17px;
							line-height:17px;
						}
						#search_container .result li a.model{
							font-size:17px;
							line-height:30px;
						}
						#search_container .result li span{
							font-size:12px;
							line-height:30px;
						}
				#search_ico{
					height:30px;
					width:30px;
				}
					.loupe{
						height:30px;
						width:30px;
						margin:0px;
					}
					.loupe-box{
						width: 20px;
						height: 10px;
					}
					.loupe-inner{
						width: 15px;
						height: 15px;
						-webkit-border-radius: 30px;
						-moz-border-radius: 30px;
						border-radius: 30px;
						margin-top: -10px;
						margin-left: -10px;
						border:3px #000000 solid;
					}
					.loupe-inner::before{
						height: 3px;
						width: 12px;	/* longueur queue de la loupe */
						margin-top:-1.5px;
						margin-left:7.5px;
					}
					.open .loupe-inner{
						height: 18px;
						border:2px #000000 solid;
						margin-left:-2px;
						margin-top:-12px;
					}
					.open .loupe-inner::before{
						width: 20px;
						height:3px;
						margin-left:-10px;
					}
				.hamburger {
					height:30px;
					width:30px;
					overflow:hidden;
				}
					.hamburger-box {
						width: 30px;
						height: 30px;
						margin: 0px;
					}
						.hamburger-inner {
							margin-top: -1px;
						}
						.hamburger-inner,
						.hamburger-inner::before,
						.hamburger-inner::after {
							width: 30px;
							height: 3px;
							-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						}
						.hamburger-inner::before{
							top: -7.5px;
						}
						.hamburger-inner::after {
							bottom: -7.5px;
						}
			#header_title{
				width: -moz-calc(100% - 60px);
				width: -webkit-calc(100% - 60px);
				width: -o-calc(100% - 60px);
				width: calc(100% - 60px);
				height:30px;
				line-height:30px;
				font-size:17px;
			}
		#nav{
			top:34px;
		}
		#nav.open{
			height: -moz-calc(100% - 56px);
			height: -webkit-calc(100% - 56px);
			height: -o-calc(100% - 56px);
			height: calc(100% - 56px);
			min-height:344px;
		}
			#menu{
				width: -moz-calc(100% - 4px);
				width: -webkit-calc(100% - 4px);
				width: -o-calc(100% - 4px);
				width: calc(100% - 4px);
				padding:0 2px;
		}
			#nav li{
				min-height:17px;
			}
				#nav li a{
					font-size:17px;
				}
		#main{
			max-height: -moz-calc(100% - 56px);
			max-height: -webkit-calc(100% - 56px);
			max-height: -o-calc(100% - 56px);
			max-height: calc(100% - 56px);
		}
			#intro{
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: -o-calc(100% - 20px);
				width: calc(100% - 20px);
				flex-direction:column;
			}
				#intro .option{
					width:100%;
					overflow:hidden;
					margin:10px auto 0 auto;
				}
					#intro .option a{
						height: -moz-calc(100% - 20px);
					height: -webkit-calc(100% - 20px);
					height: -o-calc(100% - 20px);
					height: calc(100% - 20px);
						width: -moz-calc(100% - 20px);
					width: -webkit-calc(100% - 20px);
					width: -o-calc(100% - 20px);
					width: calc(100% - 20px);
						top:10px;
						left:10px;
					}
						#intro .option a p{
							width: -moz-calc(100% - 20px);
						width: -webkit-calc(100% - 20px);
						width: -o-calc(100% - 20px);
						width: calc(100% - 20px);
							height:34px;
							margin:-68px 0 0 10px;
							font-size:34px;
							line-height:34px;
							letter-spacing:5px;
							white-space:nowrap;
							overflow:hidden;
							text-overflow:"...";
						}
						#intro .option:hover a p{
							margin-top:-17px;
						}
			h2{
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: -o-calc(100% - 20px);
				width: calc(100% - 20px);
				height:25.5px;
				font-size:25.5px;
				line-height:25.5px;
				margin:10px auto;
				text-align:center;
			}
				.list_models .model_container{
					width: 50%;
				}
					.list_models .model_container .model_expander{
						top: 10px;
						left: 10px;
						bottom: 10px;
						right: 10px;
					}
							.list_models .model_preview .model_measurements{
								width: -moz-calc(100% - 20px);
							width: -webkit-calc(100% - 20px);
							width: -o-calc(100% - 20px);
							width: calc(100% - 20px);
								padding:10px;
								font-size:12px;
							}
								.list_models .model_preview .model_measurements span{
									font-size:9px;
								}
						.list_models .model_nom{
							width: -moz-calc(100% - 20px);
							width: -webkit-calc(100% - 20px);
							width: -o-calc(100% - 20px);
							width: calc(100% - 20px);
							height:20px;
							padding:10px;
							font-size:17px;
						}
			#model{
				flex-direction:column;
			}
				#model_infos{
					width:100%;
					position:relative;
					min-height:102px;
				}
					#model_infos #menu_back{
						width: -moz-calc(100% - 20px);
						width: -webkit-calc(100% - 20px);
						width: -o-calc(100% - 20px);
						width: calc(100% - 20px);
						white-space:nowrap;
						overflow:hidden;
						text-overflow:"...";
						vertical-align:middle;
						height:34px;
						font-size:34px;
						line-height:34px;
						padding:10px 10px 0 10px;
						text-align:center;
						position:relative;
					}
					#model_descriptif{
						width: -moz-calc(100% - 20px);
						width: -webkit-calc(100% - 20px);
						width: -o-calc(100% - 20px);
						width: calc(100% - 20px);
						padding:10px;
						font-size:12px;
						margin:0;
					}
						.model_descriptif_title{
							margin-top:0;
							bottom:0;
							left:0;
							width:100%;
							height:34px;
							font-size:34px;
							line-height:34px;
							padding:1px 0;
							position:relative;
							-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 */
						}
						#model_infos.measurements_hidden .model_descriptif_title{
							margin-bottom:20px;
						}
						.model_descriptif_title:after{
							height: 20px;
							width: 20px;
							content: " ";
							position:absolute;
							bottom:-20px;
							left:50%;
							display: block;
							margin-left:-10px;
							-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
							background-color:#606060;
							animation: clickMe 1s linear infinite;
						}
						.measurements_hidden #model_descriptif p,
						.measurements_hidden #model_descriptif .model_rubriques_menu,
						#model_infos:not(.measurements_hidden) .model_descriptif_title:after{
							display:none;
							visibility:hidden;
						}
						#model_descriptif p,
						#model_descriptif .model_rubriques_menu{
							width: -moz-calc(100% - 20px);
							width: -webkit-calc(100% - 20px);
							width: -o-calc(100% - 20px);
							width: calc(100% - 20px);
							padding:1px 10px;
							margin:0 auto;
							height:14px;
							line-height:12px;
							position:relative;
						}
							#model_descriptif p>span{
								left:10px;
								top:1px;
							}
				#model_visuels{
					width:100%;
				}
						.model_rubriques{
							margin:1px 0;
						}
						.model_rubrique .page_content_50{
							flex:1;
						}
						.model_rubrique .page_content_100{
							flex:1;
						}
							.model_rubrique .play{
								height:102px;
								width:102px;
								line-height:102px;
								font-size:51px;
								top: -moz-calc(50% - 51px);
								top: -webkit-calc(50% - 51px);
								top: -o-calc(50% - 51px);
								top: calc(50% - 51px);
								left: -moz-calc(50% - 51px);
								left: -webkit-calc(50% - 51px);
								left: -o-calc(50% - 51px);
								left: calc(50% - 51px);
								-webkit-border-radius: 102px;
								-moz-border-radius: 102px;
								border-radius: 102px;
							}
				.prev,
				.next{
					height:51px;
					width:51px;
					line-height:51px;
					font-size:25.5px;
					top: -moz-calc(50% - 25.5px);
					top: -webkit-calc(50% - 25.5px);
					top: -o-calc(50% - 25.5px);
					top: calc(50% - 25.5px);
				}
				.prev{
					right: -moz-calc(100% - 51px);
					right: -webkit-calc(100% - 51px);
					right: -o-calc(100% - 51px);
					right: calc(100% - 51px);
				}
				.next{
					left: -moz-calc(100% - 51px);
					left: -webkit-calc(100% - 51px);
					left: -o-calc(100% - 51px);
					left: calc(100% - 51px);
				}
				.prev:hover,
				.next:hover{
					font-size:34px;
				}
				.play:hover{
					height:204px;
					width:204px;
					line-height:204px;
					top: -moz-calc(50% - 102px);
								top: -webkit-calc(50% - 102px);
								top: -o-calc(50% - 102px);
								top: calc(50% - 102px);
					left: -moz-calc(50% - 102px);
								left: -webkit-calc(50% - 102px);
								left: -o-calc(50% - 102px);
								left: calc(50% - 102px);
				}
			#texte_conteneur{
				font-size:12px;
			}
			#texte_conteneur .texte_conteneur_inner{
				width: -moz-calc(100% - 10px);
				width: -webkit-calc(100% - 10px);
				width: -o-calc(100% - 10px);
				width: calc(100% - 10px);
				margin:0 5px;
			}
				#contact_conteneur_form{
					width:90%;
				}
					#contact_conteneur_form .line{
						width: -moz-calc(100% - 10px);
					width: -webkit-calc(100% - 10px);
					width: -o-calc(100% - 10px);
					width: calc(100% - 10px);
						padding:5px;
					}
						#contact_conteneur_form .line span{
							font-size:12px;
						}
						#contact_conteneur_form .line textarea,
						#contact_conteneur_form .line input{
							height:17px;
							width: -moz-calc(100% - 12px);
						width: -webkit-calc(100% - 12px);
						width: -o-calc(100% - 12px);
						width: calc(100% - 12px);
							line-height:17px;
							font-size:12px;
							border:1px #000000 solid;
							padding:5px;
						}
						#contact_conteneur_form .line textarea{
							min-height:17px;
							height:51px;
							max-height:170px;
						}
						#contact_conteneur_form .line #sendMail{
							height:22px;
							line-height:12px;
							font-size:12px;
							border:1px #000000 solid;
							padding:5px;
						}
						#contact_conteneur_form #reponse_contact{
							min-height:12px;
							line-height:12px;
							font-size:12px;
						}
				#contact_conteneur_texte{
					width:80%;
					font-size:12px;
					margin:5px auto;
				}
		#footer{
			height:22px;
			line-height:22px;
			font-size:12px;
		}
				#menu_footer li{
					padding:0 10px;
					font-size:9px;
				}
					#langues_footer li a{
						margin:0 5px;
						height:15px;
					}
}