/* GENERAL 
------------------------------------------------------------------------------------------ */
body {
  font-family: "Futura",Helvetica, arial, sans
}

.preload { display: none;}

/* STRUCTURE 
------------------------------------------------------------------------------------------ */
#wrapper {
  width:1280px;
  margin: 0 auto;
/*   border: 1px dotted red; */
}

/* IDENTITES VISUELLES 
------------------------------------------------------------------------------------------ */
#avvl.accueil {
 background: url(../img/avvl-bg.jpg) center top no-repeat #6c5e4a;
}

#avvl, body.plan {
 background: #6c5e4a;
}

/* FONDS */
#marche-artisanal.accueil { 	background: url(../img/marche-artisanal-bg.jpg) center top no-repeat  #7b5d09;}
#marche-artisanal { background-color: #7b5d09;}

#landeron-classic.accueil { background: url(../img/landeron-classic-bg.jpg) center top no-repeat #ab160c; }
#landeron-classic { background-color: #ab160c; }

#marches-ete.accueil {background: url(../img/marches-ete-bg.jpg) no-repeat  center top #e4edbc;}
#marches-ete {background-color: #e4edbc;}

#jazz-estival.accueil {background: url(../img/jazz-estival-bg.jpg) center top no-repeat #4c3711;}
#jazz-estival {background-color: #4c3711;}

#brocante-landeron.accueil { background: url(../img/brocante-landeron-bg.jpg) center top no-repeat #a0b190; }
#brocante-landeron {
	background-color: #a0b190;
}

#animation-noel.accueil {	background: url(../img/animation-noel-bg.jpg) center top no-repeat #191658; }
#animation-noel  {	background:  #191658; }

body.plan {background-color: #6c5e4a; }

/* TEXTES */
#page {
  font-size: 18px;
  line-height: 1.3em;
}

#page, #page a {
  color:black;
}

#animation-noel #page, #animation-noel #page a { color:#FCCB8C}

/* SPLASH
------------------------------------------------------------------------------------------ */
#splash {
  display: block;
  position: relative;
  top:-80px;
  left:550px;
  width: 550px;
  height: 450px;  

}

#marche-artisanal #splash { background: url(../img/marche-artisanal-splash.gif) center no-repeat;}
#landeron-classic #splash { background: url(../img/landeron-classic-splash.gif) center no-repeat; width: 700px; left: 240px}
#marches-ete #splash { background: url(../img/marches-ete-splash.gif) center no-repeat;}
#jazz-estival #splash { background: url(../img/jazz-estival-splash.gif) center no-repeat;}
#brocante-landeron #splash { background: url(../img/brocante-landeron-splash.gif) center no-repeat;}
#animation-noel #splash { background: url(../img/animation-noel-splash.gif) center no-repeat; height: 600px; margin-top: -100px;}

#avvl #splash {
  display: block;
  position: relative;
  top:80px;
  left:-130px;
  width: 600px;
  height: 400px;
  background: url(../img/avvl-splash.png) center no-repeat;
}



/* PORTAIL
------------------------------------------------------------------------------------------ */
#portal {
  clear: left;
  display:none;
}

.accueil #portal {
  display: block;
}

#portal a {
  display: block;
  float: left;
  width: 170px;
  height: 170px;
  text-indent: -9999px;
}

#portal li {
  display: inline;
}

#avvl #portal {
 /*
 position: absolute;
  top:0;
  left:0;
 
*/
  width: 1200px;
  float: left;
  position: relative;
  top:30px;
  left: 0;

}

#avvl #p-animation-noel a { background: url(../img/animation-noel-logo-big.gif) no-repeat center}
#avvl #p-brocante-landeron  a { background: url(../img/brocante-landeron-logo-big.gif) no-repeat center}
#avvl #p-jazz-estival  a { background: url(../img/jazz-estival-logo-big.gif) no-repeat center}
#avvl #p-landeron-classic  a { background: url(../img/landeron-classic-logo-big.gif) no-repeat center}
#avvl #p-marche-artisanal  a { background: url(../img/marche-artisanal-logo-big.png) no-repeat center}
#avvl #p-marches-ete  a { background: url(../img/marches-ete-logo-big.png) no-repeat center}

