*{margin:0px;padding:0px;}

.typo{
	font-family:Arial, Helvetica, sans-serif;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titre {font-size: 12px; color: #E66212; font-family:  Verdana, Arial, Helvetica, sans-serif; font-weight: bold; /*text-decoration: underline;*/ padding-left: 60px; padding-top: 11px;}

.typo11{font-size:11px;color:#474748;}
.typo12{font-size:12px;}
.vert{color: #8EA700}
.blanc{color: #FFFFFF;}
.orange{color: #E66212;}
.pas_souligne{text-decoration: none;}
.placement_haut_cadre{ padding-top: 40px;} /* pour caler le  premier texte de l'encadré orange*/
.placement_g_cadre{ font-weight: bold; padding-left: 10px; width: 190px; padding-bottom: 10px;}

body {
	margin: 0px;
	padding: 0px;
	background-position: center;
	background-image: url(../img/fond.gif);
	background-repeat: repeat-y;
	text-align:center;
}

#page{	
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	text-align: left;
}


#en_tete  {/*la banderolle*/
float: left;
	border: none;
	height: 178px;
	width: 523px;
	background-image: url(../img/les_offres_b_g.jpg);
	background-repeat: no-repeat;
	background-position: -2px 0px;
}
#en_tete2  {/*la banderolle*/
float: left;
	border: none;
	height: 178px;
	width: 435px;
	background-image: url(../img/les_offres_b_d.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



#navigation{
/*border: 1px solid #000;*/
	float:left;
	padding-left: 45px;
	padding-top: 65px;
	width: 159px;
	background-image: url(../img/barre.gif);
	background-repeat: no-repeat;
	background-position: 168px 0px;
	
}
/*
#test ul{list-style-type:none;margin:0px;padding:0px;line-height:0px;display:inline;}
#test li{margin:0px;padding:0px;line-height:0px;display:inline;}
*/
#navigation ul{list-style-type:none;}
#navigation li{display:inline;}
#navigation img{border:0px solid #000;}
#navigation a{
	display:block;
	width:159px;
	background-repeat: no-repeat;
	background-position:top  right;
}

#navigation a.O1on{background-image: url(../img/01_l.gif);}
#navigation a.O1off{background-image: url(../img/01.gif);}
#navigation a.O2on{	background-image: url(../img/02_l.gif);}
#navigation a.O2off{	background-image: url(../img/02.gif);}
#navigation a.O3on{background-image: url(../img/03_l.gif);}
#navigation a.O3off{background-image: url(../img/03.gif);}
#navigation a.O4on{background-image: url(../img/04_l.gif); }
#navigation a.O4off{	background-image: url(../img/04.gif);}
#navigation a.O5on{background-image: url(../img/05_l.gif);}
#navigation a.O5off{background-image: url(../img/05.gif);}


#corps {
	border: 0px solid #000;
	float: left;
	margin-left: 27px;
	width: 499px;
	border-right: 1px solid #E2E2E2;
	background-image: url(../img/cadre_nav.gif);	
	background-repeat: no-repeat;
	background-position:top  left;
}

.block{
	width: 499px;
}
.image_pres{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	float: left;
	/*height: 66px;*/
	width: 138px;
}
.texte_prod {
	float: left;
	/*padding-left: 158px;*/
	width: 331px;
	
}
div {border: 0px solid black}
.lignebas{
	float: left;
	width: 499px;
	height: 1px;

}
.image_panier {
	width: 439px;
	height: 49px;
	background-image: url(../img/panier.gif);	
	background-repeat: no-repeat;
	background-position:top  left;
}


#ligne {
	float: left;
	width: 227px;

}
.calage_prem {	margin-top: 27px;}
.barre{border-top: 1px solid #E2E2E2; width: 228px;}

.cadre_orange {
	width: 204px;
	background-color: #E66212;
	margin-left: 11px;
}
.cadre_orange_h {
	width: 228px;
	height: 33px;
	background-image: url(../img/archives_h.gif);	
	background-repeat: no-repeat;
	background-position: top left;
}
.cadre_orange_b {
	width: 228px;
	height: 33px;
	background-image: url(../img/archives_b.gif);	
	background-repeat: no-repeat;
	background-position: top left;
}


#topounet {clear:both; border-top: 1px solid #E2E2E2; width: 959px; height: 0px;}

#pied_page {
	margin-top: 5px;
	top: 0px;
	width: 959px;
	text-align: center;
	height: 25px;
}