/*------------------------------------------------------------------------------------------------------------ PARTIE GENERALE--------------------------------------------------------------------------------------------------------------------------*/

*
{
padding: 0;
margin: 0;
}

body
{
background: #f1efe2 url("../design/bg_body.jpg") repeat; 
}

div#page
{
position: relative;
width: 771px;
margin: 0 auto;

}
 /*------------------------------------------------------------------------------------------------------------début PARTIE HAUTE --------------------------------------------------------------------------------------------------------------------------*/
div#top
{
width: 771px;
height: 173px;
/*border: 1px solid red;*/
}

div#top_gauche
{
float:left;
/*border: 1px solid red;*/
width: 201px;
height: 173px;
}

div#top_droite1, div#top_droite2, div#top_droite3, div#top_droite4, div#top_droite5, div#top_droite6, div#top_droite7 
{
float:left;
/*border: 1px solid red;*/
width: 569px;
height: 173px;
}

div#top_droite1_haut, div#top_droite2_haut, div#top_droite3_haut, div#top_droite4_haut, div#top_droite5_haut, div#top_droite6_haut, div#top_droite7_haut
{
position:relative;
width:569px;
height:147px;
z-index:1;
}

div#top_droite1_haut
{
background:#FFFFFF url("../design/the_feuilles_vertes.gif") no-repeat right;
}

div#top_droite2_haut
{
background:#FFFFFF url("../design/the_feuilles.jpg") no-repeat right;
}

div#top_droite3_haut
{
background:#FFFFFF url("../design/the_neige2.gif") no-repeat right;
}

div#top_droite4_haut
{
background:#FFFFFF url("../design/the_arbre2.gif") no-repeat right;
}

div#top_droite5_haut
{
background:#FFFFFF url("../design/the_branches2.jpg") no-repeat right;
}

div#top_droite6_haut
{
background:#FFFFFF url("../design/the_roses.jpg") no-repeat right;
}

div#top_droite7_haut
{
background:#FFFFFF url("../design/the_violette.gif") no-repeat right;
}


div#top_droite1_bas, div#top_droite2_bas, div#top_droite3_bas, div#top_droite4_bas, div#top_droite5_bas, div#top_droite6_bas, div#top_droite7_bas
{
width:570px;
height:26px;
position:relative;
/*border:1px solid black;*/
}

div#top_droite1_bas
{
background:transparent url("../design/accroche_accueil.gif") ;
}

div#top_droite2_bas
{
background:transparent url("../design/accroche_services.jpg");
}

div#top_droite3_bas
{
background:transparent url("../design/accroche_rayon.gif");
}

div#top_droite4_bas
{
background:transparent url("../design/accroche_photos.gif");
}

div#top_droite5_bas
{
background:transparent url("../design/accroche_contacts.jpg");
}

div#top_droite6_bas
{
background:transparent url("../design/accroche_liens.jpg");
}

div#top_droite7_bas
{
background:transparent url("../design/accroche_plan.gif");
}

div#top_droite1_bas a.accroche_lien1, div#top_droite2_bas a.accroche_lien2, div#top_droite3_bas a.accroche_lien3, div#top_droite4_bas a.accroche_lien4, div#top_droite5_bas a.accroche_lien5, div#top_droite6_bas a.accroche_lien6, div#top_droite7_bas a.accroche_lien7
{
width: 440px;
height: 26px;
/*border: 1px solid red;*/
position:absolute;
margin-left: 122px;
/*border: 1px solid yellow;*/
}

a.accroche_lien1:hover
{
background: transparent url("../design/accroche_accueil.gif") -122px -26px no-repeat;
}

a.accroche_lien2:hover
{
background: transparent url("../design/accroche_services.jpg") -122px -26px no-repeat;
}

a.accroche_lien3:hover
{
background: transparent url("../design/accroche_rayon.gif") -122px -26px no-repeat;
}

a.accroche_lien4:hover
{
background: transparent url("../design/accroche_photos.gif") -122px -26px no-repeat;
}

a.accroche_lien5:hover
{
background: transparent url("../design/accroche_contacts.jpg") -122px -26px no-repeat;
}

a.accroche_lien6:hover
{
background: transparent url("../design/accroche_liens.jpg") -122px -26px no-repeat;
}

a.accroche_lien7:hover
{
background: transparent url("../design/accroche_plan.gif") -122px -26px no-repeat;
}
 /*------------------------------------------------------ROLLOVER AVEC LOGO ACANTHE --------------------------------------------------------------*/
 
 
div#logo_general1, div#logo_general2, div#logo_general3, div#logo_general4, div#logo_general5, div#logo_general6, div#logo_general7
{
position:relative;
width: 201px;
height: 97px;
/*border: 1px solid blue;*/
z-index:2;
}

div#logo_general1
{
background:#FFFFFF url("../design/acan_accueil.gif")
}

div#logo_general2
{
background:#FFFFFF url("../design/acan_services.gif")
}

div#logo_general3
{
background:#FFFFFF url("../design/acan_rayon.gif")
}

div#logo_general4
{
background:#FFFFFF url("../design/acan_photos.gif")
}

div#logo_general5
{
background:#FFFFFF url("../design/acan_contact2.gif")
}

div#logo_general6
{
background:#FFFFFF url("../design/acan_liens.gif")
}

div#logo_general7
{
background:#FFFFFF url("../design/acan_plan.gif")
}

div#logo_general1 a.logo_lien1, div#logo_general2 a.logo_lien2, div#logo_general3 a.logo_lien3, div#logo_general4 a.logo_lien4, div#logo_general5 a.logo_lien5, div#logo_general6 a.logo_lien6, div#logo_general7 a.logo_lien7
{
width: 320px;
height: 70px;
position:absolute;
margin-top: 20px;
margin-left: 12px;
}

a.logo_lien1:hover
{
background: transparent url("../design/acan_accueil.gif") -12px -117px no-repeat;
}

a.logo_lien2:hover
{
background: transparent url("../design/acan_services.gif") -12px -117px no-repeat;
}

a.logo_lien3:hover
{
background: transparent url("../design/acan_rayon.gif") -12px -117px no-repeat;
}

