body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff url(images/px_body.jpg) repeat-x;
	}

*  {
	margin: 0 ;
	padding:0;
}



p, h2, h3 , h4 , h5  {
	display:block;
}

ul  {
	list-style:none;
}




a {
	text-decoration:none;
	color:#014695;
	
	
}


a:hover {
	text-decoration:none;
	color:#000;
	
}
.clr{
    clear:both;
	font-size:0;
}
.clr2{
    clear:both;
}
#global{
	width:955px;
	margin:0 auto;

}
#baniere{
	width:955px;
	height:235px;
	background:url(images/bg_header.jpg) 0 0 no-repeat;
}

.logo{
margin-top:66px;
margin-left:364px;}

#menu{
padding:65px 0 0 180px;
		float:left;
	width:560px;
}

#menu ul {
	float:left;
	list-style-type:none;
	padding:0;
}
#menu li {
margin-right:16px;
	float:left;
	display:inline;
		
	
	
}

#menu li a{
display:block;

		
	
	
}

.homepage  a {
	float:left;
	width:70px;
	height:35px;
	background:url(images/btn_hompage.jpg) no-repeat;
		
}
.homepage a:hover {
	width:70px;
	height:35px;
	background:url(images/btn_hompageroll.jpg) no-repeat;
}


.activehomepage a{
	width:70px;
	height:35px;
	
	background:url(images/btn_hompageroll.jpg) no-repeat;
}


.ourethics a {
 	float:left;
	width:79px;
	height:35px;
	background:url(images/btn_ourethics.jpg) no-repeat;
		
}
.ourethics a:hover {
	width:79px;
	height:35px;
	background:url(images/btn_ourethicsroll.jpg) no-repeat;
}


.ourethicsactive a{
	width:79px;
	height:35px;
	background:url(images/btn_ourethicsroll.jpg) no-repeat;
}

.ourproduit a {
 	float:left;
	width:101px;
	height:35px;
	background:url(images/btn_ourproduit.jpg) no-repeat;
		
}
.ourproduit a:hover {
	width:101px;
	height:35px;
	background:url(images/btn_ourproduitroll.jpg) no-repeat;
}


.ourproduitactive a{
	width:101px;
	height:35px;
	background:url(images/btn_ourproduitroll.jpg) no-repeat;
}

.qualite a {
 	float:left;
	width:151px;
	height:35px;
	background:url(images/btn_qualite.jpg) no-repeat;
		
}
.qualite a:hover {
	width:151px;
	height:35px;
	background:url(images/btn_qualiteroll.jpg) no-repeat;
}


.qualiteactive a{
	width:151px;
	height:35px;
	background:url(images/btn_qualiteroll.jpg) no-repeat;
}


.contact a {
 	float:left;
	width:60px;
	height:35px;
	background:url(images/btn_contact.jpg) no-repeat;
		
}
.contact a:hover {
	width:60px;
	height:35px;
	background:url(images/btn_contactroll.jpg) no-repeat;
}


.contactactive a{
	width:60px;
	height:35px;
	background:url(images/btn_contactroll.jpg) no-repeat;
}

#contenu{
padding:33px 0 0 44px;
width:911px;
background: url(images/contenu_index.jpg) no-repeat;}

#block_left{
	float:left;
	width:255px;
	height:auto;
	padding: 0 20px 0 0;
}

#block_left h3{
padding-top:10px;
color:#b92c07;
font-size:14px;
background:url(images/left.jpg) 90px 15px no-repeat;}
#block_left .typeh3 {
	padding-top:10px;
	color:#b92c07;
	font-size:14px;
	font-weight: bold;
	background:url(images/left.jpg) 90px 15px no-repeat;
}

#block_left h2{
padding:10px 0 0 50px;
font-size:12px;
background:url(images/puce.gif) 0 10px no-repeat;}
#block_left .typeh2{
	padding:10px 0 0 50px;
	font-size:12px;
	font-weight: bold;
	background:url(images/puce.gif) 0 10px no-repeat;
}

