*{
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
body, html{
    margin:0;
    padding:0;
    background:#e7e7e7;
    text-align:center;
    margin-bottom:10px;
    font-size:12px;
}
a{
    color:#87B220;
    text-decoration:underline;
}
a:hover{
    color:#717171;
    text-decoration:none;
}
hr {
    height:0px;
    border:none;
    border-bottom:1px solid #e7e7e7;
    margin:15px 0;
}

/* ----- HEADER ----- */

#logo{

    margin:0;
    padding:8px 0;
}

#logo #box{
    float:left;
    clear:none;
    height:30px;
    /*width:100px;*/
    margin:0;
    padding:2px;
    background:#394E06;
    /*background-image: url(/images/60px-Citrus_leaf.JPG);*/
    color:#87B220;
    font-family:'Times New Roman';      /* ?!! */
    font-weight:bold;
    font-size:15px;
    line-height:30px;
    /*letter-spacing:-2px;*/
    /*text-indent:-2px;*/   
}
#logo p{
    /*float:left;
    clear:none;
    height:30px;
    width:40px;*/
    margin:0 20px;
    padding:0;
    color:#394E06;
    font-family:'verdana';
    font-weight:bold;
    font-size:16px;

    line-height:33px;
}
#logo .maxilogo { font-weight:bold; letter-spacing:-1px; font-size:17px; }

.subContainer, #navigation ul{
    width:980px;
    margin:0 auto;    
} 
#header{
    text-align:left;
    margin:0;
    padding:0px 0 0 10px;
    height:50px;
    background:#87b220;
}
#banner{
    margin:0;
    padding:0;
    padding-bottom:5px;
    background:#e7e7e7;
}

/* ----- NAVIGATION ----- */

#navigation{
    margin:0;
    padding:0;
    background:#7fa71f;
    height:34px;
    list-style:none;
}
    #navigation li{
        float:left;
        clear:none;
        list-style:none;
    }
    #navigation li a{
        color:#fff;
        display:block;
        /*font-size:12px;*/
        text-decoration:none;
        font-weight:bold;
        padding:10px 18px;
    }
    #navigation li a:hover{
        color:#fff;
        background:#739B1F;
    }
    #active a{
        background:url('../images/nav_bg.gif');
    }

/* ----- HEADINGS ----- */

h1{
    text-indent:-80000px;
    background:url('../images/logo.gif') no-repeat;
    height:35px;
    width:168px;
}
h2{
    font-family:'Georgia';
    font-size:25px;
    letter-spacing:-1px;
    margin-top:15px;
    margin-bottom:20px;
    font-weight:normal;
    color:#718e3e;
}
h3{
    font-size:13px;
    font-weight:bold;
    color:#718e3e;
    margin:5px 0;
    
}

/* ----- PARAGRAPHS ----- */

p{
    color:#043f4a;
    /*font-size:11px;*/    
    line-height:140%;
    margin-bottom:8px;
}
#primaryContent ul{
    color:#043f4a;
    /*font-size:11px;*/    
    margin:20px 0;
    list-style:none; 
}
#primaryContent li{    
    padding-left:22px;
    margin:8px 0;
    list-style:none;
    background:url('/images/li2.png') left bottom no-repeat;
}
#secondaryContent p{
    
}


/* ---- TABLE ---- */
td { padding: 2px 10px 2px 0; min-width:60px;}
/*tr { margin:0; font-size:12px; }*/
form td { padding: 5px 0; } 

.ovf table {
  table-layout: fixed;
  width:100%;
}
.ovf td { 
  overflow: hidden;
  /*max-width:350px;*/
  /*width: 100%;*/
  white-space:nowrap;
}
.ovf .first { width:250px; }


/* ----- FORMS ----- */

input{
    background-color: #FFF;
    color: #333;
    border: 1px solid #AAA;
    /*font-size: 12px;*/
    padding: 3px;
    width:160px;              
}
textarea{
    background-color: #FFF;
    color: #333;
    border: 1px solid #AAA;
    padding: 3px;
            
}
button{
    background-color:#EFEFEF;
    line-height:11px;
    color: #000;
    border: 1px solid #CCC;
    height:20px;
    margin: 0;
    padding: 0 5px;
}
form p{
    padding:2px 0;
}

/* ----- IMAGES ----- */

img{
    border:0;
}
img a{
    border:0;
    text-decoration:none;
}
img a:hover{
    border:none;
}

/* ----- CONTENT ----- */

#primaryContent{
    width:728px;
    padding:10px 20px 30px 20px;
    border-right:5px solid #e7e7e7;
    float:left;
    clear:none; 
    min-height:650px;
    /*background:url('/images/feuilles.png') no-repeat;
    background-position:bottom left;*/
}
    /*#primaryContent img{
        float:right;
        clear:none;
        margin:10px;
        margin-right:0;
        padding:1px;
        border: 1px solid #E7E7E7;
    }*/

#secondaryContent{
    width:175px;
    padding:10px 14px;
    /*font-size:11px;*/
    float:right;
    clear:none; 
}

    #secondaryContent h3 { margin-top:20px; }
    #secondaryContent ul { list-style:none; }
    #secondaryContent li {
        list-style:none;
        padding-left:12px;
        margin:3px 0;
        background:url('/images/li.png') left bottom no-repeat;
        font-size:11px;
    }
    #secondaryContent li a {
        color:#575757;
        text-decoration:none;
    }
    #secondaryContent li a:hover {
        color:#000;
        text-decoration:underline;
    }
    #secondaryContent .links li{
        padding-left:0px;
        margin:8px 0;
        background:none;
    }


#container{
    width:980px;
    margin:5px auto;
    padding:0;
    background:#fff;
    text-align:justify;
}

/* -- */

#ccol1 {
  position: relative;
  width: 400px;
  float: left;
  border-right: solid 1px #e7e7e7;
  padding-right: 15px;
}

#ccol2 {
  position: relative;
  /*width: 254px;*/
  margin-left: 430px;
  font-size:13px;

}

#map { border:1px solid #e7e7e7; }
    #map span { font-size:9px; }
    #map a { font-size:9px; }
    #map .mapinfo { font-size:12px; }
    #map .mapinfo a { font-size:12px; }
  
  
/* ----- FOOTER ----- */

#footer{
    margin:0 auto 0px auto;
    padding:2px 20px;
    clear:both;
    width:940px;
    text-align:left;
    background:#f4f4f4;
}
    #footer p { font-size:10px; color:#777; }
    #footer ul { list-style:none; }
    #footer li{
        list-style:none;
        display:inline;    
    }
    #footer #copyright{
        float:left;
        clear:none;
    }
    #footer #links{
        float:right;
        clear:none;
    }
    #footer a{
        color:#999;
        text-decoration:none;
    }
    #footer a:hover{
        color:#AAA;
        text-decoration:underline;
    }

/* ----- CLASSES ----- */

.clear { clear:both; }
    
.pnum {
    border:1px solid #575757;
    padding:2px;
    color: #000;
    text-decoration: none;
}
span.pnum { border:1px solid #e7e7e7; }

/* ----- PUB ---- */
.pub {
  margin:15px 0;
  line-height:8px;
  text-align:center;
}
    .pub img { border:0; }
    .pub .texte {
        /*width:605px;*/
        margin:0;
        padding:0px 0px 5px 3px;
        font-size:8pt;
        text-align:center;
    }
    .pub .titre {
        background: url(images/boite-haut.gif) no-repeat scroll center top;
        background-color:rgb(232,239,172);
        height:5px;
        font-size:1pt;
        font-weight:bold;
        color:white;
    }