/*-------------------------------------------------------------------------------- 
/*          =BALISES
/*          =STRUCTURE
/*               @Entête
/*               @Conteneur
/*               @Pied de page
/*          =CLASSES
/*          =MODULES
/*              @Navigation
/*		          @Navigation Bottom
/*              @Formulaires
/*							@Formulaire Recherche Exposant
/*							@Formulaire Accréditation
/*							@Encard Accueil de publicité gauche
/*							@Encard Accueil Edito
/*							@Encard Accueil Actualites 
/*							@Encard Accueil Picture
/*							@Encard Accueil NewsLetter
/*							@Encard Accueil Actu RSS
/*							@Fil Ariane
/*							@ColCentre
/*          		@Bloc Contenu 
/*							@Bloc Partenaire
/*		          @Bloc Accréditation
/*		          @Bloc Actualites
/*
/*          =AJOUT
-------------------------------------------------------------------------------- */


/*-------------------------------------------------------------------------------- 
          =BALISES
-------------------------------------------------------------------------------- */
 
html, body {
		font-size: 100%;
    text-align: center;
    padding: 0;
    border: 0;
    margin: 0;
}
 
body {
		font: 0.625em/1em arial, helvetica, sans-serif;
    text-align: left;
    background: #ffffff url("../images/background.png") repeat-x;
}
 
h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
    margin: 0;
    padding: 0;
}

h1 {
    font: 1.8em/1em arial, helvetica, sans-serif;
}
 
h2 {
    font: 1.6em/1em arial, helvetica, sans-serif;
}
 
h3 {
    font: 1.4em/1em arial, helvetica, sans-serif;
}

h4 {
    font: 1.2em/1em arial, helvetica, sans-serif;
}
 
h5 {
    font: 1.1em/1em arial, helvetica, sans-serif;
}
 
h6 {
    font: 1em/1em arial, helvetica, sans-serif;
}

p {
    font: 1.2em/1.1em arial, helvetica, sans-serif;
    padding: 0 0 1.1em 0;
    margin: 0;
    color: #726863;
}
 
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

li {
    font: 1.1em/1.1em arial, helvetica, sans-serif;
    padding: 0 0 1.1em 0;
    margin: 0;
}

a {
    text-decoration: underline;
}
 
a:hover, 
a:focus {
    text-decoration: none;
}
 
img {
    border: 0;
}
 
hr {
    height: 0;
    color: #fff;
    background: #fff;
    border: none;
    border-bottom: 1px solid #000;
    margin: 0;
}
 
form {
    padding: 0;
    margin: 0;
    display: inline;
}
 
textarea {
    line-height: 1.1em;
}
 
label {
    cursor: pointer;
}
 
table {
    padding: 0;
    border: 0;
    margin: 0 0 1.1em 0;
    border-collapse: collapse;
}
 
th, 
td {
    font: 1.1em/1.1em arial, helvetica, sans-serif;
    padding: 1.1em 1em;
    margin: 0;
}
 
blockquote {
    padding: 0;
    margin: 0.8em 1.5em;
}

small {
    font: 0.8em/1em arial, helvetica, sans-serif;
}
 
kbd {
    padding: 1px 2px;
    border: 1px solid #000;
}
 
sup {
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;
}
 
sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}
 
acronym, 
abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
}


/*-------------------------------------------------------------------------------- 
          =STRUCTURE
-------------------------------------------------------------------------------- */
 
#site  {
   width: 995px;
   margin: 0 auto;
   background: #ffffff url("../images/bg-shadow.png") repeat-y;
}


/*          @Entête          
---------------------------------------- */

#header {
	background: url("../images/header-bg-shadow.png") repeat-y;
	width: 995px;
	height: 251px;
	padding: 0 0 0 5px;
}

#header .logo {
	padding: 0 0 0 12px;
	display: block;
}

#header .picture {
	position: absolute;
	background: url("../images/header-picture.png") no-repeat;
	width: 345px;
	height: 251px;
	margin:-251px 0 0 628px;
}

#flag {
	position: absolute;
	top: 0;
	padding: 13px 0 0 30px;
}

#flag a {
	padding: 0 3px 0 0;
}

#flash {
	width: 986px;
	height: 251px;
}

/*          @Conteneur          
---------------------------------------- */
 