#block_left p{
	font-size:12px;
	padding-top:10px;
	text-align: justify;
}

#bolck_right{
margin-top:25px;
padding-left:353px;
float:left;
width:240px;
height:auto;}

#bolck_right h2{
padding:10px 0 0 50px;
font-size:12px;
background:url(images/puce.gif) 0 10px no-repeat;}
#bolck_right .typeh2{
	padding:10px 0 0 50px;
	font-size:12px;
	font-weight: bold;
	background:url(images/puce.gif) 0 10px no-repeat;
}

#bolck_right p{
	font-size:12px;
	padding-top:10px;
	text-align: justify;
}

/************************************** Our ethics* *****************************/

#contenu_ourethics{
float:left;
padding:33px 0 30px 44px;
width:911px;
background:url(images/img_contenuour.jpg) no-repeat;}

#contenu_ourethics h2{
line-height:30px;
padding-left:32px;
background:url(images/bg_h2.gif) 0 10px no-repeat;
font-size:14px;
color:#b92c07;}
#contenu_ourethics .typeh2Int{
	line-height:30px;
	padding-left:32px;
	background:url(images/bg_h2.gif) 0 10px no-repeat;
	font-size:14px;
	font-weight: bold;
	color:#b92c07;
}



#baniere_Ourethics{
	width:955px;
	height:235px;
	background:url(images/bg_header_our.jpg) 0 0 no-repeat;
}

#block_left_our{
float:left;
width:560px;}

#block_left_our p{
padding-top:10px;
text-align:justify;
font-size:12px;}

.ecology{
margin-top:10px;
background:url(images/bg_vert.jpg) no-repeat;
width:560px;
}

.ecology h3{
padding:5px 0 0 5px;
color:#FFFFFF;
font-size:14px;}

.marge_img{
margin:0px 0 0 53px;
}

.marge_img2{
margin:10px 0 0 53px;
}

/**************************************ourproduits******************************/

#contenu_ourproduit{
float:left;
padding:33px 0 30px 44px;
width:911px;
background:url(images/img_contenuour.jpg) no-repeat;}

#contenu_ourproduit h2{
line-height:30px;
padding-left:32px;
background:url(images/bg_h2.gif) 0 10px no-repeat;
font-size:14px;
color:#b92c07;}

#contenu_ourproduit p{
padding:20px 0 0 0 ; }

.titre_h3 {
background:url(images/tranche.jpg) repeat-x;
width:845px;
color:white;
font-size:14px;
padding:4px 0 0 10px;
line-height:14px;
height:19px;
font-weight:bold;
margin-bottom:20px;
clear:both;
}

.titre_h3 span {
float:left;
}

.img_h3 {
float:right;
border:none;
margin-right:10px;
margin-top:3px;
}

.div_img {
float:left;
width:301px;
padding-bottom:5px;
}

.liste {
float:left;
width:554px;
padding-bottom:5px;
}

#contenu_ourproduit .p_liste{
width:254px;
float:left;
padding:0 0 0 23px;
font-size:12px;
line-height:12px;
background:url(images/fleche.gif) no-repeat 10px 2px;
font-weight:bold;
margin-bottom:6px;
text-decoration:underline;
}

#contenu_ourproduit .p_liste a{
color:#000;
}

#contenu_ourproduit .p_liste a:hover{
color:#90B126;
}

/**************************************quality-and-guarantees******************************/



.block_left_quality h3{
line-height:26px;
margin-bottom:10px;
padding:0 0 0 5px;
color:#FFFFFF;
font-size:14px;
background:url(images/bg_vert2.jpg) no-repeat;
}

.block_left_quality{
margin-top:20px;
float:left;
width:395px;
line-height:20px;
}
#block-rihgt.block_left_quality {
	padding:0 0 0 40px;
	text-align: justify;
}

.txt_puce{
padding-left:30px;
background:url(images/puce_rouge.gif) 0 0 no-repeat;
margin-top:10px;
}

