body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#global {
position:relative;
width:1000px;
margin:auto;
background:url(images/fond.jpg) repeat-y center;
}

#header_FR {
background:url(images/header.jpg) no-repeat;
width:1000px;
height:162px;
}
#header_DE {
background:url(images/header_DE.jpg) no-repeat;
width:1000px;
height:162px;
}
#header_EN {
background:url(images/header_EN.jpg) no-repeat;
width:1000px;
height:162px;
}
#header_IT {
background:url(images/header_IT.jpg) no-repeat;
width:1000px;
height:162px;
}

#nav {
margin: 2px 0 0 35px;
}

#menu {
float:left;
width:140px;
margin: 0px 0 0 35px;
}

* html #menu {
float:left;
width:140px;
margin: 7px 0 0 20px;
}

#centre {
margin: 12px 180px 0 190px;
}

* html #centre {
margin: 12px 180px 0 170px;
}

#centre_smallest {
margin: 12px 200px 0 190px;
width:580px;
}

*html #centre_smallest {
margin: 12px 190px 0 180px;
width:580px;
}

#droite {
float:right;
width:156px;
margin: 12px 27px 0 0px;
}

*html #droite {
float:right;
width:156px;
margin: 12px 17px 0 0px;
}

#panier {
margin:0 0 0 10px;
}

#engagement {
margin:10px 0 0 0;
width:156px;
height:142px;
background:url(images/fond_banner_engagement.jpg) no-repeat;
}

#engagement_de {
margin:10px 0 0 0;
width:156px;
height:220px;
background:url(images/fond_banner_engagement_de.jpg) no-repeat;
}

#engagement_en {
margin:10px 0 0 0;
width:156px;
height:220px;
background:url(images/fond_banner_engagement_en.jpg) no-repeat;
}

#engagement_it {
margin:10px 0 0 0;
width:156px;
height:220px;
background:url(images/fond_banner_engagement_it.jpg) no-repeat;
}

#info {
margin:10px 0 0 0;
padding:30px 0 0 0;
width:156px;
height:200px;
background:url(images/fond_banner_info.jpg) no-repeat;
}

#info_EU {
margin:10px 0 0 0;
padding:30px 0 0 0;
width:156px;
height:134px;
background:url(images/fond_banner_info_EU.jpg) no-repeat;
}

#info td {
height:20px;
padding:2px 5px 1px 0px;
}

#label {
margin:10px 0 0 0;
}

/* Banner haut page d'accueil */
#banner_top
{
	position:relative;
	width:608px;
	height:195px;
	background:url(images/accueil/banner_top.jpg) no-repeat;
}

#banner_top2
{
	position:relative;
	width:608px;
	height:195px;
	background:url(images/accueil/banner_top2.jpg) no-repeat;
}

#titre_block1_top
{
	position:absolute;
	left: 224px;
	top: 24px;
	width: 151px;
}

#titre_block2_top
{
	position:absolute;
	left: 426px;
	top: 24px;
}

#contenu_block1_top
{
	position:absolute;
	left: 217px;
	top: 53px;
	width: 177px;
	height: 117px;
}

#contenu_block2_top
{
	position:absolute;
	left: 414px;
	top: 47px;
	width: 181px;
	height: 117px;
}
/* fin banner haut page accueil */

/* Banner haut page produit */
#banner_groupe {
position:relative;
width:618px;
height:197px;
}

#titre_detail_grp {
	position:absolute;
	left: 265px;
	width: 287px;
	top: 13px;
}

#detail_grp {
	position:absolute;
	left: 265px;
	width: 321px;
	top: 36px;
	text-align:justify;
}

.produit_blanc {
position:relative;
width:616px;
height:129px;
margin:10px 0 0 0;
background:url(images/groupe_prod/fond_banner_prod_blanc.jpg);
}

.produit_bleu {
position:relative;
width:616px;
height:129px;
margin:10px 0 0 0;
background:url(images/groupe_prod/fond_banner_prod_bleu.jpg);
}

.img_prod {
	position:absolute;
	left: 3px;
	top: 14px;
	width: 87px;
	height: 104px;
}

.detail1_prod {
	position:absolute;
	left: 111px;
	top: 25px;
	width: 340px;
	height: 86px;
}

.detail2_prod {
	position:absolute;
	left: 470px;
	top: 32px;
	width: 135px;
	height: 68px;
}

/* fin banner haut page produit */

/* annonce */
#annonce {
	width:630px;
	margin:0px 0 0 -3px;
}

.det_prod {
	position:relative;
	float:left;
	margin: 0 2px 10px 0;
	width:204px;
	height:172px;
	background:url(images/accueil/fond_banner_204x172.jpg) no-repeat;
}

.type_offre {
	position:absolute;
	top:10px;
	left:10px;
}

.photo_offre {
	float:right;
	margin: 4px 8px 0 0;
}

.text_offre {
	margin:35px 4px 5px 10px;
}

