#underMenu{
				min-width: 981px;
				margin-right: auto;
				margin-left: auto;
			}
			#sousMenu{
				width: 981px;
				position: relative;
				left: 160px;
				text-align: center;
				margin-right: auto;
				margin-left: auto;
			}

			#first{
				margin-top:10px;
				margin-bottom: 10px;
				min-width:981px;
			}

			#presentation{
				width:981px;
				margin-left: auto;
				margin-right: auto;
				height:445px;
			}
			#presentationVerre{
				width:1100px;
				margin-left: auto;
				margin-right: auto;
				height:445px;
			}
			.categorie{
				font-size: 1.8em;
				width:250px;
				height:320px;
				margin-left: 55px;
				margin-right: 0px;
				float:left;
				border:solid 1px #333333;
				text-align: center;
				vertical-align: center;
				overflow: hidden;
			}	
			.categorieVerre{
				font-size: 1.8em;
				width:250px;
				height:320px;
				margin-left: 10px;
				margin-right: 0px;
				float:left;
				border:solid 1px #333333;
				text-align: center;
				vertical-align: center;
				overflow: hidden;
			}	
			.categorie:hover{
				border:solid 1px #9C6119;
			}
			.text{
				color: #000000;
				width:230px;
				height:300px;
				padding:10px;
				position:relative;
				bottom:320px;
				left:0px;
				z-index:900;
				overflow: hidden;
				-moz-opacity: 0;
				opacity:0;
				filter: alpha(opacity=0);
				transition: 0.3s;
			}
			.text:hover{
				background-color: rgba(235, 152, 43, 0.9);
				background-repeat: repeat;
				-moz-opacity: 1;
				opacity:1;
				filter: alpha(opacity=100);
				transition: 0.5s;
			}

			#titles{
				width:981px;
				margin-left: auto;
				margin-right: auto;
			}
			#titles h2{
				font-size: 1.5em;
				float:left;
				color:#CC7D13;
			}

			ul#slides li, ul#slidesTwo li, ul#slidesThree li, ul#slidesFour li{
				width:250px;
				height: 320px;
				border:none;
				cursor:default;
				background-repeat: no-repeat;
			}
			#slides ul, #slidesTwo ul, #slidesThree ul{
				margin-left: -40px;
			}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Sly 3D CSS*/
			.middleContent button{ background: transparent; border:none; color: #262625; opacity: .5;}
			.middleContent button:hover, .middleContent button:hover { opacity: 1; border:none;}
			.middleContent button:disabled, .middleContent button:disabled { opacity: .1; border:none; }

			.middleContent .prev { position: relative; padding: 10px; margin-top: -100px; width: 160px; float: left;margin-left: 80px; margin-right: 20px; font-size: 50px; overflow:hidden;}
			/*.middleContent .description { position: relative; padding: 10px; margin-top: 10px; width: 793px; height: 100px;float: left; margin-bottom: 10px; border: solid 1px #000000;}*/
			.middleContent .next { position: relative; padding: 10px; margin-top: -100px; width: 160px; float: right;margin-right: 80px;margin-left: 20px;font-size: 50px; }

/*windowSize*/.middleContent .frame { width: 1920px; height: 100px; text-shadow: none; overflow:hidden; }
			.middleContent .frame ul { list-style: none; margin: 5px 0 0 0; padding-right: 0; height: 100%; font-size: 50px; }
/*itemSize*/.middleContent .frame ul li { float: left; width: 600px; height: 490px; margin: 0 1px 0 0; padding: 0; text-align: center; overflow: hidden;}
			.middleContent .frame ul li img {margin-left:auto; margin-right:auto; margin-bottom:0%;}
/*description*/.middleContent .frame ul li.active p {margin-top:5px; border: solid 1px #262625; padding:1%; line-height: 30px; font-size: 20px; background-color: #FFFFFF; display: block;}
			.middleContent .frame ul li p {display:none;}
			.middleContent .frame ul li.active { color: #262625; }

			/*.middleContent .scrollbar { margin: 100px auto 0px; width: 940px; height: 2px; line-height: 0; }
			.middleContent .scrollbar .handle { width: 100px; height: 100%; background: #262625; opacity: .5; cursor: pointer; }
			.middleContent .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }*/


			/* 3D shenanigans */
			.middleContent .frame {
				padding-top:92px;
				padding-bottom:92px;
				height: 100px;
				-webkit-perspective: 800px;
				-ms-perspective: 800px;
				perspective: 800px;
				-webkit-perspective-origin: 50% 50%;
				-ms-perspective-origin: 50% 50%;
				perspective-origin: 50% 50%;
			}
			.middleContent .frame ul {
				-webkit-transform-style: preserve-3d;
				-ms-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}
			.middleContent .frame ul li {
				position: relative;
				margin: 0 -25px;
				-webkit-transform: rotateY(60deg) scale(0.9);
				-ms-transform: rotateY(60deg) scale(0.9);
				transform: rotateY(60deg) scale(0.9);
				-webkit-transition: -webkit-transform 300ms ease-out;
				transition: transform 300ms ease-out;
				opacity: 0.2;
			}
			.middleContent .frame ul li.active {
				z-index: 10;
				-webkit-transform: scale(1);
				-ms-transform: scale(1);
				transform: scale(1);
				opacity: 1;
			}
			.middleContent .frame ul li.active ~ li {
				-webkit-transform: rotateY(-60deg) scale(0.9);
				-ms-transform: rotateY(-60deg) scale(0.9);
				transform: rotateY(-60deg) scale(0.9);
			}




/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {/*max-device-width*/ 
			#underMenu{
				min-width: 320px;
				margin-right: auto;
				margin-left: auto;
			}
			#sousMenu{
				width: 320px;
				position: relative;
				left: 0px;
				text-align: center;
				margin-right: auto;
				margin-left: auto;
			}
			.advancedpanorama, #testmap {
				visibility: hidden;
			}
}