*{margin:0px;padding:0px;}

body{
margin-top:20px;
background-color:#d4d3d3;
text-align:center;
font:16px arial, Helvetica , sans-serif;
}

img{
border:none;
}

.couleur{
color:green;
font:1em Arial, Helvetica, sans-serif bold;
}

h1{
text-decoration:underline;
}

.lettrine {
font:2em Arial, Helvetica, sans-serif;
color:green;
}

a{
color:white;
}

a:hover{
color:black;
}

p a{
color:green;
}

p a:hover{
color:#CCCCCC;
}

table a{
color:green;
}

table a:hover{
color:#CCCCCC;
}

div#contenu{
position:relative;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
border:1px solid green;
width:768px;
height:760px;
text-align:left;
font:11px arial, Helvetica , sans-serif;
}

div#haut{
position:absolute;
top:0px;
width:100%;
height:110px;
background-color:white;
}

div#haut li{
display:inline;
}

h1#logo{
background-image:url(../lang/french/logo/silver_02.png);
background-repeat:no-repeat;
width:100%;
height:100px;
}

h1#logo span{
position:absolute;
top:-500px;
display:none;
}

div#menu{
margin-left:160px;
width:600px;
border-bottom:1px solid #bef42b;
height:40px;
}

div#menu ul{
margin-left:11px;
}

div#menu li{
float:left;
margin-left:0px;
}


div#menu ul a{
color:green;
text-decoration:none;
}

div#menu a:hover{
color:#330000;
}

div#menu li.home a{
display:block;
height:27px;
width:80px;
background-image:url(../lang/french/menu/menu_fr_25.png);
background-repeat:no-repeat;
border-right:1px solid gray;
}

div#menu li a span.titre{
position:absolute;
top:-500px;
display:none;
}

div#menu li.home a:hover{
background-image:url(../lang/french/menu/menu_fr_25.png);
background-position: 0px -27px;
border-right:1px solid white;
}

div#menu li.home a span.sous_titre{
position:absolute;
top:-500px;
width:300px;
color:#B4B4B4;
}

div#menu li.home a:hover span.sous_titre{
position:absolute;
top:160px;
display:inline;
}

div#menu span.home{
position:relative;
top:200px;
}



div#menu li.boutique a{
display:block;
height:27px;
width:90px;
background-image:url(../lang/french/menu/menu_fr_27.png);
background-repeat:no-repeat;
border-right:1px solid gray;
}

div#menu li.boutique a:hover{
background-image:url(../lang/french/menu/menu_fr_27.png);
background-position: 0px -27px;
border-right:1px solid white;
}

div#menu li.boutique a span.sous_titre{
position:absolute;
top:-500px;
width:300px;
color:#B4B4B4;
}

div#menu li.boutique a:hover span.sous_titre{
position:absolute;
top:160px;
display:inline;
}


div#menu li.evenementiel a{
display:block;
height:27px;
width:130px;
background-image:url(../lang/french/menu/menu_fr_28.png);
background-repeat:no-repeat;
border-right:1px solid gray;
}

div#menu li.evenementiel a:hover{
background-image:url(../lang/french/menu/menu_fr_28.png);
background-position: 0px -27px;
border-right:1px solid white;
}

div#menu li.evenementiel a span.sous_titre{
position:absolute;
top:-500px;
width:300px;
color:#B4B4B4;
}

div#menu li.evenementiel a:hover span.sous_titre{
position:absolute;
top:160px;
display:inline;
}


div#menu li.methode a{
display:block;
height:27px;
width:148px;
background-image:url(../lang/french/menu/menu_fr_30.png);
background-repeat:no-repeat;
border-right:1px solid gray;
}

div#menu li.methode a:hover{
background-image:url(../lang/french/menu/menu_fr_30.png);
background-position: 0px -27px;
border-right:1px solid white;
}

div#menu li.methode a span.sous_titre{
position:absolute;
top:-500px;
width:300px;
color:#B4B4B4;
}

div#menu li.methode a:hover span.sous_titre{
position:absolute;
top:160px;
display:inline;
}


div#menu li.contact a{
display:block;
height:27px;
width:100px;
background-image:url(../lang/french/menu/menu_fr_32.png);
background-repeat:no-repeat;
border-right:1px solid gray;
}

div#menu li.contact a:hover{
background-image:url(../lang/french/menu/menu_fr_32.png);
background-position: 0px -27px;
border-right:1px solid white;
}

div#menu li.liens a{
display:block;
height:27px;
width:60px;
background-image:url(../lang/french/menu/menu_fr_33.png);
background-position:top 0px;
}

div#menu li.liens a:hover{
background-image:url(../lang/french/menu/menu_fr_33.png);
background-position: 0px -27px;
border-right:1px solid white;
}

div#menu li.liens a span.sous_titre{
position:absolute;
top:-500px;
width:300px;
color:#B4B4B4;
}

div#menu li.liens a:hover span.sous_titre{
position:absolute;
top:160px;
display:inline;
}



