html {
	font-size: 100%;
}

body {
     background: #9db1ff url('../images/bio_bck2.jpg') no-repeat top center fixed;
     font-size: 11px;
     color: #5b5b5b; 
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     margin: 0px;
}

img, div {
    behavior: url(css/iepngfix.htc);
}

a {
	color: #2e537f;
	text-decoration: none;
}

a:link 
{
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



img {
	border: 0px;	
}
a img {
    border: 0px solid #666600;
	}

a:hover img {
    border: 0px solid #666600;
	}

ol, ul {
	list-style: none;
}

#global {
	background: url(../images/content-bg.png) no-repeat top center;	
	width:976px;
	margin: 0 auto;
	padding: 0 0 0 0;	
}

.texteinput {
vertical-align:middle;
color:#5b5b5b;
font-size: 1em;
background:#ebebeb;
border: 1px solid #cccccc;
}

#spacer
{
    clear:both;
}

hr { 
border: 0; /* enleve toute bordure */
border-bottom: 1px #cccccc solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
padding: 0;
}

/* Début En-tête _________________________________________________ */
#entete {
    width:956px;
    text-align:left;
    margin:0 auto;
}

#entetelogin {
    text-align: right;
    background: #2D86C2;
    vertical-align: bottom;
    height: 20px;
    width: 100%;
}

#entetelogin .texte {
	margin: 0px 5px 3px 0px;
	color: #ffffff;
}

#entetelogin .texte a:link {
    color: #ffffff;
}

#entetelogin .texte a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#enteteflash{
	background: #2D86C2;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
    height: 172px;
}

#flashcontent{
    color: #ffffff;
    font-size: 1.2em;
}

#flashcontent a:link{
    color: #ffffff;
    text-decoration: underline;
}

#flashcontent a:hover{
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}

#entetemenu
{
    background: #ffffff url('../images/nav_bg.gif') 0 0 repeat-x;
    width: 956px;
    height: 50px;
    padding: 0 0 0 0;
}
/* Fin En-tête _________________________________________________ */


/* Début Centre _________________________________________________ */
#centre {
	width: 100%;
	overflow: hidden;
	width: 956px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    background: #ffffff url('../images/banniere_bci2.jpg') no-repeat bottom left;
    vertical-align: top;
}

#navigation {
    padding: 0px 20px 20px 20px;
	width: 160px;
	float: left;
}

#recherche {
    padding: 5px 0px 15px 0px;
}

#navigationtitre 
{
    background: #c2c800;
    color: #ffffff;
    font-weight: bold;
	font-size: 1.1em;
	text-align: left;
	padding: 5px 5px 5px 5px;
}

#navigation ul {
	margin: 0;
	padding: 5px 0px 0px 0px;
	list-style: none;	
}

#navigation a {
	display: block;
	height: 1%;
	line-height: 2em;
	font-size: 1em;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
	padding: 0px 0px 0px 5px;
}

#navigation a:hover {
    background: #9999a3;
    color: #ffffff;
}

#contenu {
	margin-left: 190px;
	width: 740px;
}

/* Fin Centre _________________________________________________ */



/* Début catégorie _________________________________________________ */

.categorie{
    width: 740px;
    margin: 0;
    padding: 0px 0px 20px 0px;
    border: 0;
    vertical-align: top;
}

.categorieimage{
    padding: 5px 10px 2px 0px;
    float: left;
    vertical-align: top;
}

.categorietexte{
   text-align:justify;
}

.categorietexte p{
   text-align:justify;
}


.categorietitre{
   font-size: 1.8em;
   color: #c2c800;
   font-weight: bold;
}

.marqueimage
{
    float: left;
    padding: 5px 0px 2px 0px;
    vertical-align: top;
    width: 100%;
    text-align: center;
}

.titreselec1, .titreselec2{
   font-size: 1.1em;
   color: #c2c800;
   font-weight: bold;
    border-bottom: 1px solid #cccccc;
}

.titreselec4{
   font-size: 1.2em;
   color: #c2c800;
   font-weight: bold;
    border-bottom: 1px solid #cccccc;
    font-variant:small-caps;
}

.titre{
   font-size: 1.6em;
   color: #2e537f;
   font-weight: bold;
   font-variant:small-caps;
   padding-right: 180px;
}

