/* CSS Document */

body
{
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:12px;
	color:#fff;
}

img
{
	border:none;
}

#accueil
{
	margin:0 auto 0 auto;
	width: 960px;
	height: 720px;
	background:url(images/biobernai_accueil.jpg) no-repeat;
}

#accueil a
{
	text-indent: -9999px;
	display:block;
	width:960px;
	height:720px;
}

#cheval
{

	position: absolute;
	top:487px;
	left:500px;
	width:163px;
	height:81px;
	padding:0;
	margin:0;
}

/*  général     */
#contener
{
  position:relative;
	width:960px;
	height:660px;
	margin:0 auto 0 auto;
	background: #fff url(images/fond.jpg);
}





#colgauche
{
	float:left;
	width:240px;
	height:660px;
	padding:0;
	margin:0;
}

#coldroite
{
	float:left;
	width:710px;
	height:660px;
}



#coldroitecontenu
{
	float:left;
	width:710px;
	height:660px;
}

.seltxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff; 
	border-bottom: 1px solid; 
	border-left: 1px solid; 
	border-right: 1px solid; 
	border-top: 1px solid; 

}


.clear
{
	clear:both;
}

/*  navigation  */

#navigation
{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:960px;
	height:25px;
}

#navigation img
{
	float:left;
}

/*  footer */
#footer
{
	margin:0 auto 0 auto;
	width:960px;
	height:30px;
	background: #D1ECB4 url(images/footer.gif);
}

#footer a
{
	display:block;
	width:960px;
	height:30px;
}



/*  contenu */
#rubriques
{

}

#programme
{

}

#infos
{

}




#spectacles
{
	float:right;
	margin-top:20px;
}

#atelier
{
	float:right;
	margin-top:20px;
}

#horaires
{
width:420px;
margin:150px auto 0 auto;
}



#horaires .center
{
	margin-bottom:50px;
}

#contacts
{
width:220px;
margin:80px auto 0 auto;
}



#contacts .center
{
	margin-bottom:50px;
}

#contacts a:link
{
	color:#fff;
	text-decoration:none;
}

#contacts a:hover
{
	color:#fff;
	text-decoration:underline;
}

#contacts a:active
{
	color:#fff;
	text-decoration:none;
}

#conferences
{
  text-align:justify;
	width:310px;
	margin:150px auto 0 auto;
	padding-right:15px;
}

#cinema .center
{
	margin-bottom:50px;
}

#cinema
{
  text-align:justify;
	width:400px;
	margin:220px auto 0 auto;
	padding-right:15px;
}

#conferences .center
{
	margin-bottom:50px;
}



#concours
{
  text-align:justify;
	width:450px;
	margin:220px auto 0 auto;
	padding-right:15px;
}

#concours .center
{
	margin-bottom:50px;
}



#mairie
{
  text-align:justify;
	width:310px;
	margin:120px auto 0 auto;
	padding-right:15px;
}

#mairie .center
{
	margin-bottom:50px;
}





#piquenique
{
  text-align:justify;
	width:310px;
	margin:100px auto 0 auto;
	padding-right:15px;
}

#piquenique .center
{
	margin-bottom:50px;
}

.hspacer
{
margin-left:10px;
}


#plan
{
	width:540px;
	height:350px;
	margin:150px auto 0 auto;
	background: url(images/planacces.gif) no-repeat;
}

#textePlan
{
	width:280px;
	padding:10px 0 0 308px;
	color:#000;
}

#textePlan strong
{

	color:#000;
}

/*{
	width:551px;
	height:533px;
	margin:20px 0 0 30px;
	background: url(images/planacces.jpg) no-repeat;
}*/


#archives
{
	margin:128px 0 0 25px;
}


#exposants
{
	float:left;
	margin-top:20px;
}

#partenaires
{
	width:710px;
	margin:100px 0 0 12px;
}

#tarifs
{
	width:440px;
	margin:150px auto 0 auto;
}

#tarifs .center
{
	margin-bottom:50px;
}

#plansalon
{
width:700px;
height:598px;
margin:10px;
}

#plansalon a
{
display:block;
float:right;
text-decoration:none;
font-weight:bold;
padding:60px 75px 0 0;
color:#fff;
}

#contentscroll
{
	width: 600px;
	height:540px;
	overflow:hidden;
	overflow-y:scroll;
	margin:50px auto 0 auto;
	text-align:justify;
	padding: 0;
}

#concept
{
	width: 640px;
	height:540px;
	margin:90px 0 0 60px;
	text-align:justify;
  color:#fff;
}

#ateliers
{
	width: 640px;
	height:540px;
	margin:50px 0 0 50px;
	text-align:justify;
  color:#fff;
}

#conceptgauche
{
	float:left;
	width:280px;
}

#conceptgaucheinfos
{
	float:left;
	width:320px;

}

