body {
margin: 0;
padding: 0;
background-color:#FEFFB7;
font: 80% verdana, arial, sans-serif;
}

dl, dt, dd, ul, li{
margin: 0;
padding: 0;
list-style-type: none;
}

p {
font-weight: 900 ;
margin-top: 20px;
padding-left:10px;
padding-right:10px;
list-style-type: none;
}

b {
color : red;
}



#titre {
font-size : 150%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #FF6600;
padding-left:15px;
}

#soustitre {
font-size : 125%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #FF6600;
padding-left:25px;
}


a:link {color: black; text-decoration:none;}
a:visited {color: gray; text-decoration:underline;}
a:hover {color:red; text-decoration:none;}



#menu dl {
float: left;
width: 10em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-family: verdana, arial, sans-serif ;
color: black ;
font-weight: bold ;
background: #FEFFB7; 
border: 1px solid black;
}

#menu dd {
width: 10em;
border: 1px solid black;
}
#menu li {
font-weight: bold ;
text-align: center;
font-family: verdana, arial, sans-serif ;
color: black ;
background: none;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #FFCC33;
}








#cadreaccueil {
position: relative;
background-image:url(fonds/fond242.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}

#cadresommerer {
position: relative;
background-image:url(fonds/fond182.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}

#cadrehistoire {
position: relative;
background-image:url(fonds/fond242.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}

#cadregalerie {
position: relative;
background-image:url(fonds/fond081.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}

#cadrepflanzen {
position: relative;
background-image:url(fonds/fond032.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}

#cadrefloristik {
position: relative;
background-image:url(fonds/fond091.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}

#cadreblumen {
position: relative;
background-image:url(fonds/fond081.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}

#cadregefass {
position: relative;
background-image:url(fonds/fond042.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}

#cadreservice1 {
position: relative;
background-image:url(fonds/fond072.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}
#cadreservice2 {
position: relative;
background-image:url(fonds/fond072.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}
#cadreservice3 {
position: relative;
background-image:url(fonds/fond072.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}
#cadreservice4 {
position: relative;
background-image:url(fonds/fond072.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}
#cadreservice5 {
position: relative;
background-image:url(fonds/fond072.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}
#cadreservice6 {
position: relative;
background-image:url(fonds/fond072.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}

#cadrekontact {
position: relative;
background-image:url(fonds/fond282.jpg);
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 500px;
width: 980px;
border: 1px solid black; 
}







#cadrelogo {
position: relative;
margin-left: auto;
margin-right: auto;
z-index: 1;
top : 1px;
height: 78px;
width: 980px;
padding: 0px;
border: 0px solid black; 
}

#logo {
position: absolute;
top: 1px;
left: 1px;
height: 75px;
width: 75px;
z-index:100;
border: 0px solid black; 
}

#titrelogo {
position: absolute;
font-size : 350%;
text-align: left;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #12B701;
top: 20px;
left: 78px;
height: 55px;
width: 800px;
z-index:90;
border: 0px solid black; 
}
#titrelogo2 {
position: absolute;
font-size : 300%;
text-align: left;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #12B701;
top: 30px;
left: 78px;
height: 45px;
width: 600px;
z-index:90;
border:0px solid black; 
}

#slogan {
position: absolute;
font-size : 150%;
text-align: right;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #12B701;
top: 50px;
right: 1px;
height: 28px;
width: 600px;
z-index:50;
border: 0px solid black; 
}





#menu {
position: absolute;
top: 5px;
left: 40px;
height: 48px;
width: 935px;
z-index:100;
border: 0px solid black; 
}


#image {
position: absolute;
bottom : 20px;
left : 20px;
height: 430px;
width: 315px;

border: 1px solid black; 
}

#surf {
position: absolute;
overflow: auto;
z-index: 1;
bottom : 20px;
right : 19px;
height: 350px;
width: 600px;
border: 1px solid black; 
}



#copy {
position: relative;
margin: 0;
padding-top: 10px;
margin-left: auto;
margin-right: auto;
color : black;
font: 75% verdana, arial, sans-serif;
text-align: center;
z-index: 100;
top : 2px;
height: 40px;
width: 95%;
border: 0px solid black; 
}