/****************************************	
*
* Style general :	- type de police
*					- taille de police
*					- couleur de police
*					- fond de page
*
******************************************/
html,body {	height: 100%;}
body {

    background:url(../images/fond-page.gif) repeat-x #7cd3f7;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
p,span{padding:0; margin:0;background-color:none;}
/*-------- styles des elemnts de cette zone-----*/

		#fondBlanc
		{  
			width:760px;
			background:#FFF none repeat scroll 0%; opacity:0.30; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
			margin:0 auto;
			height:+100%;
			top:0;
		}

/****************************************	
*
* Definition du conteneur pour definir le
* format et la postion du site a l'écran
*
******************************************/

#conteneur {
    position: relative;
    width:730px;
	z-index:1000;
	position:absolute;
	margin: 0 0 0 -365px;
	left:50%;
	top:0;
}

/****************************************	
*
* Positionnement des blocks de contentu
----------------------------------------
* Block 1 : header 
* Block 2 : contenu
* Block 3 : footer
******************************************


/* Block 1 : header (entete DE PAGE) */

#header {
	background:url(../images/header.jpg)  no-repeat;
	position: relative;
	padding:0;
	width:730px;
	height:140px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
			
/*-------- styles des elements de ce block-----*/
			
			/* positionnement du LOGO */
			#logo{padding:12px 0 0 15px; float:left;}
			
			/* positionnement du menu du header */
			
			.menuFlash {
			float:right;
			}

/* Block 2 : contenu (CONTENU CENTRAL) */

#contenu { 
	background-color: #fff; 
	float:left;
	width:100%;
	padding: 0;
	margin: 0px auto;
}

#contenuNav { 
	position:relative;
	background-color: #fff; 
	float:left;
	width:725px;
	padding:0 0 10px 5px;
	margin: 0px auto;
	
}

/* Block 3 : footer (PIED DE PAGE) */
#footer {
    background:url(../images/footer.gif); 
	clear:left;
	padding:0px;
	width:100%;
	height:45px;
	margin: 0;
		
}

/*-------- styles des éléments de ce block-----*/

			/* menu dans footer */
			ul#menuFooter {
			background:none;
			float:right;
			margin: 10px 6px 0px 0px;
			padding:0;
			list-style-type:none;
			}
			#menuFooter li
			{
			float:left;
			
			}
			#menuFooter a
			{
			display:block;
			width:105px;
			height:20px;
			line-height:20px;
			margin: 0 5px;
			background: #fff;
			color:#FF0088;
			font-weight:bold;
			text-decoration:none;
			text-align:center;
			}



/***************************************************	
*                   PAGE D'ACCUEIL
* Positionnement des zones dans  le block contenu
---------------------------------------------------
* zone 1 : liste-vignette-salon(colonne a gauche)
* zone 2 : apercuProchainSalon(colonne a droite)
***************************************************/
.texteAccueil
			{
			padding:0;
			margin:20px 0px 6px 0px;
			font-size:13px;
			line-height:20px;
			text-align:justify;
			color:#83aa3d;
			}

/* zone 1 : liste-vignette-salon (colonne a droite) */

#liste-vignette-salon {
	background-color: #fff;
	padding:0;
	width: 395px;
	float:left;
	margin: 5px 0px 0px 2px;
}

/*-------- styles des elements de cette zone-----*/

		div.uneAfficheMini
		{
		float:left;
		padding: 0;
		margin: 4px 0px 0px 3px;
		}
		
		img.photoAffiche
		{
		border: 5px solid;
		border-color:#F3F3F3;
		cursor:hand;
		}

/* zone 2 : apercuProchainSalon (colonne a gauche) */

#apercuProchainSalon {
	padding:0;
	margin: 5px 0px 0px 5px;
	float:left;
	width:305px;
	height:409px;
	background-color: #fff;
	top: 0px;
}