a.logo_lien4:hover
{
background: transparent url("../design/acan_photos.gif") -12px -117px no-repeat;
}

a.logo_lien5:hover
{
background: transparent url("../design/acan_contact2.gif") -12px -117px no-repeat;
}

a.logo_lien6:hover
{
background: transparent url("../design/acan_liens.gif") -12px -117px no-repeat;
}

/*------------------------------------------------------ANIMATION FLASH --------------------------------------------------------------*/
 
div#anime_flash
{
width: 201px;
height: 76px;
background:transparent url("../design/flash_anime.gif") no-repeat left;
}

div#anime_flash object
{
margin-top: -20px;
}

div#anime_flash p
{
margin-left: 20px;
color: #FFFFFF;
font-weight: bold;
font-style: italic;
font-size: 12px;
}

 /*------------------------------------------------------ROLLOVER AVEC MENU PRINCIPAL --------------------------------------------------------------*/

ul#menu_cadre, ul#menu_cadre2
{
position:relative;
width: 771px;
height: 46px;
/*border: 1px solid red;*/

}
ul#menu_cadre
{
background:#FFFFFF url("../design/menu.gif");
}

ul#menu_cadre li, ul#menu_cadre2 li

{
   margin-top: 2px;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
}

ul#menu_cadre li, ul#menu_cadre a, ul#menu_cadre2 li, ul#menu_cadre2 a
{
height: 28px;
display: block;
}

#menu_accueil, #menu_accueil2
{ 
left: 14px;     
width: 117px;
/*border: 1px solid red;  */
}

#menu_services, #menu_services2
{ 
left: 133px;  
width: 122px; 
/*border: 1px solid red;   */
}

#menu_rayon, #menu_rayon2
{ 
left: 257px; 
width: 122px;
/*border: 1px solid red; */
}

#menu_photos, #menu_photos2
{ 
left: 381px; 
width: 122px; 
/*border: 1px solid red; */
}

#menu_contacts, #menu_contacts2
{ 
left: 505px; 
width: 126px;
/*border: 1px solid red;  */
}

#menu_liens, #menu_liens2
{
 left: 633px; 
 width: 126px;
/*border: 1px solid red; */  
 }
 
#menu_accueil a:hover 
{
background: transparent url("../design/menu.gif") -14px -48px no-repeat;
}


#menu_services a:hover 
{
background: transparent url("../design/menu.gif") -133px -48px no-repeat;
}


#menu_rayon a:hover 
{
background: transparent url("../design/menu.gif") -257px -48px no-repeat;
}

#menu_photos a:hover 
{
background: transparent url("../design/menu.gif") -381px -48px no-repeat;
}

#menu_contacts a:hover 
{
background: transparent url("../design/menu.gif") -505px -48px no-repeat;
}


#menu_liens a:hover 
{
background: transparent url("../design/menu.gif") -633px -48px no-repeat;
}

 
 /*------------------------------------------------------ROLLOVER AVEC MENU SECONDAIRE --------------------------------------------------------------*/

ul#menu_cadre2
{
background:#FFFFFF url("../design/menu2.gif");
}
 
#menu_accueil2 a:hover 
{
background: transparent url("../design/menu2.gif") -14px -48px no-repeat;
}


#menu_services2 a:hover 
{
background: transparent url("../design/menu2.gif") -133px -48px no-repeat;
}


#menu_rayon2 a:hover 
{
background: transparent url("../design/menu2.gif") -257px -48px no-repeat;
}

#menu_photos2 a:hover 
{
background: transparent url("../design/menu2.gif") -381px -48px no-repeat;
}

#menu_contacts2 a:hover 
{
background: transparent url("../design/menu2.gif") -505px -48px no-repeat;
}


#menu_liens2 a:hover 
{
background: transparent url("../design/menu2.gif") -633px -48px no-repeat;
}

 
 /*------------------------------------------------------------------------------------------------------------PARTIE CENTRALE --------------------------------------------------------------------------------------------------------------------------*/
div#corps
{
background:transparent url("../design/corps.gif") repeat-y left;
width: 773px;
/*border: 1px solid red;*/
}

div#corps2
{
background:transparent url("../design/corps2.gif") repeat-y left;
width: 773px;
/*border: 1px solid red;*/
}

div#corps2 div#photos_gallery
{
width: 730px;
margin-left: 20px;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
background-color:#e8e8e8;
}

div#corps2 h4
{
margin-top: 20px;
margin-left: 42px;
color: #000000;
}

div#corps2 p
{
margin-left: 42px;
margin-right: 40px;
margin-top: 10px;
font-family: times New Roman, sans-serif, arial, helvetica, verdana, "bitstream vera sans" ;
text-align: justify;
line-height:1.7em;
font-size: 1.7em;
}



.dossier
{
margin-left:15px;
margin-top: 10px;

}


/*------------------------------------------------------HAUT DE PAGE --------------------------------------------------------------*/
div#corps2 div#haut_page  
{
margin-top: 80px;
margin-left: 350px;
font-size:1.4em;
}

div#corps2 div#haut_page  a
{
text-decoration:underline;
border: none;
}

div#corps2 div#haut_page  a:hover
{
color: #9b9b9b;
text-decoration: none;
border: none;
}


/*------------------------------------------------------ROLLOVER AVEC CHANGEMENT DE TAILLE DE FONT --------------------------------------------------------------*/
 
div#corps2 ul#font1, div#corps2 ul#font2 , div#corps2 ul#font3 , div#corps2 ul#font4, div#corps2 ul#font5 , div#corps2 ul#font6, div#corps2 ul#font7  
{
float:right;
margin-top:-40px;
margin-right: 30px;
margin-bottom: 15px;
width: 73px;
height: 26px;
}

div#corps2 ul#font1
{
background: transparent url("../design/aA1.gif") no-repeat;
}

div#corps2 ul#font2
{
background: transparent url("../design/aA2.gif") no-repeat;
}

div#corps2 ul#font3
{
background: transparent url("../design/aA3.gif") no-repeat;
}

div#corps2 ul#font4
{
background: transparent url("../design/aA4.gif") no-repeat;
}

div#corps2 ul#font5
{
background: transparent url("../design/aA5.gif") no-repeat;
}

