body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header {
height: 160px;
background-image : url(graphisme/banniere.jpg);
}
#haut {
height: 52px;
background-image : url(graphisme/menu.jpg);
}
img.newarticle{
border:1px solid #527e43;
margin-left:7px;
margin-bottom:10px;
padding:2px;
}


h1{
color:#527E43;
margin:4px;
padding:0;
font-size:24px;
}
h3{
color:#527E43;
margin:4px;
padding:0;
font-size:14px;
}
hr{
width:400px;
margin-left:25%;
height: 1px;
border: 0;
background-color: black;
margin-top:25px;
margin-bottom:25px;
}

h2{
color:#91BD82;
margin:4px;
padding:0;
padding-left:25px;
font-size:18px;
}
p{
margin:5px;
color:#23441D;
font-size:12px;
text-align:justify;
}

#conteneur {
width:1000px;
margin:0 auto;
background-image : url(graphisme/fond_gauche.jpg);
background-repeat:repeat-y; 
background-position:0 0;
}
#centre {
background-color:#FFFFFF;
margin-left: 162px;
border-right:22px solid;
border-color: #91bd82;
}
#gauche {
float:left;
width: 162px;
background-image : url(graphisme/fond_gauche.jpg);
background-repeat:repeat-y; 
margin-bottom:123px; 
text-align:center;
}
#gauche a{
color:white;
text-decoration:none;
text-align:center;
font-weight:bold;
}
#gauche a:hover{
color:#DBDBDB;
}

#gauche img{
border:0px;
}
#droite {
float:right;
width: 20px;
}
#pied {
clear:both;
position:relative; 
height: 50px;
background-image : url(graphisme/bas.jpg);
}

#fin_menu
{
background-image : url(graphisme/bas_gauche.jpg);
position:absolute;
width:162px;
height:75px;
top: -75px;
left:0;
}

#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}
#menugauche {
list-style-type: none;
margin: 0;
padding-left:10px;
}

#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}

#centre a {
text-decoration: none;
color:#8eb4d3;
text-align:left;
}
#centre a:hover {
text-decoration: none;
color:#64849c;
text-align:left;
}



.menu{
padding-left:260px;
padding-top:13px;
}
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu a:visited {
display:block;
font-size:13px;
width:200px;
padding:4px 0;
color:white;

font-weight:bold;
font-variant: small-caps;
background:#91BD82;
text-decoration:none;
text-align:left;
}
/* style the links hover */
.menu a:hover{
color:#444;
background:#91BD82;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
li.home a.homi, .menu a.homi:visited {
background:none;
font-size:14px;
width:50px;
padding:4px 0;
margin-left:80px;
color:#23441D;
font-weight:bold;
font-variant: small-caps;
text-decoration:none;
text-align:left;
}

a.homi:hover{
color:#444;
background:none;
}



#desc-id{
position:relative;
}
#desc-id h4{
font-variant:small-caps;
color:#527e43;
margin:0;
padding:0;
font-size:12px;
background-color:#ededed;
  border-right:2px solid #527e43;
  width:400px;
  margin-bottom:5px;
  font-weight:normal;
}
#desc-id a.niveau {
  text-decoration: none; /* définition du lien qui affichera le calque */
    font-weight:normal;
  margin:0;
padding:0;
  }

#desc-id a.niveau:hover {
  background: none; /* correction d'un bug IE */
  }

#desc-id a.niveau span { /* définition de la balise <span> inclue dans <a> */
  display: none;
  }
#desc-id a.niveau:hover span { /* définition de la balise <span> au survol */
  display: inline;
  position: absolute;
  top: 0px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
  left: 410px;
  width:100px;
  font-size:11px;
  font-style : italic; 
  }
  #desc-id a.niveau:hover span img{ /* définition de la balise <span> au survol */
  width:90px;
  height:125px;
  border:0;
  border:1px dashed #A63013;
  padding:1px;
  }
  
#lien{
margin:0;
padding:0;
background-color:#ededed;
border-right:2px solid #527e43;
width:800px;
margin-bottom:5px;

}
#lien h3{
font-variant:small-caps;
color:#527e43;
margin:0;
padding:0;
font-size:14px;
}
#lien a{
color:#527e43;
}
#lien p{
margin:0;
padding:0;
font-size:11px;
  font-style : italic; 
}

#actu{
background-color:#ededed;
border-right:2px solid #527e43;
width:800px;
}

#actu img{

  border:0;
  border:1px dashed #A63013;
  padding:1px;
}
#actu p.rapide{
font-size:12px;
  font-style : italic; 
}

h4.newarticle a{
color:#527e43;
}



#desc-id2{
position:relative;
margin-right:15px;
}

#desc-id2 h4{
font-variant:small-caps;
color:#527e43;
margin:0;
padding:0;
font-size:12px;
background-color:#ededed;
  border-right:2px solid #527e43;
  width:252px;
  margin-bottom:5px;
  font-weight:normal;
}
#desc-id2 a.niveau2{
  text-decoration: none; /* définition du lien qui affichera le calque */
    font-weight:normal;
  margin:0;
padding:0;
  }

#desc-id2 a.niveau2:hover {
  background: none; /* correction d'un bug IE */
  }

#desc-id2 a.niveau2 span { /* définition de la balise <span> inclue dans <a> */
  display: none;
  }
#desc-id2 a.niveau2:hover span { /* définition de la balise <span> au survol */
  display: inline;
  position: absolute;
  top: 140px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
  left:0px;
  width:252px;
  font-size:11px;
  font-style : italic; 
  }
  #desc-id2 a:hover span img{ /* définition de la balise <span> au survol */
  width:250px;
  height:140px;
  border:0;
  border:1px dashed #A63013;
  padding:1px;
  }
  
  h3.desc2{
    width:252px;
	background-color:#527E43;
	color:white;
	padding:0;
	margin:0 0 10px 0;
	border-right:2px solid #91BD82;
  }
  
  
  
  h2.lien_test{
  width:388px;
  background-color:#527E43;
  color:white;
  margin:0;
  font-size:14px;
  padding:0;
  padding-left:2px;
  margin-left:4px;
  margin-right:4px;
  margin-bottom:4px;
  }
  #lien_test{
	width:388px;
  margin-left:4px;
  margin-right:4px;
}
  #lien_test h3{
font-variant:small-caps;
margin:0;
padding:0;
font-size:12px;
background-color:#ededed;
  border-right:2px solid #527e43;
  width:388px;
  margin-bottom:5px;
  font-weight:normal;
}
#lien_test h3 a{
color:#527e43;
}
#lien_test h3 a:hover{
color:#91BD82;
}
  
  
  h3.desc{
    width:502px;
	background-color:#527E43;
	color:white;
	padding:0;
	margin:0 0 10px 0;
	border-right:2px solid #91BD82;
  }
  h3.desc3{
    width:425px;
	background-color:#527E43;
	color:white;
	padding:0;
	margin:20px 0 5px 0;
	border-right:2px solid #91BD82;
  }
  
  #contenu p{
   width:425px;
	padding:0;
	margin:20px 0 5px 0;
  }
  img.normal{
	margin-left:25px;
	border:1px solid #91BD82;
	padding:1px;
  }