#conceptgaucheexposant
{
	float:left;
	width:320px;
	margin-left:40px;
}
#conceptgauche
{
	float:left;
	width:280px;
}

#conceptdroite
{
	float:left;
	width:290px;
	margin-left:30px;
}

#conceptdroiteinfos
{
	float:left;
	width:260px;
	margin-left:30px;
}

#conceptconcours
{
	float:left;
	width:425px;
}

#conceptg2
{
	float:left;
	width:380px;
}

#conceptd2
{
	float:left;
	width:160px;
	margin-left:30px;
}

.listContenu
{
	margin:0 0 0 15px;
	padding:0;
}
.listContenu li
{
	margin:10px 0 0 0;
	padding:0;
}

/*  fin contenu */

/* colonne gauche */

#titrecolonne
{
	width:240px;
	height:34px;
	margin:40px auto 0 auto;
}

#logoRoll
{
	margin:25px 0 0 50px;
	width:138px;
	height:90px;
}

#logoRollAccueil
{
	margin:10px 0 0 50px;
	width:138px;
	height:90px;
}

#logoRollTwice
{
	margin:25px 0 0 50px;
	width:138px;
	height:90px;
}

#titrecolonneaccueil
{
	width:auto;
	height:76px;
	margin:20px auto 0 auto;
}

#titrecolonnetwice
{
	width:auto;
	height:34px;
	margin:20px 0 0 5px;
}

#affiche
{
	width:211px;
	margin:40px auto 0 auto;
}

#afficheaccueil
{
	width:211px;
	margin:40px auto 0 auto;
}

#affichetwice
{
	width:211px;
	margin:40px auto 0 auto;
}

#program
{
	width:213px;
	margin:40px auto 0 auto;
}

#programtwice
{
	width:213px;
	margin:35px auto 0 auto;
}


.debug
{
	background:#023320;
}
.debug1
{
	background:#ff3320;
}

/*  typo  */
h1
{
	font-size:12px;
	font-family:verdana;
	color:#62C000;
	margin:0;
	padding:0;
}

h2
{
	font-weight:bold;
	font-size:12px;
  color:#D4FFFF;
	margin:0;
	padding:0;
}

.puce
{
	font-weight:bold;
	font-size:12px;
}

.puce_orange
{
	float:left;
	width:12px;
	height:12px;
	margin-right:5px;
	background:url(images/puce_orange.gif) no-repeat center center;
}

.puce_bleu
{
	float:left;
	width:12px;
	height:12px;
	margin-right:5px;
	background:url(images/puce_bleu.gif) no-repeat center center;
}

.puce_vert_fonce
{
	float:left;
	width:12px;
	height:12px;
	margin-right:5px;
	background:url(images/puce_vert_fonce.gif) no-repeat center center;
}

.puce_rouge
{
	float:left;
	width:12px;
	height:12px;
	margin-right:5px;
	background:url(images/puce_rouge.gif) no-repeat center center;
}

.puce_marron
{
	float:left;
	width:12px;
	height:12px;
	margin-right:5px;
	background:url(images/puce_marron.gif) no-repeat center center;
}

strong
{
	color:#ffffff;
}

.very
{
font-size:14px;
}

.right
{
	float:right;
	margin:10px;
}

.left
{
	float:left;
	margin:10px;
}

.center
{
	text-align:center;
}

	#coldroitecontenu a:link
{
	color:#fff;
	text-decoration:none;
}
	#coldroitecontenu a:hover
{
	text-decoration:underline;
}
	#coldroitecontenu a:visited
{
	text-decoration:none;
	color:#fff;
}


	#exposants a:link
{
	color:#fff;
	text-decoration:none;
}
	#exposants a:hover
{
	text-decoration:underline;
}
	#exposants a:visited
{
	text-decoration:none;
	color:#fff;
}

#exposants .small
{
	font-size:11px;
	margin-bottom:10px;
}


#listExposants
{
	width:400px:
}



	#horaires a:link
{
	color:#fff;
	text-decoration:none;
}
	#horaires a:hover
{
	text-decoration:underline;
}
	#horaires a:visited
{
	text-decoration:none;
	color:#fff;
}









#texteDown
{
	margin:40px 60px 0 0;
	float:right;
	font-size:10px;
	text-align:center;
	font-weight:bold;
}
	#texteDown a:link
{
	color:#fff;
	text-decoration:none;
}
	#texteDown a:hover
{
	text-decoration:underline;
}
	#texteDown a:visited
{
	text-decoration:none;
	color:#fff;
}


.bleu
{
	color:#0000FF;
}

.vert
{
	color:#fff;
}

.orange
{
	color:#FF9900;
}

.rouge
{
	color:#FF0000;
}

.marron
{
	color:#993300;
}

.finliste
{
height:50px;
}

.sstitre
{
margin:8px 0 30px 0;
}

.white
{
color:#fff;
}