@charset "utf-8";

/************************************************************ 
												ATTENTION !

			Cette CSS est UTILISEE PAR TOUS LES MINI-SITES : 
	une modification de ce fichier sera répercutée sur tous !

************************************************************/
@import url("/css/htmlTags.css");
@import url("/css/salons.css");
/************************************************************/

pre{ /*display: none;*/ color: #FFF; }

/* common styles */
.clear{ clear: both; }
.inoborder{
	border: 0 !important;
}
.msgform {
	font-weight: bold;
	font-size: 1.2em !important;
}
.commspresse {
}
.photospresse li{
	list-style: none !important;
	float: left;
}
.video { 
	background-color: #000; 
	text-align: center;
}

.error, .no-error, .alert{
	padding: 2px 2px 2px 22px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	border: 1px dotted;
	margin-top: 1em;
}
.error{
	background-image:url(../ui/exclamation.png);
	background-color: #F2C9C9;
	border-color: #CC0000;
}
.no-error{
	background-image:url(../ui/accept.png);
	background-color: #E2F2C9;
	border-color: #006600;
}
.alert{
	background-image:url(../ui/error.png);
	background-color: #FFEB99;
	border-color: #FFCC00;
}

/* layout */
#principal {
	background-repeat: repeat-y;
	background-position: center;
}

	h1#logoSalon{
		display: block;
		margin: auto;
	}
		h1#logoSalon a{
			display: block;
			background-repeat:no-repeat; 
			text-indent: -10000px;
			overflow:hidden;
		}
		
	#wrapper {
		width: 905px;
		margin: auto;
	}
		#lienExposant{
			float: right;
			width: 300px;
		} 
			#lienExposant span, #lienExposant a{
				float: left;
				font-size: 14px;
				font-weight: bold;
				height: 25px;
				line-height: 25px;
				overflow: hidden;
				text-indent: -5000px;
				text-transform: uppercase;
			}
			#lienExposant span{
				letter-spacing: -1.4px;
				width: 130px;
			}
			#lienExposant a{
				float: right;
				font-size: 16px;
				padding: 0 27px;
				width: 110px;
			}
		
		#entete, #conteneur, #salons {
			clear: both;
			background-color: #FFF; 
			overflow: hidden;
			margin-bottom: 5px;
			border: 5px solid #FFF;
		}
		
		#entete{}
			h2#logoMicropolis{
				float: right;
				height: 285px;
				width: 240px;
				margin-bottom: 0;
				overflow: hidden;
				text-indent: -5000px;
				padding: 0;
			}
			h2#logoMicropolis a{
				display: block;
				height: 285px;
				margin: auto;
				/*
				text-indent: -1000px;
				overflow:hidden;*/
			}
			#affiche{
				height: 285px
			}
			#affiche img{
				margin-top: 0;
				border: 0;
			}
			
		#conteneur{
				background:#FFF url("../ui/contenuBorderBtm.png") no-repeat scroll 647px 100%;	
		}
		#conteneurWrapper{
				background: url("../ui/contenuBorder.png") repeat-y 642px 0 #FFF;
				overflow: hidden;
				padding-bottom: 33px;
		}
		
			#editions {
				width: 240px;
				float: right;
			}
				#navSalons{
					/* cf navSalons plus bas */
				}
				
				#pubs a {
					display: block;
					border-bottom: 5px solid #FFF;
					text-align: center;
				}
				#pubs div.last a {
					border-bottom: 0px;
				}
				#pubs em {
	font-style: normal;
	margin-left: 20px;				
				}
				#pubs br {
					display: none;
				}
				#pubs img{
					margin: 0;
					border: 0;
					max-width: 240px;
				}
					
			#contenu {
				margin-right: 245px;
				margin-bottom: 150px;
				overflow: hidden;
			}
				#contenu h2#pageLabel{
					margin-top: 0.5em;
				}
				#contenuText {
					padding: 0.5em 2em 0.5em 1em;
				}
					#video{ text-align: center; }
			
		#salons{
			/* cf salons.css */
		}
		
		#footer { clear: both; text-align: center; font-size: 11px; }
			#footer p.adresse{ margin-bottom: 0; }
			#footer ul { overflow: hidden; clear: both; margin-left: 200px;}
			#footer li { float: left; list-style: none; }
			#footer li a {}
			
/* navSalons */

#nav_salon { margin-bottom: 0; }
#nav_salon li {
	list-style: none;
	text-transform: uppercase;
	margin-left: 0;
	border-bottom: 5px solid #FFF;
}
#nav_salon li a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 2em;
	}#nav_salon li.active a {
	margin-bottom: 0;
  padding-bottom: 0;
}
#nav_salon li ul {
	display: none;
	margin: 0 0.5em;
	padding: 0.5em 0 1em;
	
	}#nav_salon li.active ul {
	display: block;
}
#nav_salon li ul li{
	padding: 0;
	border-bottom: 0;
}
#nav_salon li ul li a {
	font-size: 12px;
	font-weight: normal;   
	margin: 0;
  padding: 0;
	padding-left: 3.5em;
}
#nav_salon li ul li.active {
	cursor: default;
	padding-left: 3.5em;
}
#nav_salon a:hover {
	text-decoration:none;
}

