/* CSS Document */
* { font-family:arial,sans-serif,courier,serif; line-height:150%; margin:0px; padding:0px; color:#333; }
body{ font-size:62.5%; padding:40px 0 0 0; background:url('../img/body-bg.jpg') repeat-x #1c2730; }
input, textarea, select { background:#DDD; }

a { color:#456; }
a:hover { color:#789; }
h1,h2,h3,h4{ text-transform:uppercase; font-weight:normal; margin-top:20px; line-height:1em; letter-spacing:-1px; }
h1{ font-size:3em; height:27px; color:white; line-height:1em; margin-top:0; background:black; padding:10px 5px 0 0; text-align:right; letter-spacing:2px; }
h2{ font-size:1.5em; line-height:130%; margin:30px 0 0px 0; padding:0px; color:#333; font-weight:bold; }
h3{ font-size:1.5em; color:#889; }
h4{ font-size:1em; padding:0 0 0 15px; background:url('../img/rivet-small.png') no-repeat left center; font-weight:bold; }

hr{ color:#DDD; border:0px; border-top:1px dashed grey; margin:50px 0;  }
td{ vertical-align:top; }
input{ height:16px; }
textarea, select, input, input[type=checkbox]{ border:0px solid #999; }
input[type=text], select{ width:300px; }

#page{ margin:0 auto; width:1000px; padding:0px; z-index:1; background:white; }
	
	#pagetop{ float:left; width:1000px; height:400px; background:url('../img/201012/fondtop.jpg'); }

	#logo{ float:right; width:400px; height:250px; background:url('../img/201012/DPA-logo.png') right bottom no-repeat; margin:0 50px 0 0; }
	
	#dateplace{ float:right; width:550px; margin:8px 28px 0 0; background:url('../img/201012/forthestuff.png') no-repeat left top; padding:60px 0 0 20px; color:white; text-transform:uppercase; }

	#navigation1 { float:left; width:300px; margin:25px 0 0 25px; font-size:1.5em; }

	#colleft{ float:left; width:300px; }
	#colright{ float:right; width:600px; }
		#colright h1{ text-align:right; }

	#loader{ position:absolute; width:1000px; left:50%; margin:0 0 0 -500px; top:32%; }
	
	#contenu { clear:both; float:right; width:1000px; margin:0px; padding:0px; background:white; }
		
		#inclusion{ float:right; width:750px; margin:0 0 0 30px; font-size:1.25em; }
			#inclusion p{ margin:0.7em 0 1em 0; line-height:1.2em; }
			#inclusion .col40{ float:left; width:40%; margin-right:9%; }
			#inclusion .fullwidth{ float:left; width:100%; padding-top:30px; }

	#signature { clear:both; width:1000px; text-transform:uppercase; font-size:1em; line-height:100%; background:white; }
		#signature p { padding:50px 0 10px 28px; }
		
/* CLASSES */
.boutonTexte{ padding:2px 5px 2px 5px; background:#7e4841; color:black; text-decoration:none; text-transform:uppercase; font-weight:normal; }
.boutonTexte:hover{ padding:2px 5px 2px 5px; background:url('../img/buttonbgon.png') repeat-x #7e4841; color:black; text-decoration:none; text-transform:uppercase; font-weight:normal; }
.boutonTexte-small{ padding:2px; background:#7e4841; color:black; text-decoration:none; text-transform:uppercase; font-size:0.85em; }
.big{ font-size:1.3em; color:white; letter-spacing:0.05em; }
.separator{ clear:both; }
.imgLeft{ float:left; margin:0 30px 30px 0; }
.partner{ float:left; width:250px; height:200px; background:white; border:1px dashed #DDD; padding:10px; margin:70px 0 0 0; }
.illustration{ border:5px solid #456; margin:50px 0 0 0; }


/* MENU */
	#navigation1 ul, #navigation1 ul li { list-style-type:none; }
	#navigation1 ul li { display:block; height:20px; width:150px; text-transform:uppercase; font-weight:normal; margin-left:0px; }
	#navigation1 ul li:hover { background:url('../img/201012/layer90.png'); }
	#navigation1 ul li:hover a{ color:black; }
	#navigation1 ul li a { color:white; text-decoration:none; }
	#navigation1 ul li a:hover{ text-decoration:none; color:#89a; border-bottom:0px solid #89A; }

	#navigation1 ul li ul{ display:none; }
	#navigation1 ul li:hover ul{ position:absolute; display:block;  margin:-15px 0 0 100px; width:900px; }
	#navigation1 ul li ul li{ font-size:0.7em; margin:0 0 1px 1px; color:black; text-transform:uppercase; background:url('../img/201012/layer90.png'); margin-bottom:1px; padding:5px; text-align:left; width:150px; height:12px; }
	#navigation1 ul li ul li a{ text-decoration:none; color:black; }
	
#navigation2{ float:left; width:150px; margin:0 0 0 20px; }
	#navigation2 h2{ color:black; }
	#navigation2 ul li { list-style-type:none; }
	#navigation2 ul li { border-bottom:1px dashed #89A; font-size:1.2em; text-transform:uppercase; padding-left:10px; }
	#navigation2 ul li a{ text-decoration:none; color:#789; }
	#navigation2 ul li a:hover{ color:#333; }

	#navigation2 #partners{ float:left; margin:70px 0 0 -50px; border:0px; width:150px; }
	#navigation2 #partners a{ border:0px; }

	/* SOUS NAVIGATION */
	.subnav{list-style-type:none; margin:0px;padding:0px; height:50px; width:100%; border-top:3px solid #666;}
	.subnav .tab{float:left; padding:5px; background:#666; margin-right:10px; text-transform:uppercase; font-size:1.3em; color:white; }

/* LISTE EXPOSANTS */
.isnew { color:red; }
.multiple{ background:#ddd; }
.encartDroite{ float:right; width:200px; background:#89A; color:white; padding:10px; -moz-border-radius:5px; margin-top:-30px; }
.encartDroite a{ color:white; }
.close{ text-align:right; border-bottom:1px solid #666; margin:-20px 0 0 0; }

#listExpo tr td, #listExpo tr th{ vertical-align:top; text-align:left; padding:2px; height:20px; }
#listExpo tr th{ background:#456; color:white; }
#exhibitors input, #exhibitors select, #exhibitors select option { background:white; padding:2px; color:#006; width:200px; }
#exhibitors input[type=submit] { background:#633; color:white; width:100px; height:2em; line-height:1em; -moz-border-radius:5px; }

#listExpo .exposant div div *{ color:white; }
#listExpo .exposant div div{ display:none; background:#333; padding:0 20px 20px 20px; position:absolute; width:600px; margin:-5px 0 0 20px; border-bottom:3px solid white; color:white; }
#listExpo .exposant div div ul li { margin:20px 0 0 20px; float:left; width:180px; height:80px; font-size:1em; line-height:1em; list-style-type:none; color:white; }


/* HOTELS */
#recommendedhotels p{ float:left; width:220px; height:100px; margin-right:20px; border-top:1px dashed #666; padding-top:10px; font-size:0.9em; }


/* PLACES */
#placesfashion, #placesart, #placesfood, #placesclubbing{ clear:both; }
#placesfashion p, #placesart p, #placesfood p, #placesclubbing p{ float:left; width:220px; height:160px; margin-right:20px; border-top:1px dashed #666; padding-top:10px; font-size:0.9em; }


/* EVENTS */
#events p { float:left; width:220px; height:160px; margin-right:20px; border-top:1px dashed #666; padding-top:10px; }
#events h3 { clear:both; }

#fdda_res{}
#fdda_pre{ display:none;}


/* RESTAURANTS */
#restaurants h2{ clear:both; }
#restaurants p{ float:left; width:220px; height:160px; font-size:0.9em; margin:0 30px 0 0; border-top:1px dashed #666; padding-top:10px; }


/* VIDEO */
#video{  }


/* PHOTOS */
#photos #vignettes .repertoire { height:200px; width:320px; overflow:hidden; }
#photos #vignettes .repertoire .smallImg { height:220px; }
#photos #vignettes .smallImgCell { height:150px; width:210px; overflow:hidden; }
#photos #vignettes .smallImgCell .smallImg { height:160px; }


/* CONCEPT */
.listblocs li{ list-style-type:none; display: block; float:left; width:330px; margin:0px 40px 10px 0; font-size:1.1em; }


/* THEY CAME */
#visitorslist .visitor{ margin-right:10px; white-space:nowrap; }


/* THEY WROTE */
#pressextracts p{ float:left; width:220px; height:180px; font-size:0.9em; margin:0 30px 0 0; border-top:1px dashed #666; padding-top:10px; }
#pressextracts p strong{ color:white; }


/* PUB */
#navigation2 #advertising{ border:0px; margin:30px 0 30px -10px; padding:0 0 30px 0; }
#navigation2 #advertising a{ border:0px; }
#navigation2 #advertising img{ border:0px; }