/***************************************************
   HTML Element Styles
 ***************************************************/

body {
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #000;
  background-color: #FFF; /*#EEF3EA;*/   /*vert base=688F44*/
  background: url(img/shadow.jpg) no-repeat top left;
  
}

h1 {
  font-size: 16px;
  font-weight: bold;
  color: #648B42;
  margin-bottom:20px;
}

h2 {
  font-size: 13px;
  font-weight: bold;
  color: #648B42;
  margin-bottom:15px;
  margin-top:9px;
}

h3 {
  font-size: 10px;
  font-weight: bold;
  color: #648B42;
}

.title {
  font-size: 20px;
  font-weight: bold;
  color: #648B42;
  border-left: 5px solid #F90;
  padding-left: 5px;
}
.abtn
{
    border:solid 1px #000;
    padding: 2px;
    margin:2px;
    cursor:pointer;
}


.sspan
{
      font-size: 15px;
  font-weight: bold;
  
}

.big
{
    font-size:11px;
    font-weight:bold;
    /*font-style:italic;*/
    color:#000;
    
}
.tspan
{
    font-weight:bold;
    color:#648B42;
    /*border-bottom: dashed 1px #648B42;*/
}

.ipeo
{
    border: solid 1px #000;
    margin: 18px 10px 0px 0px;
    padding: 0px;
}
#ocours
{
    font-size:11px;
    width:100%;
}
.prez
{
    
    margin: 18px 70px 15px 70px;
    padding: 5px;
    background-color:#C9D7BD;
    font-size:13px;
    text-align:center;
}
.btn
{
    border:solid 1px #000;
    padding: 4px;
    margin:2px;
    cursor:pointer;
}
/*
ul li:before
{
	content: "\00BB \0020";
}*/

ul 
{
    list-style-type:square;
}

input
{
    margin-left:5px;
    width:240px;
}
.subtitle {
  font-size: 11px;
  font-weight: bold;
  color: #333;
  border-left: 5px solid #FFF;
  padding-left: 5px;
}

#lpanel .heading {
  background-color: #648B42;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#lpanel a {
  color: #333;
  text-decoration: none;
    /*font-variant:small-caps;*/
    text-transform:uppercase;
    font-size:10px;
  /*font-weight: bold;*/
  padding-left: 15px;
  background: url(img/b-1.gif) no-repeat center left;
  border: none;
}

#lpanel a:hover {
  color: #648B42;
  background: url(img/b-2.gif) no-repeat center left;
}

p a
{
      border-bottom: dashed 1px #53673F;
}

a {
  color: #53673F;
  text-decoration: none;
  padding: 0px 1px 0px 1px;

}

a:hover {
  color: #666;
  background-color: #EEE;
}

img {
  /* float: right; */
  padding-left: 10px;
  padding-right: 10px;
}

/***************************************************
   Site Layout Containers
 ***************************************************/

#viewport
{
    width:828px;
	height:120%;
	margin: 0 auto;

}
#header {
  width: 808px;
  height: 110px;
  margin: 5px;
  padding: 10px;
  background-color: #FFF;
  /*border: 1px solid #DDD;*/
  background: url(img/banner.jpg) no-repeat top left;

}

#homezone
{
      cursor:pointer;
      position:absolute;
      width:340px;
      height:107px;
      top:6px;
}

#mainmenu {
  position:relative;
  top: 68px;
  left: 370px;
  padding: 10px;
  font-size:11px !important;
  font-weight:bold;
  background-color: transparent;
  
}

#mainmenu a
{
    margin-left:12px;
    color: #000;
}

#lpanel 
{
  position:absolute;
  
  top: 120px;
  margin: 0px 5px 0px 5px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
  width: 190px;

}

#content 
{
  position:absolute;
  top:120px;
  width: 589px;
  margin: 0px 20px 5px 222px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
}

#home 
{
  position:absolute;
  top:120px;
  width: 806px;
  margin: 0px 5px 0px 5px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
}
#footer {
  width: 100%;
  margin: 43px 0px 0px 0px;
  background-color: #FFF;
  /*border: 1px solid #DDD;*/
  text-align: center;
  color:#444;
}