body{

	font-family: 'Roboto Condensed', sans-serif;

		font-size: 13px;

		font-weight: 700;

		letter-spacing: 1px;

		line-height: 1.2;

		background-color:#2b2b2b;

		color:#88928a;

		position:relative;

	}
	#main{
		width:960px;
		margin: auto;
	}

	#menu_iphone{
		display:none;
	}

	ul#menu_list, ol#menu_list{

		position:fixed;

		top:68px;

		left:40px;

	}

	ul#menu_list, ul#menu_list ul, ol#menu_list, ol#menu_list ol{

		list-style-type: none;

		margin:0;

		margin-bottom:2em;

		padding:0;

		color:#aeb7b0;
			font-size: 12px;

		font-weight: 200;

		letter-spacing: 2px;

		line-height: 1,5;

	}

	ul#menu_list a:link, ul#menu_list ul a:link, ol#menu_list a:link, ol#menu_list ol a:link{

		color:#aeb7b0;

		text-decoration:none;

	}

	ul#menu_list a:visited, ul#menu_list ul a:visited, ol#menu_list a:visited, ol#menu_list ol a:visited{

		
		
		color:#aeb7b0;

		text-decoration:none;

	}

	ul#menu_list a:hover, ul#menu_list ul a:hover, ol#menu_list a:hover, ol#menu_list ol a:hover{

		color:#f60566;

		text-decoration:none;

	}

	.menu_title{

		font-size: 10px;
		
		margin-bottom:1em;

		color:#88928a;

		

	}

	.menu_content{

		/*text-transform:uppercase;*/

	}



	#content{

		margin-left:330px;

		margin-top:0px;

	}


#show 

{  

z-index: 0;

margin-left:0px;



margin-top:130px;

width: 700px; 

height: 700px; 

visibility: visible; 

display: block;

 }
 
 

 #title

 {

font-family: 'Chela One', cursive;

font-size: 32px;

font-weight: 400;

	color:#88928a;



display: block;



margin-top:20px;

margin-left:-100px;



width:500px;


}
a:link, a:visited {
	color:#95914f;
	text-decoration:none;
}

a:hover {
	color:#f00866;
	text-decoration:none;
}

 .text

 {

	font-family:'Roboto Condensed', sans-serif;

font-size: 14px;

font-weight: 400;

letter-spacing: 1px;

line-height: 1.8;

display: block;

margin-top:420px;

color:white;

width: 700px; 

margin-top:20px;

margin-left:-100px;

text-decoration: none;


}

.text2

 {

	font-family:'Roboto Condensed', sans-serif;

font-size: 14px;

font-weight: 400;

letter-spacing: 1px;

line-height: 1.8;

display: block;

margin-top:420px;

color:"#88928a";

width: 700px; 

margin-top:20px;

margin-left:-100px;

text-decoration: none;


}

.textrobottitt

 {

font-family:'Roboto Condensed', sans-serif;

font-size: 12px;

font-weight: 400i;

letter-spacing: 2px;

line-height: 1.5;

display: block;

margin-top:420px;

color:white;

width: 500px; 

margin-top:20px;

margin-left:-100px;

text-decoration: none;


}

.titlepiti

 {

font-family: 'Chela One', cursive;

font-size: 20px;

font-weight: 400;

	color:#95914f;



display: block;



margin-top:20px;

margin-left:-100px;






}


.titlepiti2

 {

font-family:'Roboto Condensed', sans-serif;

font-size: 14px;

font-weight: 400i;

letter-spacing: 2px;

line-height: 1.5;

display: block;

margin-top:420px;

color:#95914f;

width: 500px; 

margin-top:0px;



text-decoration: none;









}






.image{

	margin-left:-100px;

	margin-top:0px;

}
.scroll{

	margin-right:10px;

	margin-top:10px;

}
video{

	margin-left:-100px;

}

#container {margin:0 auto;position:relative;text-align:left;width:700px;background:#000;margin-bottom:2em;margin-left:0;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider li {width:700px;overflow:hidden;}	

/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. */
#slider li {display:none;}	
#slider li:first-child {display:block;}


#slider {width:700px;}
#containerslider{
	height: 700px; 
	display: table-cell;
	vertical-align: middle;
	text-align: center;
		font-size: 18px;

		font-weight: 700;

		letter-spacing: 1px;

		line-height: 1.2;

}
#slider li img{
	max-height:700px;
	max-width: 700px;
}
	
#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
#prevslide{ left:10px; background:url('../img/back.png'); }
#nextslide{ right:10px; background:url('../img/forward.png'); }
#prevslide:active, #nextslide:active{ margin-top:-19px; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }

a.anchor{
	display:inline-block;
	padding:3px;
	background-color: #bac39c;
	color:white;
	margin-left:-100px;
}

#media_container img{
	cursor:pointer;
}
#media_container > div, #media_container > object, #media_container > video{
	position:absolute;
}
#media_container video{
	margin-left:0px;
}

/*

// Iphone

*/



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

		body{

			font-size: 22px;

		}

		div{

		  clear:both!important;

		  display:block!important;

		  width:100%!important;

		  float:none!important;

		  margin:0!important;

		  padding:0!important;

		}

		img{

		  max-width:100%;

		  height:auto;

		}

		video{

			width: 100%;

			max-width:100%;

			margin-left:0px;

		}

		ul#menu_list,ul#menu_list li{

		  float:none!important;

		  clear:both!important;

		  position:relative;

		  top:0px;

		  left:0px;

		  margin:0 0 20px 0!important;

		  display:block;

		  padding:0;

		  text-align:left!important;

		  width:100%;
		  
		  z-index:99999;

		}
		ul#menu_list{

		  padding:5px;
		  padding-top:150px;

		}

		ul#menu_list li{

		  margin:0!important;

		}

		ul#menu_list li a{

		  display:block;

		}



		#content{

			margin-left:inherit;

			margin-top:inherit;
		}

		.image{

			margin-left:0px;

			margin-top:0px;

		}

		#show{

			width:100%;

		}
		#container {margin:0 auto;position:relative;text-align:left;width:100%;background:#000;margin-bottom:2em;margin-left:0;}
		#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
		#slider li {width:400px;overflow:hidden;}	
		
		#slider li {display:none;}	
		#slider li:first-child {display:block;}
		
		
		#slider {width:400px;}
		#containerslider{
			height: 400px; 
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
		#slider li img{
			max-height:400px;
			max-width: 100%;
		}
			
		#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
		#prevslide{ left:10px; background:url('../img/back.png'); }
		#nextslide{ right:10px; background:url('../img/forward.png'); }
		#prevslide:active, #nextslide:active{ margin-top:-19px; }
		#prevslide:hover, #nextslide:hover{ cursor:pointer; }
		
		
		
		#colorbox, #cboxOverlay, #cboxWrapper, cboxLoadingOverlay, #cboxLoadingGraphic{
			z-index:-2;
			display:none;
		}
		
		
		
		#title{
			top:50px;
			margin:0;
			left:12px;
		}
		#title2{
			display:none;
			right:5000px;
		}
		ul#menu_list, ol#menu_list{
			padding-bottom:30px;
			position:relative;
		}
		#spacer{
			height:1000px;
		}

		#menu_iphone{
			display:none;
			visibility:hidden;
		}
		ul.sous_menu li.menu_content{
			display:none;
			height:25px;
		}
	}