
body 
        {
        background-color : white;
        margin : 0px;
        text-color: #45312A;
        }

        /********************** DIV STRUCTURE ***********************/

#cadre
        {
        background-color : #FBFFF7;
        position : absolute;
        top : 5px;
        left : 50%;
        margin-left : -400px;
        width : 800px;
        height : 600px;
        border : 1px solid #658544;
        }

#gauche
        {
        position : absolute;
        top : 6px;
        width : 199px;
        height : 598px;
        left : 50%;
        margin-left : -399px;
        background-color : #FFFFFF;
        filter : alpha(opacity=50);
        -moz-opacity:0.5;
        opacity: 0.5;
        }

#gauche2
        {
        position : absolute;
        top : 6px;
        width : 149px;
        height : 598px;
        left : 50%;
        margin-left : -399px;
        background-color : #FFFFFF;
        filter : alpha(opacity=30);
        -moz-opacity:0.5;
        opacity: 0.5;
        }
        
#droite
        {
        position : absolute;
        top : 6px;
        width : 80px;
        height : 598px;
        right : 50%;
        margin-right : -401px;
        background-color : #FFFFFF;
        filter : alpha(opacity=50);
        -moz-opacity:0.5;
        opacity: 0.5;
        }

#droite2
        {
        position : absolute;
        top : 6px;
        width : 30px;
        height : 598px;
        right : 50%;
        margin-right : -401px;
        background-color : #FFFFFF;
        filter : alpha(opacity=30);
        -moz-opacity:0.5;
        opacity: 0.5;
        }
        
        /********************* DIV CONTENU *******************/
        

#image
        {
        background-color : #658544;
        position : relative;
        top : 5px;
        height : 135px;
        width : 800px;
        }
         
#bande
        { 
        background-color : #658544;
        position : relative;
        top : 5px;
        height : 14px;
        width : 800px;
        }

#menu1    
        {
        left : 50%;
        width : 500px;
        margin-left : 200px;
        text-align : center;
        }
        
#menu2
        {
        position : absolute;
        top : 160px;
        left : 50%;
        margin-left : -399px;
        }

#animation
        {
        position : absolute;
        background-color : #FFFFFF;
        top : 300px;
        left : 50%;
        margin-left : -399px;
        width : 199px;
        text-align : center;
        }
        
#adresse
        {
        position : absolute;
        top : 530px;
        left : 50%;
        margin-left : -399px;
        width : 199px;
        text-align : center;
        }
        
#main        
        {
 
        position : absolute;
        top : 170px;
        left : 50%;
        margin-left : -200px;
        width : 520px;
        height : 400px;
        }
        
#pieddepage
        {
        position : absolute;
        top : 565px;
        left : 50%;
        margin-left : -200px;
        width : 520px;
        height : 20px;
        text-align : center;
        }

        
#logo
        {
        position : absolute;
        top : 570px;
        width : 130px;
        height : 30px;
        right : 50%;
        margin-right : -396px;
        }       
        
        /********************** STYLE MENU DEROULANT - LETTRE JARDINIER ************************/   

.menu 
        {
        clear : both;           /* pour obliger le retour à la ligne des menus */  
        cursor : pointer; 
        list-style-type : none;
        margin-left : 10px;
        }
        
#smenu1, #smenu2, #smenu3, #smenu4
        {
        float : none;
        display : none;          /* par défaut, les sous-menus ne seront pas affichés */
        font-size : 12px;
        }
       
        
        
        
        
        /********************** STYLE TEXTE ************************/
a
        {
        color : #658544;
        text-decoration : none;
        }
        
hr
        {
        color : #658544;
        background-color: #658544;
        height: 1px;
        border: 0;
        margin-bottom : 0px;
        }

h1
        {
        margin : 0px;
        margin-left : 20px;
        margin-top : 5px;
        color : #362F2D;
        font-family : Verdana;
        font-size : 16px;
        font-weight : bold;
        text-decoration : none;
        }
        
h2
        {
        top : 300px;
        margin : 0px;
        margin-left : 20px;
        margin-top :5px;
        color : #362F2D;
        font-family : Verdana;
        font-size : 14px;
        text-decoration : none;
        letter-spacing : -0.2mm;
        }

h2 a:hover
        {
        letter-spacing : 0mm;
        }

h2 a
        {
        color : #362F2D;
        }

        
h3
        {
        margin : 0px;
        color : #FFFFFF;
        font-family : Verdana;
        font-size : 11px;
        font-weight : bold;
        text-decoration : none;
        }

h3 a:hover
        {
        color : #FFF568;
        }
h3 a
        {
        color :#FFFFFF;
        }

h4
        {
        margin : 0px;
        color : #362F2D;
        font-family : Verdana;
        font-size : 8px;
        text-decoration : none;
        }

p
        {
        margin-top : 0px;
        margin-bottom :0px;
        font-size : 11px;
        color : #362F2D;
        font-family : Verdana;
        }
img
        {
        border : 1px;
        border-color :#658544;
        color : #658544;
        background-color : #FFFFFF;
        }

ul
        {
        margin-top : 0px;
        margin-left : 40px;
        }
        
li
        {
        list-style-type : disc;
        font-size : 11px;
        color : #362F2D;
        font-family : Verdana;
        margin-top : 0px;
        margin-bottom :0px;
        padding-top : 0px;
        padding-bottom : 0px;
        margin-left : 20px;
        margin-right : 5px;
        }

li a 
        {
        font-weight : bold;
        }
        
li a:hover
        {
        text-decoration : underline;
        }

table li
        {
        margin-left : 20px;
        }