#container {
  position: relative;
  width: 995px;
  min-height: 500px;
  padding: 0 0 0 17px;
  z-index: 1;
}
 
#content {
	float: left;
	margin: 0 0 20px;
}

#colLeft {
	float: left;
	width: 338px;
}

#colRight {
	float: left;
	width: 242px;
}

#aside {
	float: right;
	margin: 0 31px 0 0; /* ie6 */
}

#aside #zoneRight {
	padding: 16px 15px 0 22px;
}

#aside div.titre {
	color: #5e5855;
	width: 116px;
	padding: 0 0 3px;
	margin: 0 0 10px;
	border-bottom: 1px solid #5e5855;
	font-size: 1.3em;
}

#aside ul {
	padding: 0 0 22px;
}

#aside ul li{
	padding: 0 0 6px;
	width: 121px;
}

#aside ul li a {
	color: #5e5855;
	text-decoration: none;
	padding: 0 0 2px 24px;
}

#aside ul li a:hover {
	text-decoration: underline;
}

#aside ul li a.visiteurPro {
	background: url("../images/aside-picto-visiteur-pro.png") no-repeat;
	width: 18px;
	height: 16px;
}

#aside ul li a.infoPratique {
	background: url("../images/aside-picto-infos-pratiques.png") no-repeat;
	width: 18px;
	height: 16px;
}

#aside ul li a.contacts {
	background: url("../images/aside-picto-contacts.png") no-repeat;
	width: 18px;
	height: 16px;
}

#aside ul li a.bonReduction {
	background: url("../images/aside-picto-bon-reduction.png") no-repeat;
	width: 18px;
	height: 16px;
} 
 
/*          @Pied de page          
---------------------------------------- */
 
#footer {
  background: url("../images/footer.png") no-repeat;
  width: 995px;
  height: 26px;
  clear: both;
}

#footer .menuFooter {
	float: right;
	color: #ebdcd5;
	margin: 1px 35px 0;
}

#footer .menuFooter a {
	color: #ebdcd5;
	text-decoration: none;
}

#footer .menuFooter a:hover {
	text-decoration: underline;
}

#footer .menuFooter a#bleuroy {
	color: #b5a8a2;
}

/*-------------------------------------------------------------------------------- 
          =CLASSES
-------------------------------------------------------------------------------- */
 
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.floatLeft { float: left; }
.floatRight { float: right; }

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.imgLeft { 
    float: left; 
    margin: 0 8px 4px 0; 
}

.imgRight { 
    float: right;
    margin: 0 0 8px 4px;
}

.small { font-size: 0.8em; }
.hidden { display: none; }

/*-------------------------------------------------------------------------------- 
          =MODULES
-------------------------------------------------------------------------------- */
 

/*          @Navigation          
---------------------------------------- */
 
#nav {
	background: url("../images/bg-nav.png") no-repeat;
	width: 995px;
  height: 41px;
  /*margin: -2px 0 0; /*temp */
}
 
#nav ul {
  padding: 0 0 0 243px;
}
 
#nav li {
	position: relative;
	float: left;
	background: url("../images/bg-menu.png") no-repeat;
	width: 147px;
	height: 26px;
	cursor: pointer;
	z-index: 9999999;
}
#nav li.element a {
	color:#FFFFFF;
}

#nav ul li.element a.lien {
	position:absolute;
	text-decoration:none;
	text-transform:uppercase;
	width:122px;
	margin:0 7px;
	padding:13px 0 10px 14px;
	font-weight: bold;
	font-size:1.4em;
	z-index:9999999;
}

#nav ul li.element.hover a.lien {
	border-bottom: 1px solid #fff; 
}

#nav ul li .detail {
	position: absolute;
	width: 147px;
	padding: 38px 0 0;
	z-index: 9999999;
	display: none;
}

#nav ul li .detail li {
	height: auto;
	padding: 0 0 7px;
}

#nav ul li .detail li a {
	width: 132px;
	font-size: 1em;
	text-decoration: none;
	padding: 0 0 0 13px;
	display: block;
}

#nav ul li .detail li a:hover {
	padding: 0px 0 0 14px;
	background: url("../images/nav-picto.png") no-repeat 4px center;
	font-weight: bold;
}