#portal {
  position: relative;
  left:620px;
  top:700px;
}

#p-animation-noel a     { width:100px; background: url(../img/animation-noel-logo-small.gif) no-repeat center}
#p-brocante-landeron  a { width:110px; background: url(../img/brocante-landeron-logo-small.gif) no-repeat center}
#p-jazz-estival  a      { width:150px; background: url(../img/jazz-estival-logo-small.gif) no-repeat center}
#p-landeron-classic  a  { width:130px; background: url(../img/landeron-classic-logo-small.gif) no-repeat center}
#p-marche-artisanal  a  { width:100px; background: url(../img/marche-artisanal-logo-small.png) no-repeat center}
#p-marches-ete  a       { background: url(../img/marches-ete-logo-small.png) no-repeat center}

#animation-noel #p-animation-noel,
#brocante-landeron #p-brocante-landeron,
#jazz-estival #p-jazz-estival,
#landeron-classic #p-landeron-classic ,
#marche-artisanal #p-marche-artisanal,
#marches-ete #p-marches-ete 
 {
  display: none;
}

#avvl #portal a {
  width:180px;
}


#portal #p-email {display: none;}
#avvl #portal #p-email { display:block;}
 
#portal #p-email a {
  text-indent: -9999px;
  width:90px;
  height: 170px;
  background: url(../img/b-email-off.png) center no-repeat;
  display: block;
  float: right;
}

#portal #p-email a:hover {
  background: url(../img/b-email-on.png) center no-repeat;
}

/* NAV
------------------------------------------------------------------------------------------ */
#nav {
  float: left;
/*   position: absolute; */
/*   top:30px; */
/*   left: 40px; */
  width: 1200px;
  margin: 20px 0 0 20px;
}

.accueil #nav {
  float: left;
/*   position: absolute; */
/*   top:30px; */
/*   left: 40px; */
  width: 1200px;
  margin: -150px 0 0 20px;

}

#avvl.accueil #nav {
position: relative;
  top:200px;
  left: 530px;
  width: 650px;
}

#nav li {
  display: inline;

}

#nav a {
  display: block;
  float: left;
  height: 32px;
  width: 180px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: normal;
  line-height: 5em;
}

#avvl #nav a {
  width: 200px;
  text-align: center
}

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

#nav a.sel {
  font-weight: bold;
}

#avvl #nav a, #avvl #content ,  #avvl #content  a{ color:white;}
#marche-artisanal #nav a, #marche-artisanal #content,  #marche-artisanal #page, #marche-artisanal #content a { color: #fffceb; }
#landeron-classic #nav a, #landeron-classic #content,   #landeron-classic #page, #landeron-classic #content a { color:white;}
#marches-ete #nav a, #marches-ete #content, #marches-ete #page, #marches-ete #content a {color: #64001d;}
#jazz-estival #nav a, #jazz-estival #content, #jazz-estival #page, #jazz-estival #content a {color: #fffdfc;}
#brocante-landeron #nav a, #brocante-landeron #content, #brocante-landeron #page, #brocante-landeron #content a {color: #333;}
#animation-noel #nav a, #animation-noel #content, #animation-noel #page, #animation-noel #content a  { color:white;}

#nav #m-inscription { display: none;  }
#marches-ete #nav  #m-inscription,
#marche-artisanal #nav  #m-inscription,
#landeron-classic #nav  #m-inscription {
  display: block;
}

#animation-noel #nav #m-historique { display: none;}

#jazz-estival #nav #m-images,
#jazz-estival #nav #m-historique{ 
display:none;}

#nav #m-agenda, #nav #m-programme, #nav #m-archives { display: none;}
#jazz-estival #nav #m-agenda, #jazz-estival #nav #m-programme, #jazz-estival #nav #m-archives { display: block;}


#nav #m-comite, #nav #m-liens { display: none;}
#avvl #nav #m-comite, #avvl #nav #m-liens { display: block;}
#avvl #nav #m-images,
#avvl #nav #m-medias,
#avvl #nav #m-plan,
#avvl.accueil #nav #m-retour {
  display: none;
}

#nav #m-renseignements { display: none;}
#brocante-landeron #nav #m-renseignements { display: block;}

#avvl.accueil #nav #m-email { display: none;}

