body {
background:#FFF url(../images/webdesign/fd.jpg) top center no-repeat; 
text-align:center; 
margin:0; 
padding:0;
font-size:11px; 
font-family:Arial, Helvetica, sans-serif;
position:relative;
color:#6f3e2b;
}


body.home {
background:#FFF url(../images/webdesign/fd.jpg) top center no-repeat; }

body.page {
background:#FFF url(../images/webdesign/fd_page_type.jpg)  center 3px no-repeat; }


#page {
width:1000px;  
margin:0px auto; 
padding:0;
position:relative;
height:640px;
text-align:left;
overflow:hidden;
}



h1, h2, h3, h4, h5, h6, p, ul, li, form { 
padding:0px; 
margin:0px; 
line-height:140%;
font-weight:100
}


#flashFond{ position:absolute; z-index:0; top:0px; left:0px;}

#header { position:absolute; z-index:10; top:0px; left:0px; height:95px; width:990px; padding-top:5px; }

#header h1 { line-height:0; font-size:0; text-indent:-2000px; float:left;}

#logo { float:left; /*margin-left:23px;*/ display:inline; border:0;}
#headerG { float:right; width:772px;}

#encartPub { width:580px; float:left; height:60px; margin-bottom:6px}
#encartPub a  { cursor:pointer;}
#encartPub a img { border:0;}
#newsletter { display:block; width:185px; float:right; padding-top:15px; }
#newsletter .champs { border:1px solid #59210a; width:143px;}
#newsletter .go { background:transparent url(../images/webdesign/btn_newsletter.gif) top left no-repeat; color:#59210a; text-transform:uppercase; border:0; padding:0; margin:0; width:30px; height:20px;}

#menu { height:20px; width:770px; background:#5f2710 url(../images/webdesign/fd_menu.gif) top left repeat-x; clear:both; }
#menu li {display:block; float:left; list-style-type:none; }
#menu li a { display:block; border-left:1px solid #83472d; border-right:1px solid #FFF; color:#FFFFFF; padding:0 20px; text-decoration:none; line-height:20px; background:#5f2710 url(../images/webdesign/fd_menu.gif) 1px 0px  repeat-x;}

#menu li a:hover, #menu li a.select { border-left:1px solid #c9cc03;  color:#59210a; padding:0 20px; text-decoration:none; line-height:20px; background:#e3e400 url(../images/webdesign/fd_menu_hover.gif) 1px 0px  repeat-x;}

#footer { position:absolute; top:584px; left:5px; width:990px;color:#FFFFFF; border-top:1px solid #FFF; } 
#footer a { color:#FFFFFF; text-decoration:none;} 
#footer p.gauche { float:left;}
#footer p.droite { float:right;}
#footer a img { border:0;}

#contenu  h3 { font-weight:bold; font-size:18px; color:#5a210a;}
#contenu  p {  font-size:12px; color:#000;}

.titre1_saveur { font-weight:bold; font-size:18px; color:#5a210a;}
.titre2_pro { font-weight:bold; font-size:18px; color:#c9cb03;}

/********editeur *****************/

#contenu.pageSimple .img_droite { float:right; clear:both; margin:0 0 10px 10px;}
#contenu.pageSimple .img_gauche { float:left; clear:both; margin:0 10px 10px 0;}

#contenu.pageSimple p.deco {background:transparent url(../images/webdesign/deco_degrade_H.gif) top left repeat-y; padding:10px 0px 8px 30px;}

.vert { color:#c9cb03;}
.marron { color:#5a210a;}

#contenu.pageSimple h3 { font-weight:bold; font-size:18px; color:#5a210a;}
#contenu.pageSimple h4 { font-weight:bold; font-size:18px; color:#c9cb03;}
#contenu.pageSimple p {  font-size:12px; color:#000;}


#contenu.pageSimple table { font-size:11px;}
#contenu.pageSimple table.tableau { background-color:#F0EFEC; font-size:12px;}
#contenu.pageSimple table.tableau td{ border-bottom:1px solid #C3CBD0; padding:8px 0 3px;}

#contenu.pageSimple a,#contenu.pageSimple a:visited { color:#6f3e2b;}
#contenu.pageSimple a:hover,#contenu.pageSimple  a:focus  { color:#6f3e2b;}
#contenu.pageSimple a:active  { color:#000;}

/********fin editeur *****************/



/******* HOME ***************/

#zoneCommande{
	position:absolute; z-index:20; top:91px; left:5px; width:720px; height:266px;  
}
#fondPanier {
	position:absolute; z-index:10; top:0px; left:0px; width:720px; height:266px;
}

#fondPanier embed { cursor:pointer;}
#zoneCommande a { text-indent:-2000px; position:absolute; z-index:20; top:0px; left:0px; width:720px; height:266px; }

#zoneCommande h3 { background:transparent url(../images/webdesign/fr-pack_home.gif) top left; line-height:0; font-size:0; text-indent:-2000px; width:477px; height:36px; margin-top:20px; }

#findMagasin { background:transparent url(../images/webdesign/fr-pack_home.gif) bottom left;text-indent:-3000px; width:270px; height:100px; display:block; z-index:20; position:absolute; top:108px; left:725px; }

#terreAlpe { background:transparent url(../images/webdesign/produits-terre-alpe.gif) top left;text-indent:-3000px; width:267px; height:231px; display:block; z-index:20; position:absolute; top:334px; left:349px; }

#zoneSapins {
	position:absolute; z-index:10; top:234px; left:5px; height:346px;
}


#zoneSapins #fondSapin{
	position:absolute; z-index:10; top:180px; left:0;
}



#zoneSapins #actualite h4 { font-size:11px; line-height:11px;position:absolute; z-index:20; top:302px; left:10px; background:transparent url(../images/webdesign/fr-pack_home.gif) top right; width:84px; height:14px; text-indent:-2000px;}

#zoneSapins #actualite  .prec,#zoneSapins  #actualite  .suiv{ position:absolute; z-index:20; top:323px; left:10px; background:transparent url(../images/webdesign/btn-gauche.gif) top left no-repeat; width:22px; height:22px; text-indent:-2000px; display:block; cursor:pointer;}
#zoneSapins #actualite  .suiv{left:238px; background-image:url(../images/webdesign/btn-droite.gif); }

#zoneSapins #actualite h5 { background-color:#E3E68F;border:1px solid #BBBD1F;font-size:12px;height:17px;left:41px;position:absolute;text-align:center;top:325px;width:186px;z-index:20;}
#zoneSapins #actualite h5 a { text-decoration:none; color:#6f3e2b; display:block;}
#zoneSapins #actualite h5 a:hover { font-weight:bold;}

#zoneSapins .uneActu .image { width:260px; text-align:center; margin-top:125px; position:absolute;}


#zoneSapins #services h4 { font-size:11px; line-height:11px;position:absolute; z-index:20; top:300px; left:840px; background:transparent url(../images/webdesign/fr-pack_home.gif) bottom right; width:147px; height:19px; text-indent:-2000px;}

#zoneSapins #services  .prec, #zoneSapins  #services  .suiv{ position:absolute; z-index:20; top:323px; left:740px; background:transparent url(../images/webdesign/btn-gauche.gif) top left no-repeat; width:22px; height:22px; text-indent:-2000px; display:block; cursor:pointer;}
#zoneSapins #services  .suiv{left:959px; background-image:url(../images/webdesign/btn-droite.gif); }

#zoneSapins #services h5 { background-color:#E3E68F;border:1px solid #BBBD1F;font-size:12px;height:17px;left:767px;position:absolute;text-align:center;top:325px;width:186px;z-index:20;}
#zoneSapins #services h5 a { text-decoration:none; color:#6f3e2b; display:block;}
#zoneSapins #services h5 a:hover { font-weight:bold;}


#zoneSapins .unService .flash { position:absolute; left:745px; top:0; z-index:9;}


/*************************** Page ***********************************/
#zonePetitsSapins {
	position:absolute; z-index:10; top:484px; left:5px; height:100px; width:990px;
}
#zonePetitsSapins #fondSapin{
	position:absolute; z-index:10; top:0px; left:0;
}
#zonePetitsSapins #m_actualite { position:absolute; top:0; left:0; height:100px;width:215px; z-index:20;}

