body
{
margin:0;
padding:0;
font: 1em,Trebuchet MS,Arial,sans-serif;
color:#425d0b;
background:#f5f5dc;
font-size:em;
}
/* **********Syle du menu*********************/

.blocMenu
{
margin:0;
padding:0;
width:10%;
max-width:130px;
min-width:80px;
border:3px #bcbb4f double;
background:#BED61C;
color: #720505;
float:left;
height:512px;

}
.blocMenu dt
{font: 1em "Trebuchet MS",Arial,sans-serif;
font-weight:bold;
}
.blocMenu dd 
{font-size:small;}

.blocMenu dl, dt, dd, ul, li 
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-position:inside;
text-align:center;
}

.blocMenu a, #basDePage a 

 {
display:block;
background:#BED61C;
color:#720505;
font: 1em "Trebuchet MS",Arial,sans-serif;
font-weight:bold;
line-height:em ;
text-align:center;
text-decoration: none;
}
	
 a:hover,   a:focus,  a:active
{
	background: #bcbb4f ;
	text-decoration: underline ;
}

/********************Style du haut de page*******************/

.hautDePage
{
width:100%;
max-width:1280px;
min-width:800px;
background-color:#bed61d;
border:3px #bcbb4f double;
height:20%;
max-height:205px;
min-height:120px;
}
.banniere
{
width:100%;
margin-top:5px;
margin-bottom:5px;
margin-right:0;
margin-left:0;
}
/********************Style du bas de page*******************/
#basDePage
{
width:100%;
max-width:1280px;
min-width:800px;
background-color:#bed61d;
border:3px #bcbb4f double;
height:5%;
max-height:60px;
min-height:40px;
float:left;
}
div#basDePage li
{
float:right;
padding-left:4%;
margin:0;
}
.boutonDeDroite
{
padding-right:10%;
padding-top:1%;
font-size:0.8em;}
.boutonDeGauche
{padding-right:10%;
}
.date
{
padding-right:55%;}
/**********************************************************************************/
.conteneurAccueil
{
position:relative;
margin:0;
padding:0;
width:88%;
max-width:1023px;
min-width:630px;
height:520px;
border:#ddeb8c 3px #bcbb4f;
float:left;
overflow:auto;
}
.conteneurAccueil2
{
position:relative;
margin:0;
width:88%;
max-width:1023px;
min-width:630px;
height:520px;
border:#ddeb8c 3px #bcbb4f;
float:left;
}

/**********************************************************************************/
/********************Style Index*******************/
.haut
{
position:relative;
width:88%;
max-width:1023px;
min-width:630px;
height:100px;
margin:auto;
padding-top:1%;
text-align :center;
font-size:1.5em;
letter-spacing: 0.05em; word-spacing: 0.1em;
}
.produits
{
position:relative;
width:30%;
max-width:340px;
min-width:210px;
height:180px;
margin-left:5%;
margin-top:3%;
color:#720505;
font-size:1.2em;
line-height: 180%;
letter-spacing: 0em;
word-spacing: 0em;
float:left;

}
	
.services
{position:relative;
width:58%;
max-width:680px;
min-width:420px;
height:180px;
padding-left:1%;
margin-top:1%;
color:#7b0400;
font-size:1.1em;
line-height: 180%;
float:left;
letter-spacing: 0em;
 word-spacing: 0em;
}
.services a	
 {
color:#9f0404;
font: 1em "Trebuchet MS",Arial,sans-serif;
font-weight:bold;
line-height:em ;
text-align:center;
text-decoration: none;
}	


.fetes
{
color:#425d0b;
position:relative;
width:60%;
max-width:700px;
min-width:430px;
height:180 px;
padding-left:8%;
font-size:1.1em;
letter-spacing: 0em;
line-height: 150%;

margin-top:5%;}

#Entremet_pêches_verveine
{float:left;
padding-left:2%;
padding-right:4%;
}
#Entremet_fraises_jasmin
{float:left;
padding-right:10%;}

#odile
{position:absolute;
top:90%;
left:30%;
border:0px;
}


.produits a
{
color:#720505;
font: 1em "Trebuchet MS",Arial,sans-serif;

text-decoration: blink;
}

/* **************CSS issu des tutoriels css.alsacreations.com  et application galerie vacarme**************/
/* *******************************************************************************************/
#gal
{
margin:0;
padding:0;
position:relative;
width:88%;
max-width:1023px;
min-width:630px;
height:520px;
float:left;
text-align:center;
list-style-type:none ;
}
/* **************HORS PASSAGE SOURIS**************/
#gal a img {
text-decoration:none;
border:none;
}