div#corps2 ul#font6
{
background: transparent url("../design/aA6.gif") no-repeat;
}

div#corps2 ul#font7
{
background: transparent url("../design/aA7.gif") no-repeat;
}

div#corps2 ul#font1 li, div#corps2 ul#font2 li, div#corps2 ul#font3 li, div#corps2 ul#font4 li, div#corps2 ul#font5 li, div#corps2 ul#font6 li, div#corps2 ul#font7 li
{   
padding: 0;
list-style: none;
position: absolute;  
}

div#corps2 ul#font1 li, ul#font1 a, div#corps2 ul#font2 li, ul#font2 a, div#corps2 ul#font3 li, ul#font3 a, div#corps2 ul#font4 li, ul#font4 a, div#corps2 ul#font5 li, ul#font5 a, div#corps2 ul#font6 li, ul#font6 a, div#corps2 ul#font7 li, ul#font7 a
{
margin-top: -1px;
height: 27px;
display: block; 
}

div#corps2 #font_small1, div#corps2 #font_small2, div#corps2 #font_small3, div#corps2 #font_small4, div#corps2 #font_small5, div#corps2 #font_small6, div#corps2 #font_small7
{   
width: 19px;
}

div#corps2 #font_big1, div#corps2 #font_big2, div#corps2 #font_big3, div#corps2 #font_big4, div#corps2 #font_big5, div#corps2 #font_big6, div#corps2 #font_big7
{ 
margin-left: 21px;  
width: 24px; 
}

div#corps2 #font_plan1 , div#corps2 #font_plan2 , div#corps2 #font_plan3 , div#corps2 #font_plan4 , div#corps2 #font_plan5 , div#corps2 #font_plan6, div#corps2 #font_plan7 
{
margin-left: 48px;  
width: 24px; 
} 
 
 
div#corps2 #font_small1 a:hover 
{
background: transparent url("../design/aA1.gif") -0px -25px no-repeat;
}

div#corps2 #font_big1 a:hover 
{
background: transparent url("../design/aA1.gif") -21px -25px no-repeat;
}

div#corps2 #font_plan1 a:hover 
{
background: transparent url("../design/aA1.gif") -48px -25px no-repeat;
}

div#corps2 #font_small2 a:hover 
{
background: transparent url("../design/aA2.gif") -0px -25px no-repeat;
}

div#corps2 #font_big2 a:hover 
{
background: transparent url("../design/aA2.gif") -21px -25px no-repeat;
}

div#corps2 #font_plan2 a:hover 
{
background: transparent url("../design/aA2.gif") -48px -25px no-repeat;
}

div#corps2 #font_small3 a:hover 
{
background: transparent url("../design/aA3.gif") -0px -25px no-repeat;
}

div#corps2 #font_big3 a:hover 
{
background: transparent url("../design/aA3.gif") -21px -25px no-repeat;
}

div#corps2 #font_plan3 a:hover 
{
background: transparent url("../design/aA3.gif") -48px -25px no-repeat;
}

div#corps2 #font_small4 a:hover 
{
background: transparent url("../design/aA4.gif") -0px -25px no-repeat;
}

div#corps2 #font_big4 a:hover 
{
background: transparent url("../design/aA4.gif") -21px -25px no-repeat;
}

div#corps2 #font_plan4 a:hover 
{
background: transparent url("../design/aA4.gif") -48px -25px no-repeat;
}

div#corps2 #font_small5 a:hover 
{
background: transparent url("../design/aA5.gif") -0px -25px no-repeat;
}

div#corps2 #font_big5 a:hover 
{
background: transparent url("../design/aA5.gif") -21px -25px no-repeat;
}

div#corps2 #font_plan5 a:hover 
{
background: transparent url("../design/aA5.gif") -48px -25px no-repeat;
}

div#corps2 #font_small6 a:hover 
{
background: transparent url("../design/aA6.gif") -0px -25px no-repeat;
}

div#corps2 #font_big6 a:hover 
{
background: transparent url("../design/aA6.gif") -21px -25px no-repeat;
}

div#corps2 #font_plan6 a:hover 
{
background: transparent url("../design/aA6.gif") -48px -25px no-repeat;
}

div#corps2 #font_small7 a:hover 
{
background: transparent url("../design/aA7.gif") -0px -25px no-repeat;
}

div#corps2 #font_big7 a:hover 
{
background: transparent url("../design/aA7.gif") -21px -25px no-repeat;
}

div#corps2 #font_plan7 a:hover 
{
background: transparent url("../design/aA7.gif") -48px -25px no-repeat;
}

div#corps2 div#photos_gallery img
{
border: 1px solid #000000;
}

div#corps2 div#photos_gallery img:hover
{
border: 1px solid #738ec6;
}

#pop{ /* fausse popup */
position:absolute;
left:3px;
top:3px;
display:none;
z-index:200;
background-color:#000;
border:3px outset;
}

#tet{ /* titre */
cursor:move;
background-color:green;
font:12px/18px "Comic Sans MS", "Times New Roman", Times, serif;
color:white;
padding:0 20px 0 .5em;
}
#tet img{ /* croix pour fermer */
position:absolute;
right:0;
top:0;
height:14px;
width:16px;
cursor:default;
margin:2px 1px 1px;
border:0
}

div#bandeau
{
width:515px;
height:50px;
margin-left: 15px;
}


 /*------------------------------------------------------ROLLOVER AVEC TITRE PHOTOS--------------------------------------------------------------*/
 
div#bandeau_photos_jardins, div#bandeau_photos_entretien, div#bandeau_photos_elagage, div#bandeau_photos_prestations_diverses, div#bandeau_photos_champignons, div#bandeau_photos_fontainebleau, div#bandeau_photos_reunion, div#bandeau_photos_reunion2, div#bandeau_photos_giverny, div#bandeau_photos_suede, div#bandeau_photos_maroc, div#bandeau_photos_guadeloupe, div#bandeau_photos_fournisseurs
{
position:relative;
width:515px;
height:50px;
margin-left: 15px;
/*border: 1px solid red;*/
}

div#bandeau_photos_jardins
{
background:transparent url("../design/jardins.gif") no-repeat;
}

