body {
	margin: 0;
	padding: 0;
	background-color: #a2c140; /*#0099c9;*/
}

#page {
	position: relative;
	margin: auto;
	
	width: 990px;
   	background-color: #fff;
	/*padding-bottom: 15px;*/
}

#fond-site {
	/*background-image: url(/images/fond-site-hiver.gif);*/
	background-image: url(/images/fond-site.gif);
	background-repeat: no-repeat;
	position: absolute;
	height: 81px;
	width: 142px;
	left: -142px;
	top: 246px;
}

/*--------------------------------------------------------------------
/* ENTETE
/**/

#entete {
	position: relative;
	background-image: url(/images/entete.jpg);
	background-repeat: no-repeat;
	height: 301px;
	width: 990px;
}

#logo {
	position: absolute;
	left: 0;
	top: 27px;
}

#logo img {
	border: 0;
}

#slogan {
	position: absolute;
	top: 260px;
	left: 370px;
	/*color: #83ac00;
	font-size: 26px;
	font-family: tahoma;*/
}

#photo-entete {
	position: absolute;
	top: 61px;
	left: 370px;
	height: 194px;
	width: 492px;
}

/*--------------------------------------------------------------------
/* MENU-HAUT
/**/


#menu-haut {
	position: absolute;
	top: 37px;
	right: 0;
}

#menu-haut a {
	padding-right: 26px;
	color: #8bb110;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	
}


#menu-haut a:hover,
#menu-haut .itemActif {
	
	color: #0099c9;
}


/*--------------------------------------------------------------------
/* RECHERCHE
/**/

#recherche {
	position: absolute;
	bottom: 10px;
	right: 26px;
	height: 29px;
	border: 1px solid #83ac00;
	width: 165px;
	overflow: hidden;
	
}

#txtRecherche {
	height: 20px;
	width: 125px;
	border: 0;
	vertical-align: top;
	font-size: 16px;
	color: #58585a;
	padding-top: 5px;
	padding-left: 5px;
}	


/*--------------------------------------------------------------------
/* LIENS DIRECTS
/**/

#icones {
	position: absolute;
	top: 60px;
	right: 26px;
	height: 168px;
	width: 88px;
	padding-top: 25px;
	border: 1px solid #83ac00;
	padding-left: 5px
	
	
}

#icones a {
	display: block;
	height: 14px;
	padding-top: 7px;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 29px;
	font-size: 10px;
	color: #58585a;
	text-decoration: none;
	margin-bottom: 15px;
	line-height: .9em;
	
}

#icones a:hover {
	color: #0099c9;
}

#icone-video {
	background-image: url(/images/icone-video.gif);
}

#icone-cartes {
	background-image: url(/images/icone-cartes.gif);
}

#icone-meteo {
	background-image: url(/images/icone-meteo.gif);
}

#icone-album-photo {
	background-image: url(/images/icone-album-photo.gif);
	height: 20px !important;
	padding-top: 1px !important;
}



/*--------------------------------------------------------------------
/* PRINCIPAL
/**/

#principal {
	background-image: url(/images/haut-principal.gif);
	background-repeat: no-repeat;
	
	min-height: 500px;
}

* html #principal {
	height: 500px;
}

/*--------------------------------------------------------------------
/* PUBLICITÉ
/**/

#publicite {
	position : absolute;
	top : 310px;
	left : 234px;

	width : 468px;
	height : 60px;

	overflow : hidden;

	border : 1px solid #e1e0cb;

	opacity : 0.80;
}

#publicite img {
	border: 0;
}


/*--------------------------------------------------------------------
/* MENU
/**/


#menu {
	margin : 0;
	padding : 0;
	list-style-type : none;

	float: left;
	width: 152px;
	padding-left: 22px;
	padding-right: 60px;
	padding-top: 92px;
} 

#menu ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#menu li {
	margin : 0;
	padding : 0;

  	margin-bottom: 5px;
	border-bottom: 1px solid #a2c140;
	text-align: right;
	padding-top: 12px;
	padding-bottom: 5px;
}

#menu a {
	
	font-weight: bold;
	color : #58585a;
	text-decoration : none;
	font-size: 13px;
}

#menu a:hover,
#menu .itemActif {
	
	color : #0099c9 !important;
	
	
}

#menu .sous-menu li {
	margin-bottom: 0;
	border-bottom: 0;
	padding: 0;
}

#menu .sous-menu a {
	color: #58585a;
	font-weight: normal;
	font-size: 11px;
	text-transform: none;
}

#menu .sous-menu a:hover {
	color : #0099c9;
}


/*------------------------
/* FIL D'ARIANE
/**/

#fil {
	font-size: 10px;
	color: #83ac00;

	padding-left: 20px;
	padding-bottom: 10px;
}

#fil a {
	text-decoration: none;
}

#fil a:hover,
#fil #fil-pageEnCours {
	color: #006d90;
}


/*------------------------
/* CONTENU
/**/

#contenu {
	float: left;
	width: 730px;
	padding-top: 80px;
	padding-right: 26px;
}

#contenu, #contenu font, #contenu small,
#bande-droite, #bande-droite font, #bande-droite small {
	line-height : 1.6em;
}

.accueil #contenu {
	width: 470px;
	padding-top: 105px;
	padding-right : 0;
}

