*
{

   margin: 0 0 0 0;
   padding: 0 0 0 0;
}

body
{

   background-color: #f9f8f4;
   margin: 0 auto;
   background-image: url(../images/back_x.jpg);
   background-repeat: repeat-x;
   font-family:Verdana, Arial, Helvetica, sans-serif;
      color:#363636;
   text-align: left;
   font-size:11px;

   

   
}

#header
{
   width:701px;
   height:239px;
   margin:0;
   padding:9px;
   position:relative;
   top:0;
   left:0;
}

#truc
{
   text-align : left;
   
}

#inner_body
{
   padding:0 0 0 0;
   margin:0 0 0 0;
   width: 720px;
   /*background-image: url(../images/cont_back.jpg);*/
   background-position: center left;
   
}

/*#intro_back
{
   position: absolute;
   top: 0;
   left: -2px;
}*/
#entier
{
   position:relative;
   top:0;
   background-repeat: repeat-y;
   background-image: url(../images/shadow_back.jpg);
   margin: 0 auto;
   width: 720px;
   background-position: top center;
   background-attachment: fixed;





}



#conteneur
{
   width:720px;
         padding-bottom : 25px;

}


#copyright
{
   text-align: center;
   font-size: 10px;

}

#liens
{

   font-size: 11px;

}