#nav ul li.titreEn {
	color: red;
}

/*          @Navigation Bottom         
---------------------------------------- */

#navBottom {
	clear: both;
	width: 808px;
	height: 156px;
	background: url("../images/nav-bottom-bg.png") repeat-y -17px 0;
	border-top: 1px solid #e8e8e7;
	padding: 23px 0 0 0;
	margin: 0 0 0 17px;
}

#navBottom .colLiens {
	float: left;
	width: 133px;
	height: 126px;
	line-height: 1.5em;
	border-left: 1px solid #b1b3b5;
	padding: 0 0 0 5px;
}

#navBottom .colLiens strong {
	color: #76787b;
	font-size: 1.3em;
}

#navBottom .colLiens a {
	color: #aaacae;
	font-size: 1.0em;
	text-decoration: none;	
}

#navBottom .colLiens a:hover {
	text-decoration: underline;	
}

#navBottom #navLogo {
	float: left;
	width: 106px;
	margin-right:5px;
	text-align:center;
}


/*          @Formulaires          
---------------------------------------- */

.required {
	margin: 0 0 0 256px;
}
 
.text label {
	float: left;
	display: block;
	width: 250px;
	text-align: right;
	padding: 2px 6px 0 0;
}

.text input, 
.text textarea {
	width: 250px;
	padding: 1px 2px;
}

.submit {
	margin-left: 256px;
}

/*          @Encard Accueil de publicité gauche        
---------------------------------------- */
#encardPubLeft {
	float: left;
	width: 226px;
	min-height: 455px; /* ie6 */
}

#encardPubLeft img {
	padding: 11px;
}

/*          @Encard Accueil Edito       
---------------------------------------- */
#encardEdito {
	float: left;
	background: url("../images/edito-top.png") no-repeat;
	width: 338px;
	padding: 9px 0 0;
	margin: 19px 0 0;
	color: #5e5855;
}

#encardEdito #editoContenu {
	background: #e3dfdd url(../images/edito-bottom.png) no-repeat scroll left bottom;
	padding: 10px;
}

#encardEdito #editoBottom {
	background: url("../images/edito-bottom.png") no-repeat;
	width: 338px;
	height: 9px;
}

#encardEdito h1 {
	font-weight: bold;
}

#encardEdito h2 {
	font-weight: bold;
	padding: 0 0 5px 0;
}

#encardEdito p a {
	font-weight: bold;
	color: #5e5855;
}

/*          @Encard Accueil Actualites       
---------------------------------------- */
#encardActualites {
	float: left;
	border: 1px solid #cecfd0;
	margin: 10px 0 0;
	padding: 12px;
	color: #726863;
}

#encardActualites h1 {
	margin: 0 0 10px 0;
	color: #9d9794;
	font-size: 1.6em;
	font-weight: bold;
}

#encardActualites h3, #encardActualites span {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 6px;
}

#encardActualites h2 {
	font-size: 1.4em;
	background: url("../images/actu-ligne-visiteur.png") no-repeat bottom left;
	width: 310px;
	height: 18px;
	margin: 0 0 7px;
	clear: both;
}

#encardActualites h2.visiteur {
	color: #ffa800;
	background: url("../images/actu-ligne-visiteur.png") no-repeat bottom left;
}

#encardActualites h2.exposant {
	color: #48b9e9;
	background: url("../images/actu-ligne-exposant.png") no-repeat bottom left;
}

#encardActualites p a {
	float: left;
	color: #5E5855;
	font: 1.1em Arial, Helvetica, sans-serif;
	padding:0 4px 0 12px;
	text-decoration: none;
}

#encardActualites a {
	float: right;
	font: 1.1em Arial, Helvetica, sans-serif;
	padding:0 4px 0 12px;
	text-decoration: none;
}

#encardActualites a.visit {
	color: #ffa800;
	background: url("../images/actu-picto-visiteur.png") no-repeat left center;
}

#encardActualites a.expo {
	color: #48b9e9;
	background: url("../images/actu-picto-exposant.png") no-repeat left center;
}

#encardActualites a:hover {
	text-decoration: underline;
}

#encardActualites hr {
	border: none;
	background: url("../images/actu-ligne-visiteur.png") no-repeat bottom left;
}