#zonePetitsSapins #m_actualite h4 {font-size:11px; line-height:11px; position:absolute; z-index:20; top:48px; left:56px; background:transparent url(../images/webdesign/fr-pack_page.jpg) right -100px  ; width:84px; height:14px; text-indent:-2000px;}

#zonePetitsSapins #m_actualite  .prec,#zonePetitsSapins  #m_actualite  .suiv{ position:absolute; z-index:20; top:75px; left:56px; background:transparent url(../images/webdesign/btn-gauche-m.gif) top left no-repeat; width:17px; height:17px; text-indent:-2000px; display:block; cursor:pointer;}
#zonePetitsSapins #m_actualite  .suiv{left:208px; background-image:url(../images/webdesign/btn-droite-m.gif); }

#zonePetitsSapins #m_actualite h5 { background-color:#E3E68F;border:1px solid #BBBD1F;font-size:11px;height:17px;left:78px;position:absolute;text-align:center;top:75px;width:123px;z-index:20;}
#zonePetitsSapins #m_actualite h5 a { text-decoration:none; color:#6f3e2b; display:block;}
#zonePetitsSapins #m_actualite h5 a:hover { font-weight:bold;}

#zonePetitsSapins .m_uneActu .image { width:51px; position:absolute; bottom:0;  z-index:20;top:20px }


