body{
	 background-image:url(images/fond-degrade.jpg);
	 background-repeat:repeat-x;
	 background-position:top left; 
	 margin: 0; /* pour éviter les marges */
	 padding-top:-7;
     text-align: center; /*pour corriger le bug de centrage IE*/
	 background-color:#cfcdbe;
}

#conteneur {

	 /* on positionne le conteneur */
	position:relative;
    margin-left: auto;
    margin-right: auto;
	padding-top:0;
	width:962;

	}
.entete {
float:left;
background-image:url(images/entete.jpg);
width:446;
height:135;
margin-left:0;
margin-top:-7;
padding-top:0;

}

.btn_home {
float:left;
background-image:url(images/bt-homep.jpg);
width:35;
height:31;
margin-left:300;
margin-top:50;
padding-top:-50;
}

#langue {
float:left;
width:962px;
height:26px;
}

.btn_fr {
margin-left:880px;
float:left;
background-image:url(images/bt-fr.jpg);
width:33;
height:21;
}

a.btn_fr:hover, a.btn_fr:active, a.btn_fr:focus{
margin-left:880px;
background-image:url(images/bt-fr.jpg);
width:33;
height:21;
}

.btn_en {
float:left;
background-image:url(images/bt-en.jpg);
width:33;
height:21;
}

a.btn_en:hover, a.btn_en:active, a.btn_en:focus{
background-image:url(images/bt-en.jpg);
width:33;
height:21;
}


a.btn_home:hover, a.btn_home:active, a.btn_home:focus{
background-image:url(images/bt-homep-hover.jpg);
width:35;
height:31;
}

.btn_contact {
float:left;
background-image:url(images/bt-contactp.jpg);
width:55;
height:31;
margin-top:50;
padding-top:-50;
}

a.btn_contact:hover, a.btn_contact:active, a.btn_contact:focus{
background-image:url(images/bt-contactp-hover.jpg);
width:55;
height:31;
}

.btn_auvergne {
float:left;
background-image:url(images/bt-auvergnep.jpg);
width:50;
height:31;
margin-top:50;
padding-top:-50;
}

a.btn_auvergne:hover, a.btn_auvergne:active, a.btn_auvergne:focus{
background-image:url(images/bt-auvergnep-hover.jpg);
width:50;
height:31;
}

.entete2{
float:left;
background-image:url(images/entete2.jpg);
width:962;
height:227;
margin-left:0;
}

.fond_navigation a:hover, .menu_gauche li a:focus, .menu_gauche li a:active {
color:#00648a;
}

.fond_navigation a{
color: #e8ffff ;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none; 
font-size:12px;
margin-right:10;
padding-left:0;
}
	
.fond_navigation{
background-image:url(images/bandemenu.jpg);
float:left;
width:962;
height:42;
margin-left:0;
padding-left:0;
margin-top:0;
padding-top:0;
}

#haut_menu{
float:left;
background-image:url(images/haut-contenu.jpg);
width:962;
height:32;
margin-left:0;
padding-top:0;
}

#menu{
float:left;
margin-left:0;
}

.menu_gauche{
float:left;
background-image:url(images/fond-menu.jpg);
background-repeat:no-repeat;
width:288;
height:277;
margin-left:0;
padding-top:0;
}

.menu_gauche ul {
text-align:left;
margin-top:0;
padding-top:0;
margin-left:110;
list-style:none;
padding:10 0 0 0 ;
}

.menu_gauche li a {
color:#1b3348;
padding: 10px 0px ;
font-family:"Arial",Verdana,sans-serif;
font:bold;
font-size:13px;
text-decoration: none ;
line-height:30px;
}

.menu_gauche li a:hover, .menu_gauche li a:focus, .menu_gauche li a:active {
color:#e8ffff;
}


#contenu {
float:left;
background-image:url(images/fond-contenu.jpg);
background-repeat:no-repeat;
width:674;
margin-left:0;
padding-top:-10;
padding-top:0;

}