.prix_offre {
	position:absolute;
	width:141px;
	left: 73px;
	top: 119px;
}

.panier_offre {
	position:absolute;
	text-align:right;
	width:144px;
	left: 50px;
	top: 123px;
}

.info_offre {
	position:absolute;
	width:120px;
	left: 46px;
	top: 153px;
}
/* fin annonce */

#banner_middle {
	width:600px;
	margin:5px 0 0 0px;
}

/* banner bottom*/
#banner_bottom {
	background:url(images/accueil/fond_banner_bottom.jpg) no-repeat;
	margin:5px 0 0 0px;
	width:601px;
	height:166px;
}

#banner_bottom_de {
	background:url(images/accueil/fond_banner_bottom_de.jpg) no-repeat;
	margin:10px 0 0 0px;
	width:601px;
	height:166px;
}

#banner_bottom_en {
	background:url(images/accueil/fond_banner_bottom_en.jpg) no-repeat;
	margin:10px 0 0 0px;
	width:601px;
	height:166px;
}

#banner_bottom_it {
	background:url(images/accueil/fond_banner_bottom_it.jpg) no-repeat;
	margin:10px 0 0 0px;
	width:601px;
	height:166px;
}

.affiche {
	position:relative;
	float:left;
	height:119px;
	width: 194px;
	margin:40px 1px 0 3px;
}

.photo_aff {
float:left;
}

.prod_aff{
	position:absolute;
	left: 77px;
	top: 0px;
	width: 118px;
	height: 44px;
}

.prix_aff {
	position:absolute;
	left: 77px;
	top: 73px;
	width: 78px;
}

.panier_aff {
	position:absolute;
	text-align:right;
	left: 45px;
	top: 75px;
	width: 146px;
}

.savoirplus_aff{
	position:absolute;
	left: 42px;
	top: 106px;
}
/* fin banner bottom */

/* Page fiche produit */
#achat {
width:593px;
height:142px;
background:url(images/fond_banner_achat.jpg) no-repeat;
margin:20px 0 0 0;
} 

#achat_de {
width:593px;
height:142px;
background:url(images/fond_banner_achat_de.jpg) no-repeat;
margin:20px 0 0 0;
}

#achat_en {
width:593px;
height:142px;
background:url(images/fond_banner_achat_en.jpg) no-repeat;
margin:20px 0 0 0;
}

#achat_it {
width:593px;
height:142px;
background:url(images/fond_banner_achat_it.jpg) no-repeat;
margin:20px 0 0 0;
}

.prod_achat {
	float:left;
	margin: 33px 2px 0px 4px;
	width:190px;
	height:100px;
}

#photo_produit {
width:215px;
float:left;
}

#annonce_prod {

}
.det_annonce {
position:relative;
width:156px;
height:215px;
background:url(images/fond_annonce.jpg) no-repeat;
margin:0 0 10px 0;
}
.type_annonce{
position:absolute;
top:7px;
width:156px;
text-align:center;
}
.img_annonce{
position:absolute;
top:30px;
width:156px;
text-align:center;
}
.text_annonce{
position:absolute;
top:130px;
left:5px;
width:148px;
}
.prix_annonce {
position:absolute;
top:183px;
left:33px;
}
.panier_annonce {
position:absolute;
top:183px;
left:33px;
}
.prix_annonceDE {
position:absolute;
top:183px;
left:10px;
}
.panier_annonceDE {
position:absolute;
top:183px;
left:10px;
}
/* fin page produit */

/* page panier */
.offre_spe {
width:577px;
*width:547px;
height:130px;
background:url(images/panier/fond_offre_spe.jpg) no-repeat;
margin:10px 0 0 25px;
padding:15px;
}
/* fin page panier */

#footer {
	margin:10px 55px 0 55px;
	text-align:center;
	clear:both;
	color:#686868;
	font-size:10px;
}

.img {float:left; margin: 0px 5px 5px 0;}

#prod1 {
	position:absolute;
	width:100px;
	height:100px;
	left: 638px;
	top: 21px;
	display:none;
	z-index:2;
}
#prod2 {
	position:absolute;
	width:100px;
	height:100px;
	left: 855px;
	top: 39px;
	display:none;
	z-index:2;
}
#prod3 {
	position:absolute;
	width:100px;
	height:100px;
	left: 747px;
	top: 45px;
	display:none;
	z-index:2;
}

#prod4 {
	position:absolute;
	width:100px;
	height:100px;
	left: 638px;
	top: 21px;
	display:none;
	z-index:2;
}
#prod5 {
	position:absolute;
	width:100px;
	height:100px;
	left: 855px;
	top: 39px;
	display:none;
	z-index:2;
}
#prod6 {
	position:absolute;
	width:100px;
	height:100px;
	left: 747px;
	top: 45px;
	display:none;
	z-index:2;
}