#nav #m-email a {
  text-indent: -9999px;
  width:80px;
  height: 80px;
  background: url(../img/b-email-off.png) no-repeat;
  display: block;
  float: right;
}

#nav #m-email a:hover {
  background: url(../img/b-email-on.png) no-repeat;
}

#m-retour a { display:block; height:140px; text-indent: -9999px}

#animation-noel #nav #m-retour  a   { width:100px; background: url(../img/animation-noel-logo-small.gif) no-repeat center}
#brocante-landeron #nav  #m-retour a{ width:110px; background: url(../img/brocante-landeron-logo-small.gif) no-repeat center}
#jazz-estival #nav  #m-retour a     { width:150px; background: url(../img/jazz-estival-logo-small.gif) no-repeat center}
#landeron-classic #nav  #m-retour a { width:150px; height: 85px; background: url(../img/landeron-classic-logo-nav.png) no-repeat center}
#marche-artisanal #nav  #m-retour a { width:100px; background: url(../img/marche-artisanal-logo-small.png) no-repeat center}
#marches-ete  #nav #m-retour a      { background: url(../img/marches-ete-logo-small.png) no-repeat center}

.accueil #header #nav #m-retour a { background: url(../img/transparent-bg.png); background-position: 1000px 1000px; text-indent: 0; }

#avvl #nav #m-retour a { display:block; text-indent: 0}

/* #avvl #nav #m-email { display: none;} */

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

#content {
  height: 800px;
  width:1000px;
  margin: 30px 0 0 100px;
  float: left;
  line-height: 1.2em;
}

.accueil #content {
  margin-top: 130px;
}

#content h3 {
  font-size: 24px;
  margin: 0 0 12px 0;
}

#event_date {
/*   position: absolute; */
/*
  top:140px;
  left:20px;
*/
  margin: -170px 0 0 -50px;
  width: 500px;
}

#event_date h6 {
  font-weight: normal;
}

#marches-ete #event_date.delay{
  position: relative;
  top:410px;

}

#marche-artisanal #event_date.delay{
  position: relative;
  top:630px;

}


#event_date .gutter {
  padding: 10px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2em;
}

#event-date .gutter{ color:white}
 
#landeron-classic #event_date {
  border: 3px outset gray;
  background: white;
  color:black;
} 

#marche-artisanal #event_date , #marche-artisanal .info {
  background: #D6C499;
  border: 3px outset gray;  
  color:black;  
}

#marches-ete #event_date, #marches-ete .info {
  background: #64001d;
  border: 3px outset gray;
  color: white; 
}

#jazz-estival #event_date {
  background: gray;
  border: 4px outset gray; 
  color:black;  
}

#brocante-landeron #event_date, #brocante-landeron .info {
  background: #f0f0f0;
  border: 4px outset gray; 
   color:black; 
   text-align: center;
}
#brocante-landeron #frmInscription #event_date {

   width: 220px;
   margin: -70px 0 10px
}
#brocante-landeron #frmInscription #event_date .gutter {

   font-size:14px;
   width: 200px;
   
}

#brocante-landeron .info {
  width: 150px;
  position: relative;
  top:-600px;
  left:530px;
}

#brocante-landeron #frmInscription #event_date.delay {
/*
  position: relative;
  top:870px;
*/
}

#animation-noel #event_date {
  background: #FCCB8C;
  border: 4px outset gray; 
  color:black;
}

/* IMAGES 
------------------------------------------------------------------------------------------ */
.thumbs {
  background: black;
  padding: 20px 20px 20px 30px;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}

.thumbs h3 {
  color:silver;
  margin: 0 0 20px 0;
}

.thumb {
  float: left;
  margin: 0 22px 10px 0;
  width: 120px;
  height: 100px;
  overflow: hidden;
  text-align: center
}

.big-image {
  text-align: center;
}

/* Galerie AVVL */
#avvl-gallery {
  display: block;
  width: 400px;
  position: relative;
  top:100px;
  left: -100px;


  float: left;
}

#avvl-gallery .thumb {
  border: 0;
  height: auto;
  width: 130px;
  margin: 4px;
  left: 100px;

}

#avvl-gallery .thumb img {
  float: left;
    border: 2px solid black;
}