.contenu_texte_fond{
float:left;
width:652;
margin-left:0;
margin-top:0;
padding-top:0;
padding:0;
}

#contenue{
float:left;
background-image:url(images/fond-produit.jpg);
background-repeat:no-repeat;
width:674;
height:393;
}

#contenue .p5{
color:#1e4c85;
font-family:"Verdana",Arial,sans-serif;
font-size:12;
margin-left:10;
margin-right:10;
margin-top:10;
padding-top:0;
}

#contenue .p6{
color:#1e4c85;
font-family:"Verdana",Arial,sans-serif;
text-indent:16;
font-size:12;
margin-left:10;
margin-right:10;
margin-top:10;
padding-top:0;
}

#contenue .p7{
color:#FFFFFF;
font-family:"Verdana",Arial,sans-serif;
font-size:12;
margin-left:10;
margin-right:10;
}

#contenue .p8{
color:#1e4c85;
font-family:"Verdana",Arial,sans-serif;
text-indent:16;
font-size:12;
margin-left:10;
margin-right:10;
margin-top:10;
padding-top:0;
}

#contenue h3 li{
list-style-image:url(images/puce.jpg);
}

#contenue li{
list-style-image:url(images/puce2.png);
}

#contenue ul{
	list-style: disc outside;
	margin-left: 20px;/*espace pour la puce dans la marge extérieur du ul*/
	padding-left: 0;
}

#contenu .p1{
color:#1e4c85;
margin-left:10;
font-family:"Verdana",Arial,sans-serif;
text-align:left;
text-indent:16;
font-size:12px;
padding:0;
}

#contenu .p2{
color:#1e4c85;
font-family:"Verdana",Arial,sans-serif;
text-align:left;
font-size:12px;
text-indent:16;
padding:0;
margin-left:10;
}

#contenu .p3{
color:#1e4c85;
font-family:"Verdana",Arial,sans-serif;
text-align:left;
font-size:12px;
padding:0;
margin-left:10;
}

#contenu .p4{
color:#1e4c85;
font-family:"Verdana",Arial,sans-serif;
text-align:left;
font-size:12px;
text-indent:20;
}


#contenu h1 {
color:#c3ff0c;
margin-left:10;
font-family:"Verdana",Arial,sans-serif;
text-align:left;
font:bold;
font-size:16px;
}

#contenu h1 li {
list-style-image:url(images/puce.jpg);
}

.image_gauche_p{
float:left;
margin-left:10;
margin-top:0;
padding:0;
}

h3{
text-align:left;
color:#ffffff;
font-size:12px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font:bold;
text-indent:5px;
}

h3 li {
list-style-image:url(images/puce.jpg);
}

.haut_colgauche{
width:0;
height:0;
margin-left:15;
float:left;
}

.haut_coldroit {
width:0;
height:0;
margin-left:15;
float:right;
padding-right:200px;
}

.colgauche{
clear:both;
margin-top:20;
padding-top:0;
float:left;
width:185;
height:554;
background-image:url(images/fond-description.png);
background-position:0px 35px;
margin-left:15;
font-size:12px;
}
.colgauche p{
color:#395060;
text-align:left;
padding-left:15;
padding-right:15;
padding-top:30px;
font-family:"Verdana", Arial, Helvetica, sans-serif;

}


.coldroite{
margin-top:15px;
padding-top:0;
float:left;
width:444;
height:382;
margin-left:15;
}

.aperçu{
width:446;
height:194;
}

.aperçu li{
list-style-image:url(images/puce2.png);
}


.haut_composition{
float:left;
width:180;
height:30;
}

.haut_composition h3{
float:left;
width:180;
height:30;
}

.composition{
margin-top:10;
float:left;
width:180;
height:317;
background-image:url(images/fond-ingredient.png);
background-repeat:no-repeat;
margin-left:5;
text-align:left;
color:#395060;
font-size:12px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
text-indent:18;
padding-top:10;
}