#zonePetitsSapins #m_services { position:absolute; top:0; right:0; height:100px; width:252px; z-index:20;}

#zonePetitsSapins #m_services h4 {font-size:11px; line-height:11px; position:absolute; z-index:20; top:48px; left:37px; background:transparent url(../images/webdesign/fr-pack_page.jpg) bottom right  ; width:147px; height:19px; text-indent:-2000px;}

#zonePetitsSapins #m_services  .prec,#zonePetitsSapins  #m_services  .suiv{ position:absolute; z-index:20; top:78px; left:10px; background:transparent url(../images/webdesign/btn-gauche-m.gif) top left no-repeat; width:17px; height:17px; text-indent:-2000px; display:block; cursor:pointer;}
#zonePetitsSapins #m_services  .suiv{left:167px; background-image:url(../images/webdesign/btn-droite-m.gif); }

#zonePetitsSapins #m_services h5 { background-color:#E3E68F;border:1px solid #BBBD1F;font-size:11px;height:17px;left:30px;position:absolute;text-align:center;top:77px;width:132px;z-index:20;}
#zonePetitsSapins #m_services h5 a { text-decoration:none; color:#6f3e2b; display:block;}
#zonePetitsSapins #m_services h5 a:hover { font-weight:bold;}


#zonePetitsSapins .m_unService .flash { position:absolute; right:0px;top:0px; z-index:20;}

#sousMenu{ position:absolute; top:95px; left:15px; z-index:5; width:203px; height:430px; }
#contenu{ position:absolute; top:95px; left:218px; z-index:15; width:687px; height:424px; overflow:auto; }
#contenu.pageSimple { padding:25px 16px; width:655px; height:372px; overflow:auto; }

#entree{position:absolute; top:95px; left:910px; z-index:5; width:85px; height:360px; }
#entreeMagasin{ background:transparent url(../images/webdesign/fr-pack_page.jpg) top right; width:85px; height:77px; margin-bottom:25px; display:block; cursor:pointer; text-indent:-3000px; }
#entreeCommande{background:transparent url(../images/webdesign/fr-pack_page.jpg) top left; width:85px; height:89px; margin-bottom:25px; display:block; cursor:pointer; text-indent:-3000px;}
#entreeProduits{background:transparent url(../images/webdesign/fr-pack_page.jpg) bottom left;  width:85px; height:93px; display:block; cursor:pointer; text-indent:-3000px;}

