BODY {
    width: 100%;
    font: 9px/16px "arial";
    margin: 0px;
    background-color: #ACAA00;
    text-align: left;
    border: 1px solid white; 
}
  
A {
}

A:Hover {

}


.conteneur_principal {
    width: 100%;
    height: 100%;
    border: 1px solid black;
}

.banniere {
    width: 100%;
    height: 179px;   
}

.banniere_droite {
	width: 100%;
    	height: 179px;
    	background: url('../interface/banniere_droite.jpg');
}

.ss_banniere {
    width: 100%;
    height: 76px;
    background: url('../interface/ss_banniere.jpg') no-repeat;
}

.ss_banniere_droite {
    width: 100%;
    height: 76px;
    background: url('../interface/ss_banniere_droite.jpg');

}

.contenu_haut{
    width: 436px;
    height: 34px;
    background: url('../interface/contenu_haut.jpg') no-repeat;      
}

.bordure_contenu {

}

/**********************************************************************************************/
/*Menu gauche*/
/**********************************************************************************************/
#menu-gauche {
	display: block;
	z-index: 99;
	margin-top: -20px;
	text-align: left;
	font-family: "Arial";
	font-weight: bold;
	font-size: 12px;
	width: 150px;
	position: relative;
}
.text {
	position: relative;
	margin-left: 50px;
	margin-top: 6px;
	cursor: hand;
	color: #000000;
}
#menu-gauche a:hover .text {
    color: #7E0046;	
	text-decoration: none;
	display: block;
}
#menu-gauche a, #menu-gauche a:visited .text {
	text-decoration: none;
	color: black;
} 
#menu-gauche #boutonA {
	background: transparent url(../interface/contact.gif) no-repeat;
    width: 60px;
    height: 38px;
    display: block;
}
#menu-gauche #boutonA div {
	height: 38px; 
	width: 60px; 
	display: block;
    padding-top:8px;
}   
#menu-gauche #boutonA a:hover { 
	background: transparent url(../interface/contact_over.gif) no-repeat;
	width: 60px;
    height: 38px;
	display: block;
}

#menu-gauche #boutonB {
	background: url(../interface/parking.gif) no-repeat;
    width: 60px;
    height: 32px;
    display: block;
}
#menu-gauche #boutonB div {
	height: 32px; 
	width: 60px; 
	display: block;
    padding-top:8px; 
}
#menu-gauche #boutonB a:hover {
	background: transparent url(../interface/parking_over.gif) no-repeat;
	width: 60px;
    height: 32px;
	display: block;
}

#menu-gauche #boutonC {
	background: url(../interface/agenda.gif) no-repeat;
    width: 60px;
    height: 35px; 
    display: block;
}
#menu-gauche #boutonC div {
	height: 35px; 
	width: 60px; 
	display: block;
    padding-top:8px; 
}
#menu-gauche #boutonC a:hover {
	background: transparent url(../interface/agenda_over.gif) no-repeat;
	width: 60px;
    height: 35px; 
	display: block;
}

#menu-gauche #boutonE {
	background: url(../interface/liens.gif) no-repeat;
    width: 60px;
    height: 35px; 
    display: block;
}
#menu-gauche #boutonE div {
	height: 35px; 
	width: 60px; 
	display: block;
    padding-top:8px; 
}
#menu-gauche #boutonE a:hover {
	background: transparent url(../interface/liens_over.gif) no-repeat;
	width: 60px;
    height: 35px; 
	display: block;
}

#menu-gauche #boutonF {
	background: url(../interface/adherent.gif) no-repeat;
    width: 60px;
    height: 35px; 
    display: block;
}
#menu-gauche #boutonF div {
	height: 35px; 
	width: 60px; 
	display: block;
    padding-top:3px; 
}
#menu-gauche #boutonF a:hover {
	background: transparent url(../interface/adherent_over.gif) no-repeat;
	width: 60px;
    height: 35px; 
	display: block;
}


.dernier_commercant {
    height: 280px;
    background: url('../interface/dernier_commercant.jpg') no-repeat;
    padding-top: 70px;
    padding-left: 0px; 
}

.encart-annonceannonceur {
    font-family: "Arial Narrow";
    font-size: 12px;
    height: 280px;
    background: url('../interface/dernier_commercant.jpg') no-repeat;
    padding-top: 78px;
    padding-left: 0px;
    width: 240px; 
}
.annonceurtitre {
    margin-top: -85px;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
}
.annonceurcontenu {
    font-family: Arial;
    font-size: 10px;
    text-align: left;
    margin-top: -85px;
    padding-left: 7px;
}

.encart-annonceannonceur a {
text-align: justify;
color: #000000;
padding: 2px;
padding-left: 3px;
display: block;
font-family: "Arial";
font-size: 12px;
text-decoration: none;
text-align: left;
}

.encart-annonceannonceur a:hover {
background-color: #7E0046;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

.contenu {
    text-align: center;
}

.contenu_bas {
    background: url('../interface/contenu_bas.jpg') no-repeat;     
}

.carte_altitude {
    background: url('../interface/contenu_altitude.gif') no-repeat;  
}

.carte_altitude :hover {
    background: url('../interface/contenu_altitude_over.gif') no-repeat;  
}

.contenu_texte {
    width: 400;
    padding: 20px;
    vertical-align: top;
    font-family: "Arial";
    font-size: 12px;
    text-align: justify;
}

.contenu_texte a {
    text-decoration: none;
    color: #000000;
}
.contenu_texte a:hover {
    text-decoration: none;
    color: #7E0046;
}
.contenu_texte H1{
    font-family: "Arial";
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    line-height: 24px;
}
.contenu_texte H1 a:hover, img a:hover{
    background-color: transparent;
    color: Black;
}

.contenu_texte H2{
    display: block;
    font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
    height: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.contenu_texte H3{
    display: block;
    font-family: "Arial";
    font-size: 11px;
    font-weight: bold;
    height: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

ul.intermed {
  list-style-image: url(../interface/images/puce_bleue.png);
}

ul.intermed a:hover {
  color: #7E0046;
}

.intermed {
    margin-left: 50px;
}

.intermed a:hover {
  color: #7E0046;
}

/*
 * Cadre blanc arrondi
 */

.cadre {
    display: block;
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 100%;
}
/* Haut-gauche, etc. */
.r-hg     {
    width: 5px; height: 24px; background: url('../admin/images/rond-hg-24.gif') no-repeat right bottom;
}
.r-h {
    height: 24px; background: url('../admin/images/rond-h-24.gif') repeat-x bottom;
    text-align: <?php echo $left; ?>;
}
.r-hd {
    width: 5px; height: 24px; background: url('../admin/images/rond-hd-24.gif') no-repeat left bottom;
}
.r-g {
    width: 5px; background: url('../admin/images/rond-g.gif') repeat-y right;
}
.r-d {
    width: 5px; background: url('../admin/images/rond-d.gif') repeat-y left;
}
.r-bg {
    width: 5px; height: 5px; background: url('../admin/images/rond-bg.gif') no-repeat right top;
}
.r-b {
    height: 5px; background: url('../admin/images/rond-b.gif') repeat-x top;
}
.r-bd {
    width: 5px; height: 5px; background: url('../admin/images/rond-bd.gif') no-repeat left top;
}
.r-c {
    background: white; padding: 2px;
    text-align: <?php echo $left; ?>;
}

.pied {
    width: 100%;
    height: 60px;
    background: url('../interface/pied.jpg') no-repeat;    
}

.pied_droite {
    width: 100%;
    height: 60px;
    background: url('../interface/pied_droite.jpg');

}