body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	text-align: center;
	margin:0px;
	background-color: #ECE9D8;
    }
	
#contenu{margin:0px auto 0px auto;
         padding:0px;
		 border:solid #999 0px;
		 width:800px;
		 background:#ECE9D8 url(images/fd2.gif);
		 text-align:left;
		 }


#corps{clear:both;
       margin-top:10px;}

#logo{padding:0px}		 

#logo h1 img{float:left;}

#logo h1{
    /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:35px;
	padding-top:0px;
	color:#000;
	text-align:right;
	letter-spacing:2px;
	line-height:130%;
}

#soustitre{font-family:Verdana, Arial, Helvetica, sans-serif;
           padding-left:100px;
           margin:5px 15px 5px 0;
		   text-align:right;
		   font-size:0.8em;}

		 
.gauche{float:left;
        padding:5px;
		margin:0 10px 10px 0;}
.droite{float:right;
        padding:5px;
		margin: 0 0 10px 10px} 

.image{float:right;margin:5px;border:solid #000 1px;}



		 

#text{margin:0px 15px 0px 240px;
      padding:0px 10px 10px 10px;
	  background-color:#fff;
	  border:solid #333 1px;}



	  
.paragraphe {border-bottom:solid #333 1px;
			 padding:10px; 
			}
			
.paragraphe h2 {line-height:1.2em;
                margin-bottom:50px;
				text-transform:uppercase;}

.paragraphe h3 {color:#663300;}

.paragraphe p, ol{font-size:0.9em;
                  line-height:1.5em;
			      word-spacing:0.2em;
			      text-indent:3em;
			      text-align:justify;
			      line-height:200%;}

.plansite ul {font:1em Verdana, Arial, Helvetica, sans-serif;}
              
.plansite ul li{line-height:2em;}             

#bascadre{font:0.9em Verdana, Arial, Helvetica, sans-serif;
          background-color:#600;
          color:#fff;
	      margin:30px 5px 10px 5px;
	      padding:10px;
	      font-weight:bold;
	      border:solid #333 1px;
	      }


#bascadre p{margin:10px;
            line-height:1.7em;}

#bas{margin:-0px auto 0px auto;
     width:700px;
     background:#ECE9D8 url(images/fd3.gif) 0 0  no-repeat;
	 height:80px;
	 padding:15px 0px 0px 0px;
	 font-size:85%;
	 }		  

.tgche{text-align:left;
      padding-left:10px;
	  font-size:110%;}
		
#copy{margin-top:5px;
	  font: 0.9em verdana, Helvetica, sans-serif;
	  }		  

#colgauche{margin: 20px 0px;
           float:left;
	       }

#GoogleAdSense{
border-top:1px #000 solid;}
		 
		 
code{font-family:"Courier New", Courier, mono;
     font-size:1.1em;
     background-color:#CCCCCC;
	 border:1px solid #56a;
	 margin:10px 0 10px 0;
	 line-height:1.5em}		 

.liens a{font-family:Verdana, Arial, Helvetica, sans-serif}
		 
/********************** MENU VERTICAL *******************/ 


#menu{margin: 20px 0px 0px 20px;
	 }


#menu ul {margin:0;
	padding:0;
	list-style: none;
	width: 150px;
	text-align:right;
    }
	
#menu ul li {position: relative;
	}
	
#menu li ul {
	position:absolute;
	left:149px;
	top:0;
	display:none;
	}


#menu ul li a {display: block;
	text-decoration: none;
	font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#ECE9D8; 
	padding: 5px;
	letter-spacing:2px;
	border: 0px solid #333;
	border-bottom: 0;
	}
	
#menu ul li a:hover {
	display: block;
	text-decoration: none;
	color: #333;
	background:/*#cde*/ url(images/f-o3.gif) 0% 30% no-repeat;
	letter-spacing:1px;
	}	

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; }
* html #menu ul li a { height: 1%; }
/* End */

#menu ul {
	margin:0px;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 0px solid #333;
	}
 
#menu li:hover ul, #menu li.over ul { 
	display: block;
    }
	

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }


/* End */