/*-------- styles des elements de cette zone-----*/

            /* image de l'affiche  */
			.photoAffiche
			{
			padding: 0;
			margin: 0px 0px 0px 0px;
			}
			
			/* titre de l'evenement  */
			h1
			{
			color:#99CC55;
			padding:0;
			margin:5px 0px 5px 0px;
			}
		  /* titre de la page   */
			h2
			{
			position:relative;
			display:inline;
			color:#006699;
			padding:0;
			margin: 0;
			top:50px;
			font-size:16px;
			
			}
			/* descriptif de l'evenement  */
			.descriptifSalon
			{
			padding:0;
			margin:0px 0px 0px 0px;
			text-align:justify;
			}


/***************************************************	
*             PAGE 1 de la fiche salon
* Positionnement des zones dans  le block contenu
---------------------------------------------------
* zone 1 : titre(chapeau)
* zone 2 : photo affiche(colonne a gauche)
* zone 3 : descriptif(colonne a droite)
* zone 4 : menu interne (menu)
***************************************************/
/*-------- ELEMENTS PRESENTS SUR TOUTES LES PAGES DE NAV -----*/
#HautContenu{
position:relative;
left:0px;
height:60px;
width:493px;
background:url(../images/fond-menu-nav-horiz.gif) repeat-x top;
float:left;
}
#btnMenuNav{
position:relative;
float:left;
width:227px;
height:60px;

}
#btnMenuNav a{width:227px; height:64px;}

/**************************************************************/

/* zone 1 : titre du salon (chapeau) */

div#contenuNav h1 {
    float:left;
	font-size:20px;
	font-weight:bold;
    padding:0;
	margin: 33px 0px 0px 5px;
	color:#FFF;
}

p#backAccueil{
    float:left;
	padding:0;
	margin: 43px 0px 0px 5px;
	
}
p#backAccueil a
{
font-size:10px;
font-weight:bold;
color:#FFF;
text-decoration:none;
}
/* zone 2 : zone photo affiche (colonne a gauche) */

div#contenuNav p#photoGrande {
    float:left;
	width:320px;
	height:300px;
	margin:40px 0 0 0px;
	padding:5px;
}

/* zone 3: zone descriptif (colonne a droite) */
div#contenuNav #descriptifAccueilSalon
{  

	background-color: none;
    margin:120px 0 0 0;
	padding: 0 ;
}

div#contenuNav #descriptif
{  
    background-color: none;
    margin:57px 0 0 0;
	padding: 0 ;
}


/* zone 4: ul (ligne bas) */
#smenuInterne
{
float:left;
position:absolute;
left:5px;
background: url(../images/bord-bas-droite-menu-nav.gif) no-repeat bottom right #71CDF3;
width:493px;
padding:0;
margin:0 ;
top:60px;
height:40px;

}

div#contenuNav  ul#menu_interne_fiche_salon {
    float:left;
    padding:0;
	margin: 5px 0px 0px 2px;
	top: 0px;
	list-style:none;
}
/*-------- styles des éléments de ce block-----*/

			ul#menu_interne_fiche_salon li
			{
			float:left;
			
			}
			ul#menu_interne_fiche_salon a
			{
			display:inline;
			height:15px;
			margin: 0 5px;
			padding:0;
			color:#FFF;
			font-weight:bold;
			text-decoration:none;
			text-align:left;
			}


#smenu
{
position: absolute;
background:url(../images/fond-menu-salons.jpg) no-repeat scroll 0% bottom;
opacity:0.90; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
top:60px;
left:503px;
width:222px;
}

ul#menu_liste_des_salons {margin:0;padding:0;list-style:none;}
ul#menu_liste_des_salons a
			{
			font-size:11px;
			display:block;
			width:205px;
			height:18px;
			margin: 5px 3px;
			color:#FFF;
			font-weight:bold;
			text-decoration:none;
			text-align:left;
			}
ul#menu_liste_des_salons a:hover
			{
			color:#FF6920;
			background-color:#FFF;
			font-weight:bold;
			text-decoration:none;
			padding-left:5px;
			}
			
/**********************************************/
p.mentions {
	color : #FF0088;
	font-weight:bold;
}
.adresseMentions {
	margin-left:240px;
	width:250px;
	text-align:center;
	border: 1px solid #FF0088;
	background-color: #FFDCEF;
}

a.plan {
	text-decoration:none;
	color:#333333;
}