/* NEWSLETTER 
------------------------------------------------------------------------------------------ */
.newsletters {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}

/* FORMULAIRES 
------------------------------------------------------------------------------------------ */
label {
  width: 400px;
  display: block;
  float: left;
}
.frmInscription input {
  font-size: 14px;
}

.frmInscription label {
  text-align: right;
  margin: 0 10px 0 0;
}

.frmInscription .oCheckbox {
  margin: 0 0 0 410px;
}

.frmInscription p {
  margin: 0 0 8px  0;
  border: 1px solid transparent;
  height: 24px;
}

.frmInscription #oError {
  padding: 10px;
  background-color: maroon;
  color:white;
  font-weight: bold;
  text-align: center;
  /*margin: 0 0 20px 0;*/
  position: absolute;
  top:350px;
  margin: 0 auto;
  display: none;
}

.frmInscription .oInputError {
  border: 2px solid maroon;
}

.oForm p {
  margin:10px;
}

#TOTAL {
  background: transparent;
  border: 0;
  font-weight: bold;
  font-size: 16èpx;
}
 
.sent {
  font-size: 24px;
  margin: 150px 0;
  line-height: 1.3em;
  text-align: center;
}

.frmInscription #event_date {
  width: 300px;
  margin: 0 0 0px 0;;
  padding: 0;
  
} 

.frmInscription #event_date .gutter {
  font-size: 80%;
}

.frmInscription .info {
  padding: 10px;
  width: 200px;
  position: relative;
  top:-420px;
  left: 790px;
  text-align: center;

}

.frmInscription .info p {
height: auto;

}

#marche-artisanal .frmInscription .info {
 /*  top:-890px; */

  position: absolute;
  top:530px;
  left:900px;
}

#brocante-landeron .info {
  font-size: 14px;
}

#marches-ete .frmInscription .info {
  position: absolute;
  top:570px;
  left:900px;
}

#brocante-landeron .oTextArea {
  width: 300px;
  height: 80px;
  margin: -30px 0 10px 290px;
}

#downloads {
  height: 60px;
  width: 500px;
  position: relative;
  top:-70px;
  left: 500px;
}

.frmInscription .oButtonBar {
  text-align: center;
  margin: 20px 0 0 0;
}

.frmInscription em {
  font-size: 12px;
}

#landeron-classic #oError {
  text-align: center;
  background: maroon;
  color: white;
  padding: 10px;
  margin: 0 0 30px 0;
}

#landeron-classic .oButtonBar {
  margin: 30px 0;
  text-align: center;
  padding: 0 0 50px 0;
}

#landeron-classic .oTextArea {
  width: 500px;
  height: 80px;
  margin: -20px 0 10px 400px;
}

#oCaptcha {
  width: 40px;
 float:left;
 margin: 0 20px 0 0

} 

/* BROCANTE 
------------------------------------------------------------------------------------------ */
#brocante-landeron table th {

  text-align: left;
  font-weight: normal;
  vertical-align: top;
  padding:  0 10px 0 0;
  width: 700px;

}



#brocante-landeron table.frame td {
  width: 300px;
  vertical-align: top;
  padding:  0 10px 0 0;
}

#brocante-landeron label {
  width: 280px;
  text-align: right;
  padding: 0 10px 0 0 ;
}

#brocante-landeron .oErrorMessage {
  display: block;
  margin: 0 0 10px  280px;
  
}

#brocante-landeron #oError {
  background:  #333;
  color: #a0b190;
  font-weight: bold;
  padding: 10px 20px;
  text-align: center;
  margin: 0 0 20px 0;
  font-weight: bold;
}

table.frame {
  width: 1100px;
}


.brocante-gallery {

  float: left;

  width: 290px;
  clear: both;
}

.brocante-gallery .thumb {
  float: left;
  margin: 5px 5px 0 0;
}

.exterieur { color: green}
.couvert { color:red}
.tente { color:blue}
/* PLAN 
------------------------------------------------------------------------------------------ */
.plan-item {
  text-align: center;
}
 
/* TEMP 
------------------------------------------------------------------------------------------ */

.construction {
  font-size: 36px;
  margin: 300px;
  text-align: center;
  color: white;
}