#contenu h1 {
	margin: 0;
	margin-bottom : 0.5em;

	padding-left: 20px;
	padding-top: 5px;
	padding-bottom : 5px;

	/*height: 29px;*/

	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;

	color: #fff;
	background-color: #83ac00;

	line-height : 1.25em;
}

#contenu h2 {
	padding: 0;
	margin: 0;

	margin-top: 25px !important;
	margin-bottom : 0.5em;

	border-bottom: 1px solid #83ac00; /*#0099c9;*/

	font-size: 20px;
	font-weight: normal;

	color: #83ac00;/* #0099c9;*/
	
	line-height : 1.25em;
}

.accueil #contenu h2,
.accueil #bande-droite h2 {
	margin : 0;
	margin-top : 1em;
	margin-bottom : 0.5em;

	padding-left: 20px;
	padding-top: 5px;

	height: 29px;


	font-size: 20px;
	font-weight: normal;
	color: #fff;
	background-color: #0099c9;
	text-transform: uppercase;

	line-height : 1.25em;

	border-bottom : 0;
}

#contenu h3 {
	padding: 0;
	margin: 0;

	padding-top: 15px;

	font-size: 16px;
	font-weight: normal;
	color: #0099c9; /*#83ac00;*/
}

#contenu a {
	color : #0099ca; /*#597402;*/
}

#contenu a:hover {
	color : #000;
}

#texte {
	padding-left: 20px;
	padding-right: 20px;
}

#contenu #contenu-calendrier,
#contenu #contenu-actualites {
	/*font-size: 12px;*/
	padding-left: 20px;
}

#contenu #contenu-calendrier .titre,
#contenu #contenu-actualites .titre {
	font-weight : bold;
}

#contenu #contenu-calendrier a {
	color: #83ac00;
	/*font-size: 15px;*/
}

#contenu .evenement,
#contenu .actualite {
	padding-bottom: 20px;
	
}

#contenu #contenu-actualites a {
	color: #0099c9;
}

#contenu #contenu-calendrier a:hover,
#contenu #contenu-actualites a:hover {
	color : #000;
}




/*------------------------
/* BAS TEXTE
/**/


#bas-texte {
	margin-top: 25px;
	padding-top: 5px;
	color: #83ac00;
	font-size: 10px;
	border-top: 1px solid #83ac00;
}

#bas-texte img {
	vertical-align: middle;
}

#bas-texte a {
	color: #83ac00;
	text-decoration: none;
}

#bas-texte a:hover {
	color: #0099c9;
}

#bas-texte .gauche {
	float: left;
}	


#bas-texte .gauche a {
	padding-right: 25px;

}

#bas-texte .droite {
	float: right;
}

/*------------------------
/* BANDE DROITE (ACCUEIL)
/**/

#bande-droite {
	float: right;
	width: 212px;
	padding-right: 13px;
	font-size: 12px;

	padding-top : 5px;
}

#bande-droite a {
	color: #83ac00;
	
}



/*-------------------------
/* PIED
/**/

#pied {
	font-size: 12px;
	padding-top: 35px;
	
	padding-right: 19px;
	padding-left: 19px;
	padding-bottom : 10px;

	color: #83ac00;
}

#pied a {
	color: #0099c9; /*#83ac00;*/
	text-decoration: none;
	
}

#pied a:hover {
	color : #000; /*#0099c9;*/
}

#pied #realisation {
	float: right;
}

#pied #copyright {
	float: left;
}



/*-------------------------
/* ENTREPRISE
/**/

#contenu .entreprise {
	border: 1px solid #0099c9;
	background-color: #ccf3ff;
	margin-top: 20px;
	

}

#contenu .entreprise .entreprise-titre {
	background-color: #0099c9;
	color: #fff !important;
	display: block;
	padding-left: 10px!important;
	padding-right: 10px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-size: 18px;
	font-weight: normal;

}

#contenu .entreprise .entreprise-titre a {
	color : #fff;
	text-decoration : none;
}

#contenu .entreprise .entreprise-titre a:hover {
	text-decoration : underline;
}

#contenu .entreprise .entreprise-contenu {
	padding: 10px;
	width: 660px;
	position : relative;
	/* overflow: hidden;*/
}

#contenu .entreprise .entreprise-contenu p {
	/*margin-top : 10px;
	margin-bottom : 0px;*/
}

#contenu .entreprise .entreprise-contenu a {
	color: #0c90b9; /*#0099c9;*/
}

#contenu .entreprise .entreprise-amorce {
	
	width: 378px;
	float: right;
}


#contenu .entreprise .entreprise-voirDetails {
	font-size : 12px;
	position : absolute;
	right : 10px;
	top : -23px;

	line-height : 14px;
}

#contenu .entreprise .entreprise-voirDetails a {
	color : #fff;
}

.entreprise-photos {
	width: 204px;
	vertical-align: top;
}

.entreprise-coordonnees {
	vertical-align: top;
}
.entreprise-photos img {
	height: 146px;
	width: 194px;
	margin-bottom: 15px;
}


.entreprise-photo {
	padding-top: 8px;
	padding-left: 10px;
	background-image: url(/images/fond-membre.gif);
	background-repeat: no-repeat;
}