div#bandeau_photos_entretien
{
background:transparent url("../design/entretien.gif") no-repeat;
}
div#bandeau_photos_elagage
{
background:transparent url("../design/elagage.gif") no-repeat;
}
div#bandeau_photos_prestations_diverses
{
background:transparent url("../design/prestations_diverses.gif") no-repeat;
}
div#bandeau_photos_champignons
{
background:transparent url("../design/champignons.gif") no-repeat;
}
div#bandeau_photos_fontainebleau
{
background:transparent url("../design/fontainebleau.gif") no-repeat;
}
div#bandeau_photos_reunion
{
background:transparent url("../design/reunion.gif") no-repeat;
}

div#bandeau_photos_reunion2
{
background:transparent url("../design/reunion2.gif") no-repeat;
}

div#bandeau_photos_giverny
{
background:transparent url("../design/giverny.gif") no-repeat;
}

div#bandeau_photos_suede
{
background:transparent url("../design/suede.gif") no-repeat;
}
div#bandeau_photos_maroc
{
background:transparent url("../design/maroc.gif") no-repeat;
}

div#bandeau_photos_guadeloupe
{
background:transparent url("../design/guadeloupe.gif") no-repeat;
}

div#bandeau_photos_fournisseurs
{
background:transparent url("../design/fournisseurs.gif") no-repeat;
}

div#bandeau_photos_jardins a.bandeau_photos_jardins_liens, div#bandeau_photos_entretien a.bandeau_photos_entretien_liens, div#bandeau_photos_elagage a.bandeau_photos_elagage_liens, div#bandeau_photos_prestations_diverses a.bandeau_photos_prestations_diverses_liens, div#bandeau_photos_champignons a.bandeau_photos_champignons_liens, div#bandeau_photos_fontainebleau a.bandeau_photos_fontainebleau_liens, div#bandeau_photos_giverny a.bandeau_photos_giverny_liens, div#bandeau_photos_reunion a.bandeau_photos_reunion_liens, div#bandeau_photos_suede a.bandeau_photos_suede_liens, div#bandeau_photos_maroc a.bandeau_photos_maroc_liens, div#bandeau_photos_reunion2 a.bandeau_photos_reunion2_liens, div#bandeau_photos_guadeloupe a.bandeau_photos_guadeloupe_liens, div#bandeau_photos_fournisseurs a.bandeau_photos_fournisseurs_liens
{

width: 190px;
height: 45px;
position: absolute;
margin-top: 2px;
}

div#bandeau_photos_jardins a.bandeau_photos_jardins_liens:hover
{
background:transparent url("../design/jardins.gif") 0 -52px no-repeat;
}

div#bandeau_photos_entretien a.bandeau_photos_entretien_liens:hover
{
background:transparent url("../design/entretien.gif") 0 -52px no-repeat;
}

div#bandeau_photos_elagage a.bandeau_photos_elagage_liens:hover
{
background:transparent url("../design/elagage.gif") 0px -52px no-repeat;
}

div#bandeau_photos_prestations_diverses a.bandeau_photos_prestations_diverses_liens:hover
{
background:transparent url("../design/prestations_diverses.gif") 0 -52px no-repeat;
}

div#bandeau_photos_giverny a.bandeau_photos_giverny_liens:hover
{
background:transparent url("../design/giverny.gif") 0 -52px no-repeat;
}

div#bandeau_photos_champignons a.bandeau_photos_champignons_liens:hover
{
background:transparent url("../design/champignons.gif") 0 -52px no-repeat;
}

div#bandeau_photos_fontainebleau a.bandeau_photos_fontainebleau_liens:hover
{
background:transparent url("../design/fontainebleau.gif") 0 -52px no-repeat;
}

div#bandeau_photos_reunion a.bandeau_photos_reunion_liens:hover
{
background:transparent url("../design/reunion.gif") 0 -52px no-repeat;
}

div#bandeau_photos_reunion2 a.bandeau_photos_reunion2_liens:hover
{
background:transparent url("../design/reunion2.gif") 0 -52px no-repeat;
}

div#bandeau_photos_suede a.bandeau_photos_suede_liens:hover
{
background:transparent url("../design/suede.gif") 0 -52px no-repeat;
}

div#bandeau_photos_maroc a.bandeau_photos_maroc_liens:hover
{
background:transparent url("../design/maroc.gif") 0 -52px no-repeat;
}

div#bandeau_photos_entretien a.bandeau_photos_entretien_liens:hover
{
background:transparent url("../design/entretien.gif") 0 -52px no-repeat;
}

div#bandeau_photos_guadeloupe a.bandeau_photos_guadeloupe_liens:hover
{
background:transparent url("../design/guadeloupe.gif") 0 -52px no-repeat;
}

div#bandeau_photos_fournisseurs a.bandeau_photos_fournisseurs_liens
{
background:transparent url("../design/fournisseurs.gif") 0 -52px no-repeat;
}

 /*------------------------------------------------------BANDEAU DOSSIER --------------------------------------------------------------*/

div#bandeau_dossier_jardin, div#bandeau_dossier_champignons, div#bandeau_dossier_bois, div#bandeau_dossier_oiseaux, div#bandeau_dossier_insectes, div#bandeau_dossier_fleurs
{
position:relative;
width:620px;
height:50px;
margin-left: 15px;
/*border: 1px solid red;*/
}

div#bandeau_dossier_jardin

{
background:transparent url("../design/memento_jardin.gif") no-repeat;
}

div#bandeau_dossier_champignons

{
background:transparent url("../design/memento_champignons.gif") no-repeat;
}

div#bandeau_dossier_bois

{
background:transparent url("../design/memento_bois.gif") no-repeat;
}

div#bandeau_dossier_oiseaux

{
background:transparent url("../design/memento_oiseaux.gif") no-repeat;
}

div#bandeau_dossier_insectes

{
background:transparent url("../design/memento_insectes.gif") no-repeat;
}

div#bandeau_dossier_fleurs

{
background:transparent url("../design/memento_fleurs.gif") no-repeat;
}

div#bandeau_dossier_jardin a.bandeau_dossier_jardin_liens
{
width: 137px;
height: 45px;
position: absolute;
margin-top: 2px;
}

