/* --------------------BASE-------------------- */	


															
body									
{	
	margin: 0;
	padding: 0;
	border: no-border;
	background-color: #151515;
	font-family: "myriad pro", "arial";
}

a img
{	
	border-style: none;
}

a
{ 
	outline: none; 
}

.master
{
	width:895px;
	padding:0 85px 0 0;
	margin:0 auto 0 auto;
}

.mail a
{
	color:white;
}

.mail_footer a
{
	color: #464646;
}

/* --------------------HEADER-------------------- */	



.header									
{
 	height: 116px;
	width: 899px;
}
	
.header_left
{
	display:block;
	float:left;
	width:67px;
	height:116px;
	background:url("./src/header_left.jpg") no-repeat 0 0;
}

.header_middle
{
	display:block;
	float:left;
	width:282px;
	height:116px;
	background:url("./src/logo.jpg") no-repeat 0 0;
}

.header_right
{
	display:block;
	float:left;
	width:550px;
	height:116px;
	background:url("./src/header_right.jpg") no-repeat 0 0;
}



/* --------------------FOOTER-------------------- */	



.clear
{
 clear:both;
}
	
.footer									
{	
	width: 822px;
	margin: 0 0 0 76px;
	padding: 0 0 0 0;
	font-size: 12px;
	text-align: center;
	color: #464646;
}



/* --------------------CONTENU-------------------- */	



.contenu
{	
	background: url("src/fond.jpg");
	background-repeat: no-repeat;
	margin-top: 0;
	padding-top: 0;
	height: 547px;
	padding-left:72px;
}
											
.nom_du_projet							
{	
	color: #c83200;
	font-size: 18px;
	font-weight: semibold;
	text-align: center;
}
											
.titre_colonne							
{
	color: #c83200;
	font-size: 18px;
	font-weight: semibold;
	text-align: left;
}

.created_for							
{
	color: white;
	text-align: center;
}
											
.apercu_left
{
	float: left;
	width: 149px;
	color: white;
	padding: 0 0 0 40px;
	font-size: 11px;
	font-family: arial;
	text-align: center;
}

.apercu_right
{
	float: left;
	margin:0 0 0 58px;
	width: 543px;
}
.apercu .infos							
{
	color:#6e6e6e;
	text-align: center;
}	


.gallery								
{
	padding-top: 40px;
	width: 100%;
	height:415px;
	background-color: #202020;
}
.pictures
{
	display:block;
	height:385px;
	text-align:center;
	width:100%;
}
											
#txt_company							
{	
	color: white;
	font: 12px arial;
	width: 750px;
	padding:30px 0 0 39px;
}

#deco
{
	text-align:center;
	width:810px;
	margin-left:9px;
}
							
#animflash								
{	
	text-align:center;
	width:810px;
}
											
.haze									
{	
	font-weight: bold;
	color: #c83200;
}
											
.clients								
{	
	font-weight: bold;
	color: #12a8b6;
}

.block-center
{
	margin: 0 auto;
}
			
.titre									
{	
	margin: 0 31px 0 0;
	text-transform: uppercase;
	color: #c83200;
	font-family: "myriad pro", "trebuchet MS";
	font-size: 30px;
	text-align: right;
}
	

	
/* --------------------INTRO-------------------- */



.intro									
{	

	margin-top: 0;
	background: url("src/home.jpg") no-repeat 0 0;
	height: 600px;
	width:988px;
	margin: 0 auto;
}
											
.txt_intro						
{	
	padding: 35px 207px 0 207px;
	width: 574px;
	height: 240px;
	font: 11px arial;
	text-align: left;
	color: #6e6e6e;
}



/* --------------------NAVIGATION-------------------- */



.demo_link								
{	
	font-size: 19px;
	color: #c83200;
	width: 574px;
	text-align: right;
	padding: 242px 207px 0 207px;
	margin:0px;
}
											
.demo_link a								
{	
	text-decoration: none;
	color: #c83200;											
}

.play_link								
{	
	font-size: 19px;
	color: #c83200;
	text-align: center;
}
											
.play_link a								
{	
	text-decoration: none;
	color: #c83200;											
}
											
.next_link								
{	
	font-size: 14px;
	color: #c83200;
	text-align: right;
	padding-top: 6px;
}
											