a:link {color: #2969b0}     /* unvisited link */
a:visited {color: #6f6e68}  /* visited link */
a:hover {color: #0a305a}   /* mouse over link */
a:active {color: #6f6e68}   /* selected link */

/* ----------------- Partie à droite ---------------------------- */

div#ca_produit
{
   background-image: url(../images/4bouteilles.jpg);
   width:311px;
   height:297px;
}


div#ca_propos
{
   background-image: url(../images/acercafe.jpg);
   width:222px;
   height:344px;
}

div#ca_activite
{
   background-image: url(../images/maison.jpg);
   width:261px;
   height:266px;
}


/* ----------------- Partie à gauche ---------------------------- */

#imgindex
{
position : absolute;
left: 30px;
}



#imgcontact
{
position : absolute;
left: 20px;
margin-top: 30px
}

#img_gauche
{
	position : absolute;
	margin-top: 15px;
	left: 27px;
	top: 261px;
	text-align:center;
}

#saviezvous
{
 	position : absolute;
    line-height: 18px;
	left: 20px;
	top: 580px;
	text-align:left;
	width: 220px
}



#imgtarif
{
position : absolute;
margin-top: 15px;
left: 35px;
}

#imgmission
{
position : absolute;
margin-top: 15px;
left: 20px;
}

#droite
{
   top : 20px;
   position : relative;
   left : 270px;
   width:415px;
   display: block;
   min-height: 300px;
   line-height: 18px;
}

#droite img
{
   display : block;
   margin: 10px;
}



#spirit_bloc
{
   padding:10px 5px 5px 25px;
}
#fins_bloc
{
   padding:10px 5px 5px 25px;
}
a:active
{
   text-decoration:none;
}
a#fins
{
   text-decoration:none;
   background-image: url(../images/titre_profins.gif);
   width:142px;
   height:32px; 
   padding:10px 55px 5px 10px; 
}
a#fins:hover
{
   background-image: url(../images/titre_profins_h.gif);
   width:142px;
   height:32px;
}

a#spiritueux
{
   text-decoration:none;   
   background-image: url(../images/titre_spiritueux.gif);
   width:126px;
   height:41px; 
   padding:10px 55px 5px 10px;
}
a#spiritueux:hover
{
   text-decoration:none;   
   background-image: url(../images/titre_spiritueux_h.gif);
   width:126px;
   height:41px;

   padding:10px 55px 5px 10px;
}

h4#erable
{
   background-image: url(../images/titre_douceheure.gif);
   width:162px;
   height:28px;	
   margin:5px 0 0 30px;   
}

h2#contact
{
   background-image: url(../images/h3_contact.jpg);
   width:152px;
   height:49px;	
   margin:0 0 0 25px;
   padding:0;    
}

h2#ventes
{
   background-image: url(../images/ventes.jpg);
   width:400px;
   height:46px;	
   margin:0 0 0 25px;
   padding:0;    
}

h2#horaire
{
   background-image: url(../images/h3_horaire.jpg);
   width:152px;
   height:49px;	
   margin:25px 0 15px 0;
   padding:0;    
}

h2#activite
{
   background-image: url(../images/h3_activite.jpg);
   width:176px;
   height:40px;	
   margin:0 0 0 25px;
   padding:0;    
}

h2#produit
{
   background-image: url(../images/titre_produits.gif);
   width:172px;
   height:49px;	
   margin:0 0 0 25px;
   padding:0;    
}

h2#propos
{
   background-image: url(../images/titre_apropos.gif);
   width:171px;
   height:49px;	
   margin:0 0 0 25px;
   padding:0; 
}
span
{
   visibility:hidden;
}

#droite p 
{
   
   color:#363636;
   text-align: left;
   font-size:11px;
   margin-bottom: 10px;

   
   
}


ul
{
   margin-top: 10px;
   margin-bottom: 10px;
   
   font-size:11px;
   margin-left: 15px;
      color:#363636;

}


h2
{
   
   text-align: left;
   font-size: 11pt;
   color : #3773b7;
   margin-bottom: 5px;

}

h3
{
   text-align: left;
   font-size: 9pt;
   color : #f3b20b;
}

h4
{
   text-align: left;
   font-size: 9pt;
   color : #2969b0;
   margin-top:10px;
}




/*#ca_avril
{
   background-image:url(../images/avril.jpg);
   width:149px;
   height:421px;  
   position:absolute;
   top:0;
   left:0;  
}*/


/**********************************************/
/******** DIV des vins et produits fins *******/
/**********************************************/

div.item_vin
{
   padding: 30px 25px 10px 30px;
   /*float: right;*/
   /*margin: 0 0 20px 0;*/
   height: 400px;
   position: relative;
   font-family: trebuchet ms, verdana, arial, helvetica, sans ms;
   font-size: 80%;
}

div.item_vin p, div.item_fins p
{
   width: 350px;
   padding: 5px 0 10px 0;
}

img.sous_titre
{
   padding: 60px 5px 0 30px;
}

img.sous_titre2
{
   padding: 25px 5px 0 30px;
}

img.bouteille
{
   position: absolute;
   top: 0;
   right: 0;
}

img.taux
{
   padding: 10px 0 0 0;
}

div.item_fins
{
   padding: 30px 25px 10px 30px;
   font-family: trebuchet ms, verdana, arial, helvetica, sans ms;
   font-size: 80%;
}

div.item_fins h4
{
   font-weight: bold;
   color: #a83013;
   font-size: 120%;
   padding: 5px 0 5px 0;
}

div.item_contact
{
   padding: 30px 0 231px 30px;
   font-family: trebuchet ms, verdana, arial, helvetica, sans ms;
   font-size: 90%;
   line-height: 1.7em;
}

div.item_contact h4
{
   font-size: 130%;
   color: #a83013;
   padding: 5px 0 5px 0;
   font-weight: normal;
}

div.item_contact ul
{
   margin: 0;
   padding: 10px 0 20px 25px;
   list-style-image: url(../images/feuille2.gif);
   line-height: 1.2em;
}

div.item_contact ul li
{
   padding: 5px 0 0 0;
}

div.item_contact h4.titre_ventes
{
   font-size: 120%;
   padding: 5px 25px 5px 0;
}

/* ----------------- Pied de page ---------------------------- */


#footer
{
   background-image: url(../images/footer.jpg);
   width:720px;
   height:33px;
   background-position:center;
   /*position:absolute;
   top:700px;*/
   /*clear:both;*/

}


i
{
   color: grey;
   font-style: italic;
}