.composition li {
list-style-image:url(images/puce2.png);
}

.haut_ingredients{

float:left;
width:180;
height:30;
margin-left:20;

}
.ingredients{
margin-top:10;
float:left;
width:180;
height:317;
background-image:url(images/fond-ingredient.png);
background-repeat:no-repeat;
margin-left:20;
text-align:left;
color:#395060;
font-size:12px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
text-indent:18;
padding-top:10;
}

.ingredients li {
list-style-image:url(images/puce2.png);
}

.titre{
text-align:left;
text-indent:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
}
.titre1{
text-align:left;
padding-left:30;
border:#000000 1px solid;
height:20;
width:50;
}

.text_form{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#1e4c85;
font-size:13px;
}

#image-ingredient{
margin-top:0;
padding-top:10;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fond-ingredient.png");
width: 185px;
height:317px;
}
html>body #image-ingredient{
filter: none;
background-image:url(images/fond-ingredient.png);
background-repeat:no-repeat;
}


#image-composition{
color:#1e4c85;
margin-top:0;
padding-top:10;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fond-ingredient.png");
width: 185px;
height:317px;
}
html>body #image-composition{
filter: none;
background-image:url(images/fond-ingredient.png);
background-repeat:no-repeat;
}

#image-description{
margin-top:0;
padding-top:1;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fond-description.png");
width: 186px;
height: 552px;
}

html>body #image-description{
filter: none;
background-image:url(images/fond-description.png);
background-repeat:no-repeat;
}


#image-savoir{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/img-savoir-faire.png");
width: 654px;
height: 180px;
}

html>body #image-savoir{
filter: none;
background-image:url(images/img-savoir-faire.png);
background-repeat:no-repeat;
}


#image-moyen{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/img-moyens.jpg");
width: 654px;
height: 244px;
margin-left:20;
}

html>body #image-moyen{
filter: none;
background-image:url(images/img-moyens.jpg);
background-repeat:no-repeat;
}

#image-vache{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/img-vache.png");
width: 654px;
height: 206px;
margin-left:20;
}

html>body #image-vache{
filter: none;
background-image:url(images/img-vache.png);
background-repeat:no-repeat;
}


#image-magasin{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/img-magasin-usine.png");
width: 650px;
height: 230px;
margin-left:20;
}

html>body #image-magasin{
filter: none;
background-image:url(images/img-magasin-usine.png);
background-repeat:no-repeat;
}

#image-recompense{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/img-recompenses.png");
width: 638px;
height: 562px;
margin-left:20;
}

html>body #image-recompense{
filter: none;
background-image:url(images/img-recompenses.png);
background-repeat:no-repeat;
}

#bandeau_bas{
position:relative;
float:left;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bas.png");
width:962;
height:217;
}

html>body #bandeau_bas{
filter: none;
background-image:url(images/bas.png);
background-repeat:no-repeat;
}

.btn_1 {
position:relative;
width:962px;
height:217px;
}

a.btn_1:hover, a.btn_1:active, a.btn_1:focus{
width:246px;
height:26px;
color:#FFFFFF;
}

#image-fleur{
float:right;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fond-menu-fleur.png");
width: 288px;
height: 345px;
}

html>body #image-fleur{
filter: none;
background-image:url(images/fond-menu-fleur.png);
background-repeat:no-repeat;
}

#image-aoc{
margin-left:20;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/img-aoc.png");
width:654;
height:180;
}

html>body #image-aoc{
filter: none;
background-image:url(images/img-aoc.png);
background-repeat:no-repeat;
}



#image-dev-durable{
margin-left:20;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/img-dev-durable.png");
width:654;
height:244;
}

html>body #image-dev-durable{
filter: none;
background-image:url(images/img-dev-durable.png);
background-repeat:no-repeat;
}