/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color:#ffffff;}
	
img {
	border:none;}


.retour{
	z-index:1;
}

.separation {
clear:both;
visibility:hidden;
padding:0;
margin:0;
}
	
/***** conteneur du site ***********/
#conteneur {
	position: relative;
	width: 1024px;
	margin: 0 auto; }
	


/*********** bandeau haiut **********************/
#bandeau {
	padding:0;
	margin:0;
	height:140px;
	width:1024px;
	background: #ffffff url(../site/medias/biostreet-ban8.jpg) no-repeat top right;}

#bio_logo{
float:left;
margin:10px 0 0 20px;
}

#haut {
	background:#000 url(images/haut_h.jpg)repeat-x bottom left;
	margin:0 80px 0 15px;
	height:19px;}
	
#bas{
	background:transparent url(images/haut_b.jpg) repeat-x bottom right;
	height:107px;
	margin:0 80px 0 15px;}

#recherche {
	height:107px;
	margin:-19px 0 0 0px;
	background:transparent url(images/haut_d.jpg) no-repeat top right;}
	
#bande {
	position:absolute;
	top:15px;
	left:-15px;
}
	
	
/******************* menu *************************/

#moux {
	height:20px;}
			
#bio_menu {
	position:absolute;
	top:151px;
	left:-10px;
	background-color:transparent;
	width:1050px;
	height:54px;
	margin:0;
	padding:0;
	}
#bio_nav {
margin:0;
padding:0;
width:880px;
float:left;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
/*top: 220px;*/
top:370px;
left: 0;
z-index:20;
font-size:11px;
font-weight:bold;
/*background:#e9dfab;*/
width: 175px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;
text-indent:4px;
width:175px;
line-height:22px;
/*background:url(../site/medias/bio_bandeau.jpg);*/
/*background:#9e2e1a; rouge */
/*background:#80aa00;*/
background:#8BBB13;

color:#FFFFFF;
text-align: left;
}
#menu dd {
line-height: 1.3em;

}
#menu li {
text-align: left;
/*background: #fff;*/
background:#e9dfab;
}
#menu li a, #menu dt a {
color: #666666;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
text-align:right;
font-weight:normal;
background:#e9dfab;
}
#menu li a:hover, #menu dt a:hover {
/*background: #eee;*/
/*background:  #A5e44b;*/
/*background:#80aa00; vert*/
/*background:#9e2e1a; rouge*/
background:#ebaa04;
color:#FFFFFF;}
	

/**************** centre *************************/

#promo {
	background-color:#FFF;
	text-align:justify;
	width:95%;}
#promo a{
text-decoration:none;
font-size:12px;
}

#promo2 {
margin:0;
padding:10px;
margin-top:20px;
background-color:#ffffff;
border: #999999 solid 1px;
text-align:justify;
width:95%;}

#promo2 a{
text-decoration:none;
}

#promo3 {
	padding:0;
	margin:0;
	position:absolute;
	top:600px;
	left:10px;
	background-color:#FFF;
	text-align:justify;
	width:175px;}
#promo3 a{
text-decoration:none;
font-size:12px;
}
#centre {
	/*margin-right: 175px;*/
	padding:10px 10px 10px 10px;
	background:#FFF;
/*	padding-bottom:100px;*/
	width:650px;
	float:left;
	text-align:justify;
	}
	
#col_gauche{
margin:0;
padding:0;
/*margin-top:50px;*/
	width: 175px;
/*	padding-bottom:0px;*/
	float:left;
	height:550px;
}	
#col_gauche a{
margin:0;
padding:0;
text-decoration:none;
color:#666666;
font-size:11px;
}
#col_gauche h1{
margin:0;
padding:0;
padding-top:3px;
padding-left:3px;
margin-bottom:3px;
color:#ffffff;
font-size:11px;
display:block;
width:175px;
height:22px;
/*background:url(../site/medias/bio_bandeau.jpg);*/
}
#col_gauche h2{
margin:0;
padding:0;
color:#666666;
font-size:11px;
text-indent:4px;
font-weight:normal;
}
#gauche {
	left:0;
	background:#ffffff url(images/ombre_gauche.jpg) repeat-y top left;	
	/*padding-left:20px;*/
	margin-top:50px;
	margin-right:10px;
	}
	