/*          @Encard Accueil Picture          
---------------------------------------- */
#encardPicture {
	float: left;
	border: 1px solid #cecfd0;
	width: 202px;
	padding: 12px;
	margin: 19px 0 0 10px; /* ie6 */
	height:120px;
}

#encardPicture h1 {
	margin: 0 0 10px 0;
	color: #9d9794;
	font: 1.6em Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#encardPicture ul li{
	width:200px;
	height:90px;
	text-align:center;
	display:none;
	font: 1.4em/1.2em arial, helvetica, sans-serif;
	color:#25afe6;
}

/*          @Encard Accueil Newsletter          
---------------------------------------- */
#encardNewsletter {
	float: left;
	border: 1px solid #cecfd0;
	width: 202px;
	padding: 12px 12px 1px 12px;
	margin: 10px 0 0 10px; /* ie6 */
}

#encardNewsletter h1 {
	margin: 0 0 10px 0;
	color: #9d9794;
	font: 1.6em Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#encardNewsletter input#champNewsletter {
	width: 150px;
	vertical-align: text-bottom;
}

#encardNewsletter #validation {
	margin: 5px 0 0 0;
}
	

/*          @Encard Accueil Actu RSS         
---------------------------------------- */
#encardRss {
	float: left;
	border: 1px solid #cecfd0;
	width: 202px;
	padding: 12px 12px 1px 12px;
	margin: 10px 0 0 10px; /* ie6 */
}

#encardRss h1 {
	margin: 0 0 10px 0;
	color: #9d9794;
	font-size: 1.6em;
	font-weight: bold;
}

#encardRss h3 {
	color: #a79b95;
	font-size: 1.1em;
	margin: 0 0 4px;
}

#encardRss p a {
	color: #726863;
	text-decoration: none;
}

#encardRss p a:hover {
	text-decoration: underline;
}

#encardRss hr {
	border-bottom: 1px dotted #cecfd0;
	margin: 0 0 5px;
}

/*          @Encard Accueil MAP PRO       
---------------------------------------- */
#encardMapPro {
	float: left;
	width: 206px;
	padding:10px;
	margin:0;
}


/*          @Fil Ariane        
---------------------------------------- */
#filAriane {
	padding: 4px 0 0;
}

#filAriane a {
	color: #9d9794;
	text-decoration: none;
}

#filAriane a:hover {
	text-decoration: underline;
}

#filAriane a strong {
	color: #ff7c00;
}

/*          @ColCentre       
---------------------------------------- */

#colCentre {
	float: left;
	color: #9d9794;
	width: 580px;
}

#colCentre hr {
	border: none;
	border-top: 1px dashed #9d9794;
	margin: 18px 0 12px;
}

#colCentre h1 {
	 color: #02a6e3;
	 font-weight: bold;
	 padding: 20px 0 5px;
}

#colCentre .sommaireParagraphe {
	padding: 20px 0 12px;
}

#colCentre .sommaireParagraphe li {
	background: url("../images/content-picto-orange.png") no-repeat left center;
	padding: 0 0 4px 14px;
}

#colCentre .sommaireParagraphe li a {
	color: #ff7c00;
	font-size: 1.4em;
	text-decoration: none;
}

#colCentre .sommaireParagraphe li a:hover {
	text-decoration: underline;
}

/*          @Bloc Contenu     
---------------------------------------- */

#colCentre .blocContenu {
	margin: 18px 0 12px;
	border-top: 1px dashed #9d9794;
}

#colCentre .blocContenu h2 {
	 color: #ff7c00;
	 font-weight: bold;
	 margin: 12px 0 0;
	 text-transform: uppercase;
}

#colCentre .blocContenu p.chapo {
	font-style: italic;
	color: #4f5053;
	padding: 15px 0 0;
}

#colCentre .blocContenu img {
	padding-top: 15px;
}

#colCentre .blocContenu strong {
	color: #02a6e3;
}

#colCentre .blocContenu a {
	color: #02a6e3;
}

/*          @Formulaire Recherche Exposant      
---------------------------------------- */
#formExposant {
	display: block;
	margin: 40px 0 0;	
}

#formExposant p select {
	width: 170px;	
}

#formExposant p label {
	width: 120px;
	float: left;
}
#formExposant p {
	margin:0;
	padding:0 0 10px 100px;
}