.photos,.titre,.text
{
display: none;
}
#consigne 
{
color:#a40f0f;
display:block;
position:relative;
top:0;
left:2%;
font-size:0.8em;
width:100%;
height:10px;
}

/* **************AU PASSAGE SOURIS**************/
/* position image initiale*//* image projetée*/

/****************Pour IE6**********/
#gal a:hover {background: none;}
/****************Pour IE6**********/

#gal a:hover .photos
{
position:absolute;
display:block;
margin:0;
padding-top:5%;
padding-left:5%;
float:left;
border:none;
}
#gal a:hover  .titre
{
display:block;
position:absolute;
font-size : 30px;
float:left;
color:#720505;
padding-left:5%;
}
#gal a:hover .text
{
display:block;
position:absolute;
float:left;
color:#720505;
padding-left:60%;
width:300px;
height:395px;
}
.text strong
{color:#720505;
font: 1.1em "Trebuchet MS",Arial,sans-serif;
background:#f5f5dc;
text-align:center;
font-weight : bold;
}
.text em
{color:#a40f0f;
font: 1em "Trebuchet MS",Arial,sans-serif;
background:#f5f5dc;
text-align:center;
font-weight : bold;
}

/* *******************************************************************************************/

.conteneurMentionsLegales
{
margin:0;
padding-left:70px;
width:80%;
max-width:930px;
min-width:570px;
height:520px;
border:#ddeb8c 3px #bcbb4f;
overflow:scroll;
float:left;
font-size:0.7em;
}
/* ***********************Formulaire contact************************************/
#tincAppDoc
{margin:0;
margin-left:10%;
padding:0;
width:80%;
height:80%;
}
#tincAppDoc2
{margin:0;
margin-left:1%;
padding:0;
width:100%;
height:88%;
}
#textarea
{margin:0;
margin-left:1%;
padding:0;
width:50%;
height:20%;
}
/* ***********************Sites amis************************************/
.amis
{
display:block;
width:100%;
max-width:900px;
min-width:280px;
height:30%;
max-height:230px;
min-height:130px;
color:#720505;
border:#ddeb8c 3px ;
font-size:1.04em;
line-height: 140%;
letter-spacing: 0em;
word-spacing: 0em;

}
.amis2
{
display:block;
width:100%;
max-width:900px;
min-width:280px;
height:30%;
max-height:230px;
min-height:130px;
color:#425d0b;
border:#ddeb8c 3px ;
font-size:1.04em;
line-height: 140%;
letter-spacing: 0em;
word-spacing: 0em;

}

#sites  
{
padding-left:4%;
padding-right:2%;
float:left;
border:none;
}
/************Petits Fours***********/
#TitreFour
{color:#980000;
text-align:center;
word-spacing:0.1em;
font-variant:small-caps;
}
#SousTitreFour
{color:#720505;
text-transform:capitalize;
text-decoration:overline;
}
#Corps1Four
{color:#980000;
 text-align:justify;
 font-size:0.9em;
 font-family:comic;
 }
 #Corps2Four
 {color:#980000;
 text-indent:70px;
 }
.SousPartieFour
{text-transform:capitalize;
font-size:0.8em;
}
.ListeFour
{text-transform:none;
font-size:0.8em;
}
.ListeTitre
{
color:#720505;
font-size:0.9em;
font-family:comic;
}
/************EnSavoirPlus********/
.savoirPlus
{
display:block;
width:100%;
max-width:900px;
min-width:280px;
height:30%;
max-height:230px;
min-height:130px;
color:#425d0b;
border:#ddeb8c 3px ;
font-size:1.04em;
line-height: 140%;
letter-spacing: 0em;
word-spacing: 0em;
position:relative;

left:5%;

}
.savoirPlus a
{
color:#425d0b;
font-size:1.04em;
line-height: 140%;
letter-spacing: 0em;
word-spacing: 0em;
}
.savoirPlus2
{
display:block;
width:100%;
max-width:900px;
min-width:280px;
height:30%;
max-height:230px;
min-height:130px;
color:#425d0b;
border:#ddeb8c 3px ;
font-size:1.04em;
line-height: 140%;
letter-spacing: 0em;
word-spacing: 0em;
position:relative;
top:25%;
left:1%;

}