.next_link a								
{	
	text-decoration: none;
	color: #c83200;
	
}

#enter,	
#enter a									
{	
	font-size: bold;
	text-align: right;
	color: #c83200;
	text-decoration: none;
	text-Transform:capitalize;
}

.menu									
{	
	list-style-type: none;
	/*width: 750px;
	height: 100px;*/
	margin: 45px 29px 0 0;
	font-size: 14px;
}
											
.menu li									
{
	float: right;
	padding: 0 0.5em;
}

.menu li a:link,
.menu li a:visited							
{	
	text-decoration: none;
	color: white;
}
											
.menu li a:hover							
{
	background-color: #12a9b5;
}



/* --------------------GALLERY-------------------- */	



.highslide-container div
{
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}

.highslide 
{
	cursor: url(highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}

.highslide img 
{
	border: 2px solid #151515;
}

.highslide:hover img 
{
	border-color: #12a8b6;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img 
{
	visibility: hidden;
}

.highslide-image 
{
	border-width: 3px;
	border-style: solid;
	border-color: #464646;
}

.highslide-wrapper, .drop-shadow 
{
	background: none;
}

.highslide-image-blur 
{
}

.highslide-caption 
{
	background-color: white;
}

.highslide-heading 
{
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}

.highslide-dimming 
{
	position: absolute;
	background: black;
}

.highslide-loading 
{
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	background-color: none;
	padding-left: 22px;
	background-image: url(highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i 
{
	visibility: hidden;
}

a.highslide-credits:hover,
a.highslide-credits:hover i 
{
	visibility: hidden;
}

.highslide-controls 
{
	width: 195px;
	height: 40px;
	background: url(highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.highslide-controls ul 
{
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}

.highslide-controls li 
{
	float: left;
	padding: 5px 0;
}

.highslide-controls a 
{
	background-image: url(highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}

.highslide-controls a.disabled 
{
	cursor: default;
}

.highslide-controls a span 
{
	/* hide the text for these graphic buttons */
	display: none;
}

.highslide-move a 
{
	cursor: move;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a 
{
	background-position: 0 0;
}

.highslide-controls .highslide-previous a:hover 
{
	background-position: 0 -30px;
}

.highslide-controls .highslide-previous a.disabled 
{
	background-position: 0 -60px !important;
}

.highslide-controls .highslide-play a 
{
	background-position: -30px 0;
}

.highslide-controls .highslide-play a:hover 
{
	background-position: -30px -30px;
}

.highslide-controls .highslide-play a.disabled 
{
	background-position: -30px -60px !important;
}

.highslide-controls .highslide-pause a 
{
	background-position: -60px 0;
}

.highslide-controls .highslide-pause a:hover 
{
	background-position: -60px -30px;
}

.highslide-controls .highslide-next a 
{
	background-position: -90px 0;
}

.highslide-controls .highslide-next a:hover 
{
	background-position: -90px -30px;
}

.highslide-controls .highslide-next a.disabled 
{
	background-position: -90px -60px !important;
}

.highslide-controls .highslide-move a 
{
	background-position: -120px 0;
}

.highslide-controls .highslide-move a:hover 
{
	background-position: -120px -30px;
}

.highslide-controls .highslide-full-expand a 
{
	background-position: -150px 0;
}

.highslide-controls .highslide-full-expand a:hover 
{
	background-position: -150px -30px;
}

.highslide-controls .highslide-full-expand a.disabled 
{
	background-position: -150px -60px !important;
}

.highslide-controls .highslide-close a 
{
	background-position: -180px 0;
}

.highslide-controls .highslide-close a:hover 
{
	background-position: -180px -30px;
}



/* --------------------BORDS GALERIE-------------------- */



.spiffy
{
	display:block;
}

.spiffy *
{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#202020
}

.spiffy1
{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#1d1d1d
}

.spiffy2
{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #161616;
  border-right:1px solid #161616;
  background:#1d1d1d
}

.spiffy3
{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #1d1d1d;
  border-right:1px solid #1d1d1d;
}

.spiffy4
{
  border-left:1px solid #191919;
  border-right:1px solid #191919
}

.spiffy5
{
  border-left:1px solid #1d1d1d;
  border-right:1px solid #1d1d1d
}

.spiffyfg
{
  background:#202020
}