#formExposant p.submit {
	padding:10px 0;
	text-align:center;
}

/*          @Bloc Partenaire      
---------------------------------------- */
.blocContenu ul.partenaire {
	margin: 12px 0 0;
}
.blocContenu ul.partenaire li {
	position: relative;
	float: left;
	background: url("../images/partenaire-bg.png") no-repeat;
	text-align: center;
	width: 189px;
	height: 160px;
	padding: 0;
}

.blocContenu ul.partenaire li h3 {
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	color: #ff9d00;
	padding: 10px 0;
}

.blocContenu ul.partenaire li a {
	position: absolute;
	bottom: 13px;
	left: 10px;
	background: url("../images/partenaire-picto.png") no-repeat left center;
	height: auto;
	font-size: 1.1em;
	color: #03a7e3;
	padding: 0 0 0 15px;
}

/*          @Bloc Communiqués      
---------------------------------------- */
.communique h2 {
	color: #ff7c00;
	font-size: 
}

.communique h3 {
	font-size: 1.2em;
	color: #76787b;
	padding: 0 0 4px;
}

.communique a {
	background: url("../images/communique-picto.png") no-repeat left center;
	width: 13px;
	height: 14px;
	color: #02a6e3;
	text-decoration: none;
	padding: 0 0 0 18px;
	font-size: 1.1em;
}

.communique a:hover {
	text-decoration: underline;
}

/*          @Bloc Accréditation      
---------------------------------------- */
.blocContenu.accreditation h4 {
	padding: 15px 0;
	font-style: italic;
	color: #ff7c00;
	text-transform: uppercase;
}

.blocContenu.accreditation span {
	font-weight: bold;
	color: #ff7c00;
}

.blocContenu.accreditation span.bold {
	font-weight: bold;
	color: #726863;
}

.blocContenu.accreditation a {
	color: #02a6e3;
	text-decoration: none;
}

.blocContenu.accreditation a:hover {
	text-decoration: underline;
}

/*          @Formulaire Accréditation      
---------------------------------------- */

#formAccreditation {
	display: block;
	margin: 40px 0 0;	
}

#formAccreditation p select {
	width: 170px;	
}

#formAccreditation p label {
	width: 120px;
	float: left;
}
#formAccreditation p {
	margin:0;
	padding:0 0 10px 40px;
}

#formAccreditation p.submit {
	padding: 10px 0 0 175px;
}

/*          @Bloc Actualites     
---------------------------------------- */
#colCaroussel {
	/*float: left;*/
	height: 300px;
	width: 226px;
}

#colCaroussel .next a {
	position: absolute;
	background: url("../images/actu-caroussel-top.png") no-repeat;
	width: 226px;
	height: 25px;
}

#colCaroussel .prev a {
	position: absolute;
	background: url("../images/actu-caroussel-bottom.png") no-repeat;
	width: 226px;
	height: 25px;
	top: 385px;
}

#colCaroussel ul {
	height: 1000px;
	width: 224px;
	margin: 25px 0 25px;
	border-left: 1px solid #cecfd0;
	border-right: 1px solid #cecfd0;
}

#colCaroussel ul li {
	width: 212px;
	height: 70px;
	margin:0 6px;
	padding: 4px 0;
	border-bottom: 1px solid #cecfd0;
}

#colCaroussel ul li span {
	color: #ffae00; /* ie6 */
}

#colCaroussel ul li p a {
	color: #726863;
	text-decoration: none;
}

#colCaroussel ul li p a:hover {
	text-decoration: underline;
}

#colDetail { 
	position:absolute;
	width: 333px;
	top:87px; /* ie6 */
	left:485px;
}

#colDetail span {
	color: #ffae00;
	font-size: 1.2em;
}

#colDetail div.titre {
	padding: 12px 0;
}

#colDetail div.titre {
	color:#02A6E3;
	font-weight:bold;
	font-size: 1.4em;
	padding: 12px 0;
	line-height: 1.0em;
}

#colDetail a {
	color: #ffae00;
	font-size: 1.2em;
}

#colDetail p a {
	color: #ffae00;
	font-size: 1.2em;
}

/*-------------------------------------------------------------------------------- 
          =AJOUT
-------------------------------------------------------------------------------- */