/* forms */

form{ padding-top: 1em; }

p.info{
	font-size: 0.9em;
	font-style: italic;
	margin: 1em 0;
}

.item{ 
	clear: left;
	margin: 5px 0;
}
label{ 
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 130px;
}
	label small{
		float: right;
		font-weight: normal;
		margin-top: -3px;
	}
input, textarea, select{
	width: 200px;
}
fieldset{ 
	background-color: #F0F0F0; 
	border: 1px solid #CCCCCC; 
	padding: 10px 5px 5px 10px; 
	margin: 10px 0; 
}
fieldset label{ 
	width: 120px; 
}
legend{ 
	background-color: #FFF; 
	padding: 0 5px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	-khtml-border-radius: 7px; 
	border-radius: 7px; 
	behavior: url(border-radius.htc); 
}
.submit{ margin-left: 140px; }
.submit input{ width: auto; text-transform: uppercase; padding: 1px 5px; font-size: 11px; }
	
.requis, .requis span, span.requis{
	font-weight: bold;
}
.checkbox { background: url("../ui/dotted.png") repeat-x scroll 0 7px transparent;  overflow: hidden; margin-right: 10px; }
.checkbox label { background-color: #F0F0F0; float: left; padding: 0 5px 0 0; text-align: left; width: inherit; }
.checkbox input { float: right; width: inherit; background-color: #F0F0F0; padding: 0 0 5px 0;  }

.select select { width: auto; }

.radio label { width: 93%; text-align: left; float: right;}
.radio input { width: 5%; }

.spam label { padding-left: 138px; text-align: left; width: 202px;}
.spam input { width: 60px; }

.date input { width: 35px; }

.anti-spam input{ text-align: center; width: 30px;}

/* ----------------------------- SPECIFIC PAGES ---------------------------------*/

/* VISU */
#visu p {
	margin-right: 100px;
	margin-left: 100px;
	margin-top: 200px;
	font-size: 1.5em;
	color: #000000;
}

/* INSCRIPTION VISITEUR */
.item.date{
	position: relative;
}

/* INSCRIPTION EXPOSANT */
.inscriptionexposant textarea#message{
	width: 482px;
}

/* CONTACT ACCES */
.contactacces textarea#msg{
	width: 470px;
}

/* ANNUAIRE EXPOSANTS */
#liste_activites {
}
#liste_activites dd a {
}
#liste_activites dd a.active, #liste_activites dd strong {
	display: block;
	background-color: #666;
	color: #FFF;
	padding: 2px 5px;
	margin-top: 2px;
	font-weight: normal;
	font-size: 1.5em;
}
#liste_activites dt { 
	font-size: 16px; 
	margin-top: 10px; 
}
	
	#liste_activites  table {
		width: 100%;
		border: 1px dotted #666;
		margin-bottom: 0.5em;
		background-color: #FFF;
		padding: 10px;
	}
	#liste_activites  thead th {
		color: #666;
		font-style: italic; 
		font-weight: normal;
		padding: 0 5px;
	}
	#liste_activites table td  { border-top: 1px dotted #666; padding-bottom: 5px; }
	#liste_activites table td.exposant { font-size: 11px; line-height: 1.4em; }
	#liste_activites table td.exposant strong { font-size: 12px; color: #000;
	display: block;
	background-color: transparent;
	margin-top: 0;
	border-bottom: 1px dotted #CCC;
	font-size: 13px;
	padding: 5px;
	font-weight: bold;
	}
	#liste_activites table td.exposant p{margin-left: 100px;}
	#liste_activites table td.exposant p.expocomment { font-size: 11px; line-height: 1.4em; }
	#liste_activites table .emplacement { text-align: center; width: 80px; }
	#liste_activites table .stand { text-align: center; width: 40px; }
	
	#liste_activites table td img{
		float: left;
    margin-right: 5px;
	}

/* ANIMATIONS / CONFERENCES */
#tconfs { font-size:.8em; }
#tconfs table{ border-collapse: collapse;  border: 1px solid #ccc; width: 100%; }
#tconfs table caption{ font-size: 12px; font-weight: bold; text-align: right; width: 130px; }
#tconfs th{ border-bottom: 1px solid #ccc; border-right: 1px dotted #ccc;  padding: 2px; }
#tconfs td{ border-bottom: 1px dotted #ccc; border-right: 1px dotted #ccc;  padding: 2px; width: 30px; }
#tconfs th:first-child,
#tconfs td:first-child{ width: 115px; }
#tconfs tfoot td{ text-align: center; padding: 0; font-style: italic; }

/* PRESSE */
#ojs {
	background-color: #EEE;
	height: 120px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 20px;
}#ojs img {
	float: left;
	margin-right: 15px;
}

/* INSCRIPTION VISITEUR  */
.inscriptionvisiteur {}

/* LISTE DES EXPOSANTS */
.listeExposants{ display: block; }

.anti-spam img {vertical-align:bottom;}