#prod7 {
	position:absolute;
	width:100px;
	height:100px;
	left: 638px;
	top: 21px;
	display:none;
	z-index:2;
}
#prod8 {
	position:absolute;
	width:100px;
	height:100px;
	left: 855px;
	top: 39px;
	display:none;
	z-index:2;
}
#prod9 {
	position:absolute;
	width:100px;
	height:100px;
	left: 747px;
	top: 45px;
	display:none;
	z-index:2;
}

#prod10 {
	position:absolute;
	width:100px;
	height:100px;
	left: 638px;
	top: 21px;
	display:none;
	z-index:2;
}
#prod11 {
	position:absolute;
	width:100px;
	height:100px;
	left: 855px;
	top: 39px;
	display:none;
	z-index:2;
}
#prod12 {
	position:absolute;
	width:100px;
	height:100px;
	left: 747px;
	top: 45px;
	display:none;
	z-index:2;
}

#prod13 {
	position:absolute;
	width:100px;
	height:100px;
	left: 638px;
	top: 21px;
	display:none;
	z-index:1;
}
#prod14 {
	position:absolute;
	width:100px;
	height:100px;
	left: 855px;
	top: 39px;
	display:none;
	z-index:1;
}
#prod15 {
	position:absolute;
	width:100px;
	height:100px;
	left: 747px;
	top: 45px;
	display:none;
	z-index:1;
}

#prod16 {
	position:absolute;
	width:100px;
	height:100px;
	left: 638px;
	top: 21px;
	z-index:0;
}
#prod17 {
	position:absolute;
	width:100px;
	height:100px;
	left: 855px;
	top: 39px;
	z-index:0;
}
#prod18 {
	position:absolute;
	width:100px;
	height:100px;
	left: 747px;
	top: 45px;
	z-index:0;
}

#prod19 {
	position:absolute;
	width:100px;
	height:100px;
	left: 638px;
	top: 21px;
	z-index:0;
}
#prod20 {
	position:absolute;
	width:100px;
	height:100px;
	left: 747px;
	top: 45px;
	z-index:0;
}

#prod21 {
	position:absolute;
	width:100px;
	height:100px;
	left: 855px;
	top: 39px;
	z-index:0;
}

#parrainage {
border:1px solid #0099FF;
}

/* CLASS TEXTE */
.texte10 {font-size:10px;}
.texte11 {font-size:11px;}

.texteblancgras {color:#FFFFFF; font-weight:bold;}

.point_gris {border-bottom: 2px dotted #bababa;}

.texterouge11 {font-size:11px; color:#ff0002;}
.texterouge12 {font-size:12px; color:#ff0002;}
.texterouge13 {font-size:13px; color:#ff0002;}
.texterougegras12 {font-size:12px; color:#ff0002; font-weight:bold;}
.texterougegras14 {font-size:14px; color:#ff0002; font-weight:bold;}
.texterougegras16 {font-size:16px; color:#ff0002; font-weight:bold;}

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

.textegris {color:#474747;}
.textegris13 {color:#474747; font:13px;}

.textebleu {color:#004171;}
.textebleu2 {color:#0468bc;}
.textebleugras13 {color:#004171; font-size:13px; font-weight:bold}

a.savoirplus {color:#ff0002; font-weight:bold; text-decoration:none}
a.savoirplus:hover {color:#ff0002; font-weight:bold; text-decoration:underline}

a.underline {color:#000000; text-decoration:none}
a.underline:hover {color:#000000; text-decoration:underline}

#footer a {text-decoration:none; color:#686868;}
#footer a:hover {text-decoration:underline; color:#686868;}

a.pactif {color:#ff0002; font-weight:bold; text-decoration:none}
a.pactif:hover {color:#ff0002; font-weight:bold; text-decoration:underline}

a.ficheprod {width:103px; height:23px; background: url(images/fiche_produit.jpg) no-repeat; display:block}
a.ficheprod:hover {width:103px; height:23px; background:url(images/fiche_produit_hover.jpg) no-repeat; display:block}

a.lienblanc {color:#FFFFFF; font-weight:bold; text-decoration:none}
a.lienblanc:hover {color:#FFFFFF; font-weight:bold; text-decoration:underline}

a.lienbleu {color:#0b558d; font-weight:bold; text-decoration:none}
a.lienbleu:hover {color:#0b558d; font-weight:bold; text-decoration:none}

a.liengris {color:#474747; font-weight:bold; text-decoration:none}
a.liengris:hover {color:#474747; font-weight:bold; text-decoration:none}

/* intro_ */
.intro_patch {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #046ABE}
.introrouge {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #DF2F31}
.introbleuciel {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #7FB4DC}
.introbleubiowashball {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #019dd8}
.introbienetre {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #48a1ba}
.introhaopi {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #004171}
.introorange {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900}
.introvert {  font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #C6D766}

a.textecompo {  font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #000000}
a.textecompo:hover {  font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none}
.textecompo {  font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #000000}
.textecompo2 {  font-size:9px; font: normal Verdana, Arial, Helvetica, sans-serif; color: #000000}
.textecompogras {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
}

.majuscule {
text-transform:uppercase;
}