div#page1{
position:absolute;
top:180px;
left:150px;
height:500px;
width:615px;
background-image:url(../images/interface/images_26.png);
background-position:100% 20%;
background-repeat:no-repeat;
color:#5B5B5B;
}

div#page1 h2{
margin-left:20px;
background-image:url(../lang/french/sous_titre/bienvenue.png);
background-repeat:no-repeat;
height:50px;
}

div#page1 h2 span{
position:absolute;
top:-500px;
display:none;
}

div#page1 p{
margin-left:0px;
margin-right:200px;
text-indent:6px;
padding-left:50px;
font:1.1em Arial, Helvetica, sans-serif ;
background-image:url(../images/interface/menud_32.png);
background-repeat:no-repeat;
background-position:left 117px;
}

div#page1 p #text{
font:1em Arial, Helvetica, sans-serif ;
}

div#page1 p.lettrine p#text span{
font:2em Arial, Helvetica, sans-serif;
color:green;
}

div#page1 p.txt_couleur{
font:1.5em Arial, Helvetica, sans-serif;
color:green;
margin-left:50px;
}

div#page1 p img{
margin-left:100px;
}

div#page2{
position:absolute;
top:180px;
left:150px;
height:500px;
width:615px;
background-image:url(../images/interface/boutique.png);
background-position:110% 100%;
background-repeat:no-repeat;
color:#5B5B5B;
}

div#page2 h2{
margin-left:20px;
background-image:url(../lang/french/sous_titre/boutique.png);
background-repeat:no-repeat;
height:50px;
}

div#page2 h2 span{
position:absolute;
top:-500px;
display:none;
}

div#page2 p{
margin-left:0px;
margin-right:200px;
text-indent:6px;
padding-left:50px;
height:500px;
font:1.1em Arial, Helvetica, sans-serif ;
background-image:url(../images/interface/menud_32.png);
background-repeat:no-repeat;
background-position:left 117px;
}

div#page2 P span{
color:green;
}

div#page2 p.lettrine span{
font:2em Arial, Helvetica, sans-serif;
color:green;
}

div#page2 p.txt_couleur{
font:1.5em Arial, Helvetica, sans-serif;
color:green;
margin-left:100px;
}

div#page3{
position:absolute;
top:180px;
left:150px;
height:100%;
width:80%;
background-image:url(../images/interface/images_26.png);
background-position:430px 50px;
background-repeat:no-repeat;
color:#5B5B5B;
}

div#page3 h2{
margin-left:20px;
background-image:url(../lang/french/sous_titre/evenementiel.png);
background-repeat:no-repeat;
height:50px;
}

div#page3 h2 span{
position:absolute;
top:-500px;
display:none;
}

div#page3 h2{
margin-left:20px;
}


div#page3 p{
margin-left:0px;
margin-right:160px;
text-indent:20px;
padding-left:50px;
font:1em Arial, Helvetica, sans-serif ;
background-image:url(../images/interface/menud_32.png);
background-repeat:no-repeat;
background-position:left 117px;
}

div#page3 p.lettrine span{
font:2em Arial, Helvetica, sans-serif;
color:green;
}

div#page3 p.txt_couleur{
font:1.5em Arial, Helvetica, sans-serif;
color:green;
margin-left:100px;
}

div#page4{
position:absolute;
top:180px;
left:150px;
height:550px;
width:617px;
background-image:url(../images/interface/soin_des_plantes.png);
background-position:200% 6%;
background-repeat:no-repeat;
color:#5B5B5B;
}

div#page4 div{
margin-left:0px;
background-image:url(../images/interface/menud_32.png);
background-repeat:no-repeat;
margin-right:160px;
padding-left:20px;
height:500px;
background-position:left 170px;
}
div#page4 p{
margin-left:50px;
font:1.1em Arial, Helvetica, sans-serif ;
}

div#page4 h2{
margin-left:20px;
background-image:url(../lang/french/sous_titre/soin_des_plantes.png);
background-repeat:no-repeat;
height:50px;
}

div#page4 h3{
margin-left:20px ;
text-decoration:underline;
color:green;
}

div#page4 h2 span{
position:absolute;
top:-500px;
display:none;
}

div#page4 table{
margin-top:6px;
width:410px;
margin-left:0px;
font:1.1em Arial, Helvetica, sans-serif ;
}

div#page4 td{
padding-left:20px;
}

div#page4 p.lettrine span{
font:2em Arial, Helvetica, sans-serif;
color:green;
}

div#page4 p.txt_couleur{
font:1.5em Arial, Helvetica, sans-serif;
color:green;
margin-left:100px;
}

div#page4 hr{
border:1px dotted #5B8b16;
width:400px;
text-align:right;
}

div#page5{
position:absolute;
top:180px;
left:150px;
height:100%;
width:80%;
background-image:url(../images/interface/images_26.png);
background-position:430px 50px;
background-repeat:no-repeat;
color:#5B5B5B;
}

div#page5 h2{
margin-left:20px;
background-image:url(../lang/french/sous_titre/liens.png);
background-repeat:no-repeat;
height:50px;
}

div#page5 h2 span{
position:absolute;
top:-500px;
display:none;
}

div#page5 p{
margin-left:0px;
margin-right:200px;
text-indent:20px;
padding-left:50px;
height:500px;
font:1.1em Arial, Helvetica, sans-serif ;
background-image:url(../images/interface/menud_32.png);
background-repeat:no-repeat;
background-position:left 117px;
}

div#page5 p.lettrine span{
font:2em Arial, Helvetica, sans-serif;
color:green;
}

div#page5 p.txt_couleur{
font:1.5em Arial, Helvetica, sans-serif;
color:green;
margin-left:100px;
}

div#page6{
position:absolute;
padding:0px;
margin-left:0px;
top:180px;
left:150px;
height:100%;
width:80%;
margin:0px;
padding:0px;
background-image:url(../images/interface/liens.png);
background-position:110% 5%;
background-repeat:no-repeat;
color:#5B5B5B;
}

div#page6 div{
margin-left:0px;
background-image:url(../images/interface/menud_32.png);
background-repeat:no-repeat;
margin-right:200px;
padding-left:20px;
height:500px;
font:1.1em Arial, Helvetica, sans-serif ;
background-position:left 170px;
}

div#page6 h2{
margin-left:20px;
background-image:url(../lang/french/sous_titre/liens.png);
background-repeat:no-repeat;
height:50px;
}

div#page6 h2 span{
position:absolute;
top:-500px;
display:none;
}

div#page6 h3 span{
margin-left:20px;
text-decoration:underline;
}

div#page6 ul{
margin-top:11px;
margin-right:160px;
text-indent:20px;
padding-left:50px;
font:1.1em Arial, Helvetica, sans-serif ;
}

div#page6 li a{
color:green;
}

div#page6 li a:hover{
color:#CCCCCC;
}

div#page6 p.lettrine span{
font:2em Arial, Helvetica, sans-serif;
color:green;
}

div#page6 li{
color:green;
margin-bottom:20px;
}

div#page6 p.txt_couleur{
font:1.5em Arial, Helvetica, sans-serif;
color:green;
margin-left:100px;
}

div#lang{
background-image:url(../images/interface/fond_gris_02.png);
}

div#lang img{
border:1px solid white;
}

div#lang ul{
display:inline;
margin-left:10px;
}

div#lang span{
position:absolute;
top:-500px;
display:none;
}

div#contact{
background-image:url(../images/interface/fond_vert_gris_17.png);
height:20px;
}

div#contact ul{
margin-left:85%;
display:inline;
font:11px Arial, Helvetica, sans-serif;
}

div#menu_d{
position:absolute;
top:136px;
height:600px;
width:160px;
background-image:url(../images/interface/menu_d_03.png);
background-color:#e5fbA9;
background-position:0px 80px;
border-right:1px solid green;
}

div#menu_d a{
color:black;
}

div#menu_d h3{
display:block;
height:20px;
text-decoration:underline;
border-bottom:1px solid green;
background-image:url(../images/interface/menu.png);
text-align:center;
}

div#menu_d div#calendrier{
background-image:url(../images/interface/gabarie_29.png);
border-bottom:1px solid green;
padding-bottom:6px;
}

div#menu_d div#mod2{
background-color:#FFFF99;
height:150px;
width:160px;
border-bottom:1px solid green;
background-image:url(../images/interface/gabarie_31.png);
}


#precedente{
float:left;
}

#suivante{
float:right;
}

div#copy{
position:absolute;
top:700px;
margin-top:20px;
left:0px;
height:20px;
width:100%;
background-color:#5d5D5D;
background-image:url(../images/interface/fond_contact_05.png);
border-top:1px solid green;
border-bottom:1px solid green;
color:white;
}

div#copy p{
height:20px;
color:white;
text-align:center;
font:0.8em Arial, Helvetica, sans-serif
}

div#copy a{
color:white;
text-decoration:underline;
}

div#copy a:hover{
color:#CCCCCC;

}


<!--calendrier-->

table.calendar_main{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

.calendar_title{
color:black;
text-align:center;
}

.calendar_table{
margin-left:5px;
border:none;
border-collapse:collapse;
font-size:10px;
}


.calendar_table a{
color:black;
}

.calendar_table td{
border:1px dotted green;
text-align:center;
width:20px;
}

.calendar_table th{
border:1px dotted green;
background-color:#FFFF66;
font-weight:normal;
text-align:center;
}

.calendar_weekend{
background-color:#EBEBEB;
}

.calendar_other_month{
color:green;
}

.calendar_today{
color:red;
}

.calendar_footer{
color:black;
text-align:center;
}

.calendar_footer_current_month{
color:black;
text-align:center;
}

.calendar_footer_other_month{
color:red;
text-align:center;
}

.calendar_footer_other_month_clickable{
color:red;
text-align:center;
}