.titreselec3{
   font-size: 1.2em;
   color: #c2c800;
   font-weight: bold;
}

.titreselec1{
    border-right: 1px solid #cccccc;
}
.colgauche{
   border-right: 1px solid #cccccc;
}

.tableau{
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 15px;
    
}

.tableau a{
    color: #2D86C2;
    font-size: 1.1em;
    
}


#produit{
    width: 740px;
    margin: 0;
    padding: Opx Opx 0px 50px;
    border: 0;
    vertical-align: top;
}

.liste
{
    font-weight: bold;
}

/* Fin catégorie _________________________________________________ */

/* Fenetre Modale Produit _________________________________________________ */


.popBackground{
background-color:gray;
filter:alpha(opacity=70);
opacity:0.7;
}

.popLayer {
background:white url(../images/banniere_bci_modal.jpg) no-repeat scroll right bottom;

text-align:left;
padding:5px;
z-index:9999;
visibility:hidden;
}

.popLayervisible {
background:white url(../images/banniere_bci_modal.jpg) no-repeat scroll right bottom;

text-align:left;
padding:5px;
z-index:9999;
visibility:visible;
}

.popHead{
float:right;
width:28px;
}

.popHeadPicto{
float:left;
width:100px;
}

.popStatus{
text-align:center;
color:#333333;
}

.popBottom{
height:30px;
}

div#sidebar{ 
height: 270px;
overflow: auto;
padding-right : 0px;
}

/* Fin Fenetre Modale Produit _________________________________________________ */



/* Début Pied _________________________________________________ */
#footer 
{
    width:956px;
    text-align:center;
    margin:0 auto;
    height: 20px;
    vertical-align: middle;
    padding-top: 60px;
}


#footer ul, #footer li {
    display:inline;
    color: #ffffff;
}

#footer a {
    color: #ffffff;
}

#signature{
    padding:5px 10px 5px 10px;
    margin:0 auto;
    text-align:right;
    width:956px;
}

#refs
{
     width:956px;
    text-align:center;
    margin:0 auto;
    height: 20px;
    vertical-align: middle;
}

#refs a{
    color: #666666;
    font-size: 1em;
    }

#refs a:link, #refs a:visited{
    color: #666666;
    font-size: 1em;
    text-decoration: none;
}


#refs a:hover{
    color: #666666;
    text-decoration: underline;
}
    
/* Fin Pied _________________________________________________ */


/* Basket _________________________________________________ */

#basket_positioner{
   top: 192px;
    _top: 192px;
    position: absolute;
    overflow: visible;
    width: 350px;
    left: 50%;
    margin-left: 128px;
    z-index: 998; 
}
#basket_positioner #mini_basket{
	float: right;
	width: 200px;
	color: #5b5b5b;
	display: none;		
}
#basket_positioner #mini_basket a{
	text-decoration: none;
	cursor: pointer;
}
#basket_positioner #mini_basket #mini_basket_top a.shop_link_empty{
	display:block;
	font-weight: bold;
	color: #FFF;
	height: 16px;
	padding: 8px 10px 7px 0;
	background: #9898a2 url('../images/top_minibasket_blue.gif') no-repeat left -1px;
	_background: url('../../images/top_minibasket_blue.gif') no-repeat left top;
	cursor: pointer;
	text-align: center;
}
#basket_positioner #basket_background{
	background: url('../images/bg_minibasket2.gif') left bottom;
}
#basket_positioner #mini_basket #mini_basket_bottom_closed a.shop_link_proceed{
	display:block;
	background: url('../images/bg_minibasket_proceed.gif') no-repeat left bottom;
	height: 14px;
	padding: 0px 0 11px 23px;
	font-weight: bold;
}
#basket_positioner #mini_basket #mini_basket_proceed_opened a.shop_link_proceed{
	display:block;
	background: url('../images/bottom_flop_proceed_open.jpg') no-repeat left bottom;
	_background: url('../images/bottom_flop_proceed_open.jpg') no-repeat left -14px;
	height: 11px;
	padding: 4px 0 10px 25px;
	font-weight: bold;
}
#basket_positioner #mini_basket #mini_basket_bottom_opened{
	display:block;
	background: url('../images/bg_mini_basket.jpg') repeat-y left top;
}
#basket_positioner #mini_basket #mini_basket_bottom_opened a.shop_link_proceed{
	display:block;
	background: url('../images/bottom_flop_proceed_open.jpg') no-repeat left bottom;
	_background: url('../images/bottom_flop_proceed_open.jpg') no-repeat left -14px;
	height: 11px;
	padding: 4px 0 10px 25px;
	font-weight: bold;
}
#basket_positioner .minibasket_product_info{
    text-align: left;
	margin: 0;
	padding: 3px 0 2px 5px;
	
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #e0e0e0;
	background: white;
	
}