div#bandeau_dossier_champignons a.bandeau_dossier_champignons_liens
{
width: 200px;
height: 45px;
position: absolute;
margin-top: 2px;
}

div#bandeau_dossier_bois a.bandeau_dossier_bois_liens
{
width: 320px;
height: 45px;
position: absolute;

}

div#bandeau_dossier_oiseaux a.bandeau_dossier_oiseaux_liens
{
width: 184px;
height: 45px;
position: absolute;
}

div#bandeau_dossier_insectes a.bandeau_dossier_insectes_liens
{
width: 247px;
height: 45px;
position: absolute;

}

div#bandeau_dossier_fleurs a.bandeau_dossier_fleurs_liens
{
width: 190px;
height: 45px;
position: absolute;
}

div#bandeau_dossier_jardin a.bandeau_dossier_jardin_liens:hover
{
background:transparent url("../design/memento_jardin.gif") 0 -52px no-repeat;
}

div#bandeau_dossier_champignons a.bandeau_dossier_champignons_liens:hover
{
background:transparent url("../design/memento_champignons.gif") 0 -52px no-repeat;
}

div#bandeau_dossier_bois a.bandeau_dossier_bois_liens:hover

{
background:transparent url("../design/memento_bois.gif") 0 -50px no-repeat;
}

div#bandeau_dossier_oiseaux a.bandeau_dossier_oiseaux_liens:hover

{
background:transparent url("../design/memento_oiseaux.gif") 0 -50px no-repeat;
}

div#bandeau_dossier_insectes a.bandeau_dossier_insectes_liens:hover

{
background:transparent url("../design/memento_insectes.gif") 0 -50px no-repeat;
}

div#bandeau_dossier_fleurs a.bandeau_dossier_fleurs_liens:hover

{
background:transparent url("../design/memento_fleurs.gif") 0 -50px no-repeat;
}

 /*------------------------------------------------------PANNEAU GAUCHE  CENTRAL (DOSSIERS) --------------------------------------------------------------*/

#panneau_central
{
width:750px;
/*height:400px;*/
padding-bottom: 20px;
}


#panneau_gauche
{
float:left;
width:520px;
/*height:400px;*/
padding-bottom: 20px;
}

div#panneau_gauche h4, div#panneau_central h4
{
margin-left: 42px;
margin-top: 10px;
margin-right:35px;
font-family: times New Roman, sans-serif, arial, helvetica, verdana, "bitstream vera sans";
color: #000000;
text-align: left;
font-size: 1.4em;
}

div#panneau_gauche h1, div#panneau_central h1
{
margin-left: 20px;
margin-top: 70px;
margin-right:35px;
font-family: times New Roman, sans-serif, arial, helvetica, verdana, "bitstream vera sans";
color: #a5ba30;
text-align: left;
font-size: 1.7em;

}

div#panneau_gauche p, div#panneau_central p
{
margin-left: 42px;
margin-right: 36px;
margin-top: 10px;
font-family: times New Roman, sans-serif, arial, helvetica, verdana, "bitstream vera sans" ;
text-align: justify;
line-height:1.5em;
margin-bottom: 20px;
font-size: 1.4em;
}


div#panneau_gauche a, div#panneau_central a
{
text-decoration: none;
color: #000000;
border-bottom: 1px black dashed;
}

div#panneau_gauche a:hover, div#panneau_central a:hover
{
text-decoration: none;
color: #000000;
border-bottom: none;
}

div#panneau_gauche span#mail a
{
text-decoration: none;
border: none;
}


div#panneau_gauche span#mail a:hover
{
background: #f2fff5;
color: #127f09;
}

div#panneau_gauche img
{
margin-top: 0px;
margin-left: 50px;
}

div#panneau_gauche .photo_standard a
{
border-bottom: none
} 


div#panneau_gauche .photo_standard img 
{
text-decoration: none;
border: 1px solid #bcb8b9;
margin-top: -20px;
margin-left: 50px;
}

div#panneau_gauche .photo_standard img:visited
{
text-decoration: none;
border: none;

}


div#panneau_gauche #erreur
{
float: left;
margin-top: 5px;
margin-left: 18px;
}

div#panneau_gauche div#adresse
{
width:400px;
/*border:1px solid black;*/
margin-top: 2em;
margin-left:1px;
font-size: 1em;
}


div#panneau_gauche div#adresse p
{
text-align:left;
color:#222222;
}

div#panneau_gauche .important
{
color: #db7020;
font-size: 110%;
text-align: center;
background: #fffaf2;
font-size: 1.2em;
}

div#panneau_central .important
{
color: #f14e25;
text-align: center;
font-size: 1.2em;
}

div#panneau_central  ul#arrosage_liste, ul#elagage_liste, ul#debroussaillage_liste
{
margin-left: 80px;
line-height: 1.5em;
text-align:left;
font-size: 1.35em;
}

div#panneau_central .photo_droite img
{
float:right;
margin-right: 30px;
margin-left: 30px;
margin-top: 10px;
border: 1px solid #dddddd;
}
div#panneau_central .photo_gauche img
{
float:left;
margin-right: 30px;
margin-left: 40px;
margin-top: 10px;
border: 1px solid #dddddd;
}

div#panneau_central div#plan p
{
border: none;
margin-left: 75px;
font-size:1.3em;
}

div#panneau_central div#plan a
{
border: none;
}

div#panneau_central div#plan a:hover
{
border: none;
background: #e3deec;
color:#4d3f69;
}

div#plan .titre_plan_h3
{
margin-left: 42px;
font-weight: bold;
margin-bottom: 10px;
color: #644f8e;
font-size: 1.7em;
font-style: italic;

}

div#plan .titre_plan_h4
{
margin-left: 60px;
font-weight: bold;
margin-bottom: 10px;
font-size:1.4em;
}


 /*------------------------------------------------------LISTE "NOS SERVICES" --------------------------------------------------------------*/
 
div#panneau_gauche ul#corps_liste
{
width: 420px;
margin-left: 90px;
margin-bottom: 35px;
line-height: 35px;
font-family: times New Roman, sans-serif, arial, helvetica, verdana, "bitstream vera sans" ;
list-style-position: outside;
text-align: left;
list-style-type: disc;
/*list-style-image : url(../images/puce.gif);*/
font-size: 1.4em;;
}

