#content{
				background-image:none;
			}
			#presentation{
				width:981px;
				margin-left: auto;
				margin-right: auto;
				height:445px;
			}
			#first{
				margin-top:50px;
				margin-bottom: 20px;
			}
			.categorie{
				font-size: 1.8em;
				width:500px;
				height:250px;
				margin-left: 230px;
				margin-right: 0px;
				margin-bottom:10px;
				float:left;
				border:solid 1px #333333;
				text-align: center;
				vertical-align: center;
				overflow: hidden;
			}	
			.categorie:hover{
				border:solid 1px #1A8186;
			}
			.text{
				color: #000000;
				width:480px;
				height:250px;
				padding:10px;
				position:relative;
				bottom:270px;
				left:0px;
				z-index:900;
				overflow: hidden;
				-moz-opacity: 0;
				opacity:0;
				filter: alpha(opacity=0);
				transition: 0.3s;
			}
			.text:hover{
				background-color: rgba(26, 129, 134, 0.9);
				background-repeat: repeat;
				-moz-opacity: 1;
				opacity:1;
				filter: alpha(opacity=100);
				transition: 0.5s;
			}

			ul#slidesPort li, ul#slidesCoff li{
				width:500px;
				height: 250px;
				border:none;
				cursor:default;
				background-repeat: repeat;
				margin:0;
				z-index:100;
			}
			ul#slidesPort li img, ul#slidesCoff li img{
				width:500px;
				height: 250px;
			}
			#slidesPort ul, #slidesCoff ul{
				margin-left: -40px;
			}


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




/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {/*max-device-width*/ 
			body{
				font-size:6px;
			}
			#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;
			}
			img{
				max-height: 300px;
				max-width: 300px;
			}

			.categorie{
				font-size: 1.8em;
				width:320px;
				height:150px;
				margin-left: 340px;
				margin-right: 0px;
				margin-bottom:10px;
				float:left;
				/*border:solid 1px #333333;*/
				text-align: center;
				vertical-align: center;
				overflow: hidden;
			}	
			.categorie:hover{
				border:solid 1px #1A8186;
			}

			.text{
				color: #000000;
				width:280px;
				height:150px;
				padding:10px;
				position:relative;
				bottom:20px;
				left:0px;
				z-index:900;
				overflow: hidden;
				-moz-opacity: 0;
				opacity:0;
				filter: alpha(opacity=0);
				transition: 0.3s;
			}
			.info{
				width: 300px;
				-webkit-hyphens: auto;
				-moz-hyphens: auto;
				-ms-hyphens: auto;
				-o-hyphens: auto;
				hyphens: auto;
			}
}