#titreRubrique h2 { line-height:0; font-size:0; height:0; text-indent:-2000px;} 
#titreRubrique { padding-top:15px;}

#lesBrochures tr.espace td{ line-height:4px;}
#lesBrochures input, #lesBrochures textarea { border:1px solid #d0d0d0; font-family:Arial, Helvetica, sans-serif; font-size:11Px; color:#A9AAAE; } 
#lesBrochures .bouton { background-color:#C9CB03; color:#FFFFFF; font-size:12px;}

#colonneG{
height:400px;
left:15px;
position:absolute;
top:95px; 
width:173px;
z-index:5;
text-align:center;
padding:15px;
}

#colonneG h2 { font-size:12px; color:#592412; font-weight:bold; margin-bottom:27px; }

#fdAttente { background:transparent url(../images/webdesign/img-fd-attente.jpg) top left no-repeat;height:296px;
padding-top:93px;}

#contenu.pageSimple a.lienVideo { background:transparent url(/images/webdesign/drapeau_video.gif) top left no-repeat; line-height:23px; padding:0px 0 0px   15px ; color:#FFF; font-family:Comic Sans MS, Georgia, Helvetica, sans-serif; text-decoration:none; display:block; width:176px; text-align:left;}

#contacter-ami textarea {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
width:275px;
 }
#contacter-ami h4 {color:#C9CB03; font-size:14px; padding-bottom:8px; }
#contacter-ami { text-align:left;}
#contacter-ami input { margin:4px 0;}

/*--- Styles logo Sherpa ---*/

#logoSherpa{
	width:179px;
	height:86px;
	float:left;
	margin-left:23px;
}

p.logoS{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#59210a;
	line-height:13px;
	text-align:center;
	font-weight:bold;
	
}

.btnPayer{
border:none;
background:transparent url(/images/webdesign/fiches/fd_btn.gif) no-repeat scroll right bottom;
color:#59210A;
display:block;
float:left;
height:18px;
line-height:18px;
margin-top:4px;
text-align:center;
text-decoration:none;
width:116px;
font-size:10px;
cursor:pointer;
}
/*--- Styles texte pieddepage---*/
#texte{
	width:980px;
	margin:0 auto;
	padding:10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#878787;
	text-align:justify;
	position:relative;
}

#texte h1{
	font-size:14px;
	font-weight:bold;
	color:#878787;
}

#texte h2{
	font-size:13px;
	font-weight:bold;
	color:#878787;
	margin-top:6px;
}

#texte h3{
	font-size:12px;
	font-weight:bold;
	color:#878787;
	margin-top:6px;
}

#texte h4{
	font-size:11px;
	font-weight:bold;
	color:#878787;
	margin-top:6px;
}

#texte p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
}

#texte a{
	font-size:10px;
	text-decoration:underline;
	color:#878787;
}

#texte a:hover{
	font-size:10px;
	text-decoration:underline;
	color:#9c9c9c;
}

/*==== Footer====*/

#blocReseaux{
	width:130px;
	height:25px;
	margin:0 auto;
	padding:3px;
	background-color:#e7e7e7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	position:relative;
	
}

#SherpaLikeBox{
	position:absolute;
	top:5px;
	right:5px;
	
	
}

.paypal{
}

.apple{
	float:left;
	margin-right:3px;
}

.fb{
	margin:0 3px 0 6px;
	float:left;
}

.twitter{
	margin-right:3px;
	float:left;
}


#footerGauche{
	width:30%;
	float:left;
	margin-top:3px;
}

#footerMilieu{
	width:33%;
	float:left;
	margin-top:3px;
}

#footerMilieu2{
	width:200px;
	position:absolute;
	top:-50px;
	left:410px;
	color:#ffffff;
}

#footerMilieu2 a{
	color:#ffffff;
}

#footerDroite{
	width:36%;
	float:left;
	text-align:right;
	margin-top:3px;
}