div#panneau_gauche ul#corps_liste li:first-letter
{
margin-top: 1em;
font-size : 120%;
color:#ce680d;
font-weight:bold;
border: none;
}


div#panneau_gauche ul#corps_liste span
{
font-size : 100%;
font-style: italic;
}

 /*------------------------------------------------------LISTE "NOS LIENS" --------------------------------------------------------------*/

div#panneau_gauche #liens_liste ul 
{
list-style-type: none;
}


div#panneau_gauche #liens_liste h4
{
width: 400px;
margin-left: 85px;
margin-bottom: 8px;
margin-top: 20px;
border-bottom: 2px solid #fb7d6f;
color:#222222;
text-align:left;
font-weight:bold;
font-size: 1.4em;
}

div#panneau_gauche #liens_liste h4:first-letter

{
margin-top: 2em;
font-size : 1.7em;
color:#000000;
font-weight:bold;
border: none;
}

div#panneau_gauche #liens_liste  ul.liens a
{
padding-left:2em;
color: #222222;
display: block;
width:355px;
margin-left: 85px;
text-align: left;
line-height: 1.4em;
text-decoration: none;
border-bottom: 0;
font-size: 1.4em;
}

div#panneau_gauche #liens_liste ul.liens a:hover
{
background: #fbefee url("../design/loupe2.jpg") right no-repeat;
color: #ea7366;
font-weight:bold;
}



 /*------------------------------------------------------LISTE "NOS PHOTOS" --------------------------------------------------------------*/


div#panneau_gauche #photos_liste  h4

{
width: 355px;
margin-left: 100px;
margin-bottom: 7px;
margin-top: 20px;
border-bottom: 2px solid #a8b8c8;
color:#222222;
text-align:left;
font-weight:bold;
font-size: 1.4em;
}

div#panneau_gauche #photos_liste h4:first-letter

{
margin-top: 2em;
font-size : 1.7em;
color:#000000;
font-weight:bold;
border: none;
}


div#panneau_gauche #photos_liste ul
{
list-style-type: none;
} 


div#panneau_gauche #photos_liste  ul.photos_liste_liens a
{
padding-left:2em;
color: #222222;
display: block;
width:310px;
margin-left: 100px;
text-align: left;
line-height: 1.4em;
text-decoration: none;
border-bottom: 0;
font-size: 1.4em;
}

div#panneau_gauche #photos_liste ul.photos_liste_liens a:hover
{
background: #eaeffa url("../design/loupe1.jpg") right no-repeat;
color: #6371d8;
font-weight:bold;
}

 /*------------------------------------------------------FORMULAIRE "NOUS CONTACTER" --------------------------------------------------------------*/


div#panneau_gauche #formulaire 
{
width: 474px;
margin-left: 45px;
}
div#panneau_gauche #formulaire form
{
background-color:#fbfbf6;
width: 474px;
margin-top: 10px;
}
div#panneau_gauche #formulaire form p
{
margin-left: 2px;
margin-top: 0em;
text-align: left;
}

div#panneau_gauche #formulaire legend 
{
font-family:"trebuchet ms",sans-serif;
color:#adc121;
font-size: 1.4em;
font-weight:bold;
}

div#panneau_gauche #formulaire label
{
line-height: 30px;
margin-left: 2px;
margin-right: 7px;
font-size:1em;
}

div#panneau_gauche #formulaire #panel_gauche_f
{
float:left;
width :230px;
/*border: 1px solid black;*/
}

div#panneau_gauche #formulaire #panel_gauche_d
{
float:left;
width :240px;
/*border: 2px solid black;*/
}


div#panneau_gauche #formulaire input.text
{
background-color:white;
font-family:"trebuchet ms",sans-serif;
color:black;
height: 20px;
margin-top: 0em;
text-align: center;
width: 220px;
}

div#panneau_gauche #formulaire input.text2
{
background-color:white;
font-family:"trebuchet ms",sans-serif;
color:black;
height: 1.3em;
margin-top: 0em;
text-align: center;
width: 95px;
}

div#panneau_gauche #formulaire input.text3
{
background-color:white;
font-family:"trebuchet ms",sans-serif;
color:black;
height: 1.3em;
margin-top: 0em;
text-align: center;
width: 40px;
}

div#panneau_gauche #formulaire input.boutton
{
border:1px solid black;
background-color:#95a82a;
font-family:"trebuchet ms",sans-serif;
color:#f7f7f7;
}

div#panneau_gauche #formulaire input.boutton:hover

{
background-color: #b0c538;
}

div#panneau_gauche #formulaire input.boutton:active
{
background-color: #f7f7f7;
color:black;
}

#formulaire_nota
{
font-size: 1em;
text-align:right;
margin-left: 10px;
font-style: italic;
color:#adc121;
}

 /*------------------------------------------------------PANNEAU DROIT--------------------------------------------------------------*/
 
div#panneau_droit
{
float:left;
width:248px;

}
 /*------------------------------------------------------ROLLOVER AVEC CHANGEMENT DE TAILLE DE FONT2--------------------------------------------------------------*/


div#panneau_droit ul#font1, div#panneau_droit ul#font2 , div#panneau_droit ul#font3 , div#panneau_droit ul#font4, div#panneau_droit ul#font5 , div#panneau_droit ul#font6 
{
margin-left: 26px;
margin-bottom: 20px;
width: 200px;
height: 27px;
position:relative;
margin-top: -45px;
}

div#panneau_droit ul#font1
{
background: transparent url("../design/aAi1.gif") no-repeat;
}

div#panneau_droit ul#font2
{
background: transparent url("../design/aAi2.gif") no-repeat;
}

div#panneau_droit ul#font3
{
background: transparent url("../design/aAi3.gif") no-repeat;
}

div#panneau_droit ul#font4
{
background: transparent url("../design/aAi4.gif") no-repeat;
}

div#panneau_droit ul#font5
{
background: transparent url("../design/aAi5.gif") no-repeat;
}

div#panneau_droit ul#font6
{
background: transparent url("../design/aAi6.gif") no-repeat;
}