#bio_edito {
margin:0;
margin-bottom:5px;
padding:0;
padding-top:5px;
/*padding-bottom:5px;*/
width:175px;
background: url(medias/fond.png) top left repeat-y;
}

#bio_edito a{
margin:0;
padding:0;
text-decoration:none;
color:#666666;
/*line-height:1em;*/
padding-left:5px;
font-size:11px;
}
#bio_edito h1{
margin:0;
padding:0;
margin-top:2px;
padding-top:3px;
margin-bottom:3px;
color:#ffffff;
font-size:11px;
display:block;
width:175px;
height:22px;
/*background:url(../site/medias/bio_bandeau.jpg);*/
}
	

/********** droite **********************/
#droite_gd{
	position: absolute;
	right:0;
	top:220px;
	width:180px;
//	height:620px;
	background:#ffffff;
}

	
#droite {
	position: absolute;
	width: 175px;
	padding-bottom:0px;
	left: 0px;
	height: 600px;
	background:#ffffff;
}
	
#droite_transp {
	width:175px;
	background:#ffffff;
	padding:0 0 0px 0;
	height: 520px;
}
#compte {
margin:0;
margin-bottom:5px;
padding:0;
width:100%;

}
#bio_logopub {
margin:0;
margin-bottom:5px;
padding:0;
width:98%;

background:#FFFFFF;
border:#CCCCCC solid 1px;
}
#bio_logopub p,a{
margin:0;
padding:0;
color:#336600;
font-size:10px;
text-decoration:none;
}

.titredroit {
margin:0;
/*background:url(../site/medias/bio_titreh1.jpg) top right no-repeat;*/
/*background:#9e2e1a;*/
background:#47230F;
color:#FFFFFF;
padding-top:5px;
margin-bottom:1px;
display:block;
width:100%;
height:22px;
font-size:11px;
text-indent:8px;
}
	
#bio_logopub p{
margin:0;
font-size:10px;
color: #666666;
text-indent:8px;
}
/************** bas ***************/
#coin_bas_gauche{
	background:transparent url(images/coin_bas_gauche.jpg) no-repeat top left;
	padding-top:0px;}

#bas_bas {
	background:#78B529 url(images/degrade_blanc.jpg) repeat-x top right;
	height:45px;
	margin-right:175px;
	margin-left:33px;}

#barre_bas {
	height: 20px;
	background-color: #000;
	text-align:center;	
}

/************* élément à part *************/
#logo {
	position:absolute;
	top:52px;
	left:466px;
}

#retour {
	position:absolute;
	top:410px;
	left:853px;
}
	

	
#bio_votre_selection {
 	position:absolute;
	top:90px;
	left:850px;
	width:180px;
}
	
#vert {
	position:absolute;
	top:772px;
	left:849px;
	height:800px;
	width:175px;
	background-color:#78b529;}
	
/*** Style de texte ***/
.noir {
color:#666666;
vertical-align:middle;
}

.img-center {
vertical-align:middle;
}

.gratuit {
color: #FF6600;
font-weight:bold;
font-size:13px;
text-align:center;
}
/*** Pied de page ****/
#pied {
margin:auto;
padding:0;
width:800px;
position:relative;
background: #ffffff;
height:15px;
color: #999999;
border-top: #999999 solid 2px;
border-bottom: #8bbb13 solid 5px;
font-size:11px;
text-align:center;

}

#pied a {
color: #999999;
font-size:10px;
text-decoration:none;

}
#pied a:hover {
color: #cccccc;
font-size:10px;
text-decoration:none;
}


#pied p {
color:#cccccc;
font-size:10px;
}