/* CSS Document */

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

img
{
border:none;
}

#accueil
{
margin:0 auto 0 auto;
width: 960px;
height: 720px;
background:url(image/image/bioforbach_accueil.html) no-repeat;
}

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

/*  général     */
#contener
{
width:960px;
height:660px;
margin:0 auto 0 auto;
background: #D1ECB4 url(image/image/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;
}



.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(image/image/footer.jpg);
}

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



/*  contenu */
#rubriques
{
margin:0px 0 0 0px;
}

#programme
{
margin-top:20px;
margin-left:12px;
}

#infos
{
margin-top:20px;
margin-left:12px;
}

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


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

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

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

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




#plan
{
width:680px;
height:533px;
margin:70px 0 0 20px;
background: url(image/image/planacces.png) no-repeat;
}

#textePlan
{
width:280px;
padding:290px 0 0 80px;
}

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

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

#partenaires
{
width:693px;
margin:150px 0 0 12px;
}

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

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

#plansalon
{
margin:60px 0 0 45px;
}

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

#concept
{
	width: 640px;
	height:540px;
	margin:50px auto 0 auto;
	text-align:justify;
	padding: 0;
}

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

#conceptdroite
{
float:left;
width:280px;
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:45px 0 0 50px;
width:138px;
height:90px;
}

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

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

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

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

#affiche
{
margin:30px 0 0 15px;
width:138px;
height:40px;
}

#afficheaccueil
{
margin:30px 0 0 15px;
width:138px;
height:40px;
}


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

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

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


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

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

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

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

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

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

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

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

strong
{
color:#934CA6;
}

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

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

.center
{
text-align:center;
}

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


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

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


#listExposants
{
width:400px:
}



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

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


.bleu
{
color:#0000FF;
}

.vert
{
color:#008000;
}

.orange
{
color:#FF9900;
}

.rouge
{
color:#FF0000;
}

.marron
{
color:#993300;
}