.grayColor{color: #5B5B5B;}
.blueColor{color: #2e537f;}
.vet{font-weight: bold;}

#basket_positioner .minibasket_product_info table td.left_td{
	padding: 1px 0 1px 5px;
}
#basket_positioner .minibasket_product_info table td.right_td{
	padding: 1px 5px 1px 5px;
	text-align: right;
}
#basket_positioner #mini_basket #basket_product_total{
	background: url('../images/bg_mini_basket.jpg') repeat-y left top;
}
#basket_positioner #mini_basket #basket_product_total table td.left_td{
    text-align: left;
	padding: 1px 0 1px 5px;
}
#basket_positioner #mini_basket #basket_product_total table td.right_td{
	text-align: right;
	padding: 1px 5px 1px 0;
}
#basket_positioner #mini_basket .minibasket_product_info p{
	padding: 0 10px 0 5px;
}
.blue_color{
    color: #327EC8; 
}
.orange_color{
    color: #2d5688; 
}
.text_color{
    color: #333; 
}
#basket_positioner #mini_basket #mini_basket_bottom_opened{
	display:block;
	background: url('../images/bg_bottom_mini_basket.jpg') no-repeat left top;
	height: 63px;
}
#basket_positioner #mini_basket #mini_basket_bottom_opened a.shop_link_edit{
	display:block;
	text-align: center;
	color: white;
}
#basket_positioner #mini_basket #mini_basket_bottom_opened a.shop_link_proceed_to_check_out{
	display:block;
	font-weight: bold;
	text-align: center;
	color: white;
}

#basket_positioner #mini_basket .spacer_height_1{
    display: block;
    padding: 0;
    margin: 0;
    font-size: 7px;
    line-height: 1.6em 
}
#basket_positioner #mini_basket .spacer_height_2{
    font-size: 7px;
    display: block;
    padding: 0;
    margin: 0;
}
#basket_positioner #mini_basket #basket_bottom{
    height: 36px;
    display: block;
    background: url('../images/mini_basket_bottom.png') no-repeat left top;
    width: 200px;
}
#basket_positioner #mini_basket #basket_bottom a{
    background: url('../images/mini_basket_bottom.png')no-repeat left bottom;
    height: 36px;
    display: block;
    cursor: pointer;
}
.footer {
    background: url('../images/footer2.jpg')repeat-x left top;  	
}
/* Basket_End _________________________________________________ */


.pageici
{
    font-weight: bold;
    text-decoration: underline;
    line-height: 2em;
    vertical-align: middle;
    padding-bottom: 20px;
}

.btn
{
    padding-left: 10px;
    padding-right: 10px;
}


/* RSS
-------------------------------------------------------- */
.rss_titre {
    font-size: 10px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
}


.rss_date {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #757474;
   font-size: 9px;
   font-style: italic;
   text-align: left;
   line-height: 2em;
}

.rss_description {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 9px;
   text-align: left;
}

a.rss_titre:link  {
    font-size: 10px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}

a.rss_titre:visited {
    font-size: 10px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}

a.rss_titre:hover {
    font-size: 10px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #339933;
	text-decoration: none;
}

a.rss_titre:active  {
    font-size: 10px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #339933;
	text-decoration: none;
}		



a.rss_link:link  {
    color: #c2c800;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9px;
}

a.rss_link:visited {
    color: #c2c800;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9px;
}

a.rss_link:hover {
    color: #c2c800;
    font-size: 9px;
    font-weight: bold;
}

a.rss_link:active  {
    color: #c2c800;
    font-size: 9px;
    font-weight: bold;
}