.txt_puce2{
font-weight:bold;
padding-left:20px;
background:url(images/puce2.gif) 0 5px no-repeat;

}

#baniere_qualite{
	width:955px;
	height:235px;
	background:url(images/bg_header_qualite.jpg) 0 0 no-repeat;
}

.img_padd{
padding:13px 0 0 40px;}

/**************************************contact******************************/

#baniere_contact{
	width:955px;
	height:235px;
	background:url(images/bg_header_contact.jpg) 0 0 no-repeat;
}


#contenu_contact{
float:left;
overflow:hidden;
padding:33px 0 0 44px;
width:911px;
background:url(images/img_contenuour.jpg) no-repeat;}

#block_left_contact{

float:left;
width:538px;}




#contenu_contact h2{
line-height:30px;
padding-left:32px;
background:url(images/bg_h2.gif) 0 10px no-repeat;
font-size:14px;
color:#b92c07;
margin:0 0 60px 0;
}

#block_right_contact{
background:url(images/tele_contact.gif) no-repeat;
float: left;
width:319px;
height:284px;


}

.styl_textformul{
padding:48px 0 0 42px;}

.styl_textformul2{
padding:7px 0 0 42px;}

.styl_textformul3{
padding:10px 0 0 42px;}

.styl_textformul4{
padding:35px 0 0 42px;}

/**************************************** formulaire****************************/
#formulaire {

float:left;
width:538px;

	
	
}
#formulaire h3{
padding-left:32px;
font-size:16px;
color:#014695;
background:url(images/puce_contact.gif) 0px 0px no-repeat;

}
#formulaire p{
color:#014290;
	width:248px;
	float:left;	
	padding:0 0 4px 2px;	
}
#formulaire span{
	float:left;	
	padding-top:1px;
}
#formulaire .question{
	padding:1px 0 0 0;
} 
#formulaire input{
	float:right;	
	width:165px;
	color:#000;
	height:14px;
	border:1px solid #b92c07;
	font-size:11px;	
}
#formulaire textarea{
	float:right;
	border:1px solid #b92c07;	
	width:165px;
	height:103px;
	color:#000;
}
#formulaire .bout{
	width:75px;
	height:16px;
	border:none;
	float:right;
	
}
em{
	color:#000;		
}
#formulaire .rouge{
	color:#FF0000;	
	font-weight:bold;
	float:left;	
}
#formulaire  #gauche
{
	float:left;
	width:248px;
}
#formulaire  #droite
{
	float:left;
	width:255px;
	padding:0 0 0 15px;	
}

/**************************** Mentions légales ***********************************/
#contenumention{
padding:5px 15px 15px 30px;
float:left;
width:800px;
background:url(images/bg_contenu.jpg) no-repeat;

}
#contenumention h3{
margin-top:14px;
padding-left:32px;
font-size:16px;
color:#014695;
background:url(images/puce_contact.gif) 0px 0px no-repeat;
}
#contenumention p{
	color:#000;
	padding:5px 0 0px 0px;
}


/**************************************Footer******************************/


#footer{
	clear:both;
	width:955px;
	margin:0 auto;
	padding-top:10px;
	text-align:center;
	font-size:11px;
}

#navigation{
	text-align:center;		
	padding:4px 0 21px 0;
	font-size:14px;
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 5px 0 5px;
	font-size:12px;	
	color:#97b926;
	font-weight:bold;
	outline:none;
	
}
#navigation a:hover{
	color:#97b926;	
}

#footer p{
	color:#000000;
	font-size:11px;
	width:955px;
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
}

object{
	top:5px;
	position:relative;
}

#footer ul {
	list-style-type:none;
	color:#fff;
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#97b926;
	
}
 
#footer li a:hover{
	color:#cd4f20;
}

#logo_bas {
	text-align:center;
	line-height:20px;
	clear:both;
	padding:10px 0 0 0;
	
} 


#logo_bas a{
	font-size:9px;
	border:none;
	color:#8b8b8b; 

}

#logo_bas a:hover{
	color:#fbd544;
}