div#panneau_droit ul#font1 li, div#panneau_droit ul#font2 li, div#panneau_droit ul#font3 li, div#panneau_droit ul#font4 li, div#panneau_droit ul#font5 li, div#panneau_droit ul#font6 li
{
padding: 0;
list-style: none;
position: absolute;
}

div#panneau_droit ul#font1 li, ul#font1 a, div#panneau_droit ul#font2 li, ul#font2 a, div#panneau_droit ul#font3 li, ul#font3 a, div#panneau_droit ul#font4 li, ul#font4 a, div#panneau_droit ul#font5 li, ul#font5 a, div#panneau_droit ul#font6 li, ul#font6 a

{
margin-top: -1px;
height: 27px;
display: block;  
}

div#panneau_droit #font_small1, div#panneau_droit #font_small2, div#panneau_droit #font_small3, div#panneau_droit #font_small4, div#panneau_droit #font_small5, div#panneau_droit #font_small6
{   
width: 19px;
}

div#panneau_droit #font_big1, div#panneau_droit #font_big2, div#panneau_droit #font_big3, div#panneau_droit #font_big4, div#panneau_droit #font_big5,div#panneau_droit #font_big6
{ 
margin-left: 21px;  
width: 24px; 
}

div#panneau_droit #font_plan1, div#panneau_droit #font_plan2, div#panneau_droit #font_plan3, div#panneau_droit #font_plan4, div#panneau_droit #font_plan5, div#panneau_droit #font_plan6
{
margin-left: 49px;  
width: 24px; 
}

 
div#panneau_droit #font_small1 a:hover 
{
background: transparent url("../design/aAi1.gif") -0px -25px no-repeat;
width: 200px;
}


div#panneau_droit #font_big1 a:hover 
{
background: transparent url("../design/aAi1.gif") -21px -52px no-repeat;
width: 180px;
}

div#panneau_droit #font_plan1 a:hover 
{
background: transparent url("../design/aAi1.gif") -49px -79px no-repeat;
width: 150px;
}

div#panneau_droit #font_small2 a:hover 
{
background: transparent url("../design/aAi2.gif") -0px -25px no-repeat;
width: 200px;
}


div#panneau_droit #font_big2 a:hover 
{
background: transparent url("../design/aAi2.gif") -21px -52px no-repeat;
width: 180px;
}

div#panneau_droit #font_plan2 a:hover 
{
background: transparent url("../design/aAi2.gif") -49px -79px no-repeat;
width: 150px;
}

div#panneau_droit #font_small3 a:hover 
{
background: transparent url("../design/aAi3.gif") -0px -25px no-repeat;
width: 200px;
}

div#panneau_droit #font_big3 a:hover 
{
background: transparent url("../design/aAi3.gif") -21px -52px no-repeat;
width: 180px;
}

div#panneau_droit #font_plan3 a:hover 
{
background: transparent url("../design/aAi3.gif") -49px -79px no-repeat;
width: 150px;
}

div#panneau_droit #font_small4 a:hover 
{
background: transparent url("../design/aAi4.gif") -0px -25px no-repeat;
width: 200px;
}


div#panneau_droit #font_big4 a:hover 
{
background: transparent url("../design/aAi4.gif") -21px -52px no-repeat;
width: 180px;
}

div#panneau_droit #font_plan4 a:hover 
{
background: transparent url("../design/aAi4.gif") -49px -79px no-repeat;
width: 150px;
}

div#panneau_droit #font_small5 a:hover 
{
background: transparent url("../design/aAi5.gif") -0px -25px no-repeat;
width: 200px;
}


div#panneau_droit #font_big5 a:hover 
{
background: transparent url("../design/aAi5.gif") -21px -52px no-repeat;
width: 180px;
}

div#panneau_droit #font_plan5 a:hover 
{
background: transparent url("../design/aAi5.gif") -49px -79px no-repeat;
width: 150px;
}

div#panneau_droit #font_small6 a:hover 
{
background: transparent url("../design/aAi6.gif") -0px -25px no-repeat;
width: 200px;
}


div#panneau_droit #font_big6 a:hover 
{
background: transparent url("../design/aAi6.gif") -21px -52px no-repeat;
width: 180px;
}

div#panneau_droit #font_plan6 a:hover 
{
background: transparent url("../design/aAi6.gif") -49px -79px no-repeat;
width: 150px;
} 


 /*------------------------------------------------------ROLLOVER AVEC IMAGE DROITE (CLICHES) --------------------------------------------------------------*/

div#panneau_droit div#cliches1, div#panneau_droit div#cliches2, div#panneau_droit div#cliches3, div#panneau_droit div#cliches4, div#panneau_droit div#cliches5, div#panneau_droit div#cliches6
{
position: relative;
width:215px;
height:195px;
margin-left:18px;
margin-top: -15px;

}

div#panneau_droit div#cliches1
{
background: transparent url("../design/cliches1.jpg") no-repeat ;
}

div#panneau_droit div#cliches2
{
background: transparent url("../design/cliches2.jpg") no-repeat ;
}

div#panneau_droit div#cliches3
{
background: transparent url("../design/cliches3.jpg") no-repeat ;
}

div#panneau_droit div#cliches4
{
background: transparent url("../design/cliches4.jpg") no-repeat ;
}

div#panneau_droit div#cliches5
{
background: transparent url("../design/cliches55.jpg") no-repeat ;
}

div#panneau_droit div#cliches6
{
background: transparent url("../design/cliches6.jpg") no-repeat ;
}



div#panneau_droit a.cliches_accueil, div#panneau_droit a.cliches_services, div#panneau_droit a.cliches_rayon, div#panneau_droit a.cliches_photos, div#panneau_droit a.cliches_contacts, div#panneau_droit a.cliches_liens
{
position : absolute;
height: 160px;
width:204px;
margin-top: 0px;
margin-left: 10px;
}

div#panneau_droit a.cliches_accueil:hover 
{
background: transparent url("../design/cliches1.jpg") -230px 0px no-repeat;
}


div#panneau_droit a.cliches_rayon:hover 
{
background: transparent url("../design/cliches3.jpg") -230px 0px no-repeat;
}


div#panneau_droit a.cliches_photos:hover 
{
background: transparent url("../design/cliches4.jpg") -230px 0px no-repeat;
}


div#panneau_droit a.cliches_contacts:hover 
{
background: transparent url("../design/cliches55.jpg") -230px 0px no-repeat;
}


div#panneau_droit a.cliches_liens:hover 
{
background: transparent url("../design/cliches6.jpg") -230px 0px no-repeat;
}

div#panneau_droit a.cliches_services:hover 
{
background: transparent url("../design/cliches2.jpg") -230px 0px no-repeat;
}

div#panneau_droit #pense_bete1, div#panneau_droit #pense_bete2, div#panneau_droit #pense_bete3, div#panneau_droit #pense_bete4, div#panneau_droit #pense_bete5, div#panneau_droit #pense_bete6
{
width:190px;
margin-left: 32px;
margin-top: -10px;
}

div#panneau_droit #pense_bete1
{
background-color: #f4fbf1;
border: 1px solid #b7cba7;
}

div#panneau_droit #pense_bete2
{
background-color: #fffaf2;
border: 1px solid #fc9f59;
}

div#panneau_droit #pense_bete3
{
background-color: #fcfff6;
border: 1px solid #bed19d;
}

div#panneau_droit #pense_bete4
{
background-color: #f8f9fc;
border: 1px solid #c3d2ee;
}


div#panneau_droit #pense_bete5
{
background-color: #fbfbf6;
border: 1px solid #e1e1de;
}

div#panneau_droit #pense_bete6
{
background-color: #fffafa;
border: 1px solid #fdc2aa;
}


 /*------------------------------------------------------PENSE BETE --------------------------------------------------------------*/
 
div#panneau_droit #pense_bete2 h4 img, div#panneau_droit #pense_bete1 h4 img, div#panneau_droit #pense_bete3 h4 img, div#panneau_droit #pense_bete4 h4 img, div#panneau_droit #pense_bete5 h4 img, div#panneau_droit #pense_bete6 h4 img
{
margin-bottom: 0px;
margin-left: 0px;
}

div#panneau_droit #pense_bete1 p, div#panneau_droit #pense_bete2 p, div#panneau_droit #pense_bete3 p, div#panneau_droit #pense_bete4 p, div#panneau_droit #pense_bete5 p, div#panneau_droit #pense_bete6 p 
{
font-family: times New Roman, sans-serif, arial, helvetica, verdana, "bitstream vera sans" ;
text-align: justify;
line-height:1.5em;
font-style: italic;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
font-size: 1.15em;
}

 /*------------------------------------------------------ROLLOVER AVEC SAVOIR PLUS --------------------------------------------------------------*/

div#panneau_droit div#savoirplus1, div#panneau_droit div#savoirplus2, div#panneau_droit div#savoirplus3, div#panneau_droit div#savoirplus4, div#panneau_droit div#savoirplus5, div#panneau_droit div#savoirplus6
{
position:relative;
width:130px;
height:29px;
margin-left: 56px;
margin-top: 10px;
margin-bottom:10px;
}

div#panneau_droit div#savoirplus1
{
background:transparent url("../design/savoirplus1.gif") no-repeat;

}

div#panneau_droit div#savoirplus2
{
background:transparent url("../design/savoirplus2.gif") no-repeat;
}

div#panneau_droit div#savoirplus3
{
background:transparent url("../design/savoirplus3.gif") no-repeat;
}

div#panneau_droit div#savoirplus4
{
background:transparent url("../design/savoirplus4.gif") no-repeat;
}

div#panneau_droit div#savoirplus5
{
background:transparent url("../design/savoirplus5.gif") no-repeat;
}

div#panneau_droit div#savoirplus6
{
background:transparent url("../design/savoirplus6.gif") no-repeat;
}

div#panneau_droit a.savoirplus_lien1, div#panneau_droit a.savoirplus_lien2, div#panneau_droit a.savoirplus_lien3, div#panneau_droit a.savoirplus_lien4, div#panneau_droit a.savoirplus_lien5, div#panneau_droit a.savoirplus_lien6 
{
position:absolute;
width:130px;
height:27px;
}

div#panneau_droit a.savoirplus_lien1:hover
{
background:transparent url("../design/savoirplus1.gif") 0px -29px  no-repeat;
}

div#panneau_droit a.savoirplus_lien2:hover
{
background:transparent url("../design/savoirplus2.gif") 0px -29px  no-repeat;
}

div#panneau_droit a.savoirplus_lien3:hover
{
background:transparent url("../design/savoirplus3.gif") 0px -29px  no-repeat;
}

div#panneau_droit a.savoirplus_lien4:hover
{
background:transparent url("../design/savoirplus4.gif") 0px -29px  no-repeat;
}

div#panneau_droit a.savoirplus_lien5:hover
{
background:transparent url("../design/savoirplus5.gif") 0px -29px  no-repeat;
}

div#panneau_droit a.savoirplus_lien6:hover
{
background:transparent url("../design/savoirplus6.gif") 0px -29px  no-repeat;
}


div#panneau_droit img.image_droite
{
margin-top: 70px;
}

 /*------------------------------------------------------BUG FLOAT --------------------------------------------------------------*/
 
.separation 
{
clear:both;
visibility: hidden;
}

 /*------------------------------------------------------------------------------------------------------------PARTIE BASSE --------------------------------------------------------------------------------------------------------------------------*/
 
div#pied, div#pied2
{
width: 773px;
height: 56px;
/*border: 1px solid red;*/
text-align: center;
text-decoration: none;
color:#f7f7f7;
font-size: 0.9em;
}

div#pied
{
background:#FFFFFF url("../design/pied.gif") repeat left;
}

div#pied2
{
background:#FFFFFF url("../design/pied2.gif") repeat left;
}

div#pied p, div#pied2 p
{
padding-top : 20px;
}


div#pied a, div#pied2 a

{
text-decoration: none;
border-bottom: 1px dashed #f7f7f7;
color: #ffffff;
}

div#pied a:hover, div#pied2 a:hover
{
text-decoration: none;
border-bottom: none;
}




 /*------------------------------------------------------Lightbox --------------------------------------------------------------*/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

 /*------------------------------------------------------ Preload --------------------------------------------------------------*/
 
 
 div#preload
 {
 display:none;
 }