html, body {
	/*	height: 100%;*/
	margin: 0;
	padding: 0;
	
}
body{
	background: #fefefe url(../images/fond-body-acc.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
.print {
	display: none;
}
/* Header */
#header {
	/*	position: relative;height: 140px;*/

	height: 433px;
	padding: 0;
	overflow: hidden;
	background-image:  url(../images/cadre.jpg);
	background-position: bottom right;
	background-repeat: no-repeat; 
}
#print-header {
}
#header h1, #header h2 {
	font-weight: normal;
	color: Blue;
}

#header h1, #header img {
	margin: 0; padding: 0;
}
#header #about {
	position: absolute; /*	top: 25px;
	right: 20px;*/
	width: 176px;
	top: 387px;
	right: 17px;
	color: #8FBB02;
	z-index: 900;
	background-image: url(../images/fond-about.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
	padding-left: 4px;
}
#header #about a{
	/*	font-family: "Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Tahoma;
	color: #004183;
	background-image: url(../images/nergix01.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 45px;
	display: block;
	height: 48px;
}#header #about a:hover {
	background-position: right -47px;
	color: #8FBB02;
}
#zones {
overflow: hidden;
	height: 198px;
	background-image: url(../images/fond-zones2.jpg);
	background-repeat: no-repeat;
}


/* Content */
.wrapper {
	min-height: 100%;
	margin: 0 auto; 
	clear: both;
	width: 963px;
	position: relative;
}
#page  {
	height: 100%;
/*height: 200px;*/
	background-image: url(../images/fond-zones.gif);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0;
	width: 963px;
	overflow: auto; /* position: relative;obligatoire pour calculd e sa hauteur */
	
	/*background-image: url(../images/fond-gde-col2.jpg);
	background-position: bottom left;
	background-repeat: no-repeat; 	border: 1px dotted red;*/
}
#zones {
/*	margin: 0 auto;*/
	width: 963px;
	height: 204px;
}
#top-zones {
	background-image: url(../images/top-zones.jpg);
	background-position: top center;
	background-repeat: no-repeat;
/*	height: 198px;padding-top: 38px;*/
height: 38px;
		margin: 0 auto;
	width: 963px;
	overflow: auto;
}
#top-zones #lien_archives_agenda, #top-zones #lien_archives_actu {
	display: block;
	position: absolute; /*float: left;*/
	top: 10px;
}
#top-zones #lien_archives_agenda {
	left: 12px;

}
#top-zones #lien_archives_actu {
/*	left: 708px;*/
	right: 10px;

}
#top-zones a {
	color: #00355B;
}
#top-zones a:hover {
color: #FFD800;
}
#bas-zones {
	background-image: url(../images/bas-zones.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 158px;
	padding: 0;
    line-height : 1.2em;
	overflow: auto;
	margin: 0 auto;
	width: 963px;
}
#bas-zones #agenda,#bas-zones #actu {

	float: left;
	margin: 0;
}
#bas-zones #actu {
	width: 435px;
		margin: 0  0 0 45px;
		padding: 0 10px;
	}
#bas-zones #agenda {
	margin: 0  0 0 10px;
	width: 410px;
	padding: 0 10px;
}
.site-title {
display: block;
	float: left;
	padding-left: 15px;
/*width: 650px;*/
	
}



#adresse {
/*	position: absolute;bottom: 0;*/
	width: 187px;
	
	margin: 30px 0 0 0;
	text-align: justify;
	font-size: 1em;
	color: #330066;
	border-bottom: 1px solid #669933;
	clear: both;
}

/*----- test button vs sbmit  ---  */
/*-------- test boutons extensibles */
button.bouton {
	width: 90px;
	min-width: 90px;
	display: -moz-inline-box;
	display: inline-block;
	margin: 0px 0 0 10px;
	padding: 0 0px 0 0px;
	font: 1em/1.3 Arial;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: none;
	border: none;
	height: 26px;
}
button.bouton span {
	margin: 0;
	float: left;
	padding: 0 0 0 19px;
/* Largeur du c�t� gauche */
	vertical-align: middle;
	background: url(../images/search-but-g.gif) left top no-repeat;
}
button.bouton span span {
	margin: 0 0 0 0;
	padding: 0 3px 0 0;
/* Largeur du c�t� droit */
	background: url(../images/search-but-d.gif) right top no-repeat;
}
button.bouton span span span {
	margin: 0;
	height: 26px;
/* Hauteur du bouton */
	padding: 0px 3px 0 3px;
	line-height: 1.6;
/* Alignement vertical du texte */
	background: url(../images/search-but-m.gif) repeat-x left top;
}
/* Correction des bug Internet Explorer */
_html button {
	width: 1%;
	overflow: visible;
}
_*:first-child+html button {
	overflow: visible;
}
/* --- fin test boutons extensibles  ---  */

/* --- boite arrondies sidebar --- */




.bloc {
	/* conteneur global et arri?re-plan du titre du cadre */
	margin: 0 auto;
	margin-bottom: 15px;
	width: 293px;
	padding-top: 14px;
	background: url(../images/top-blocs.gif) no-repeat top left;
}
.bloc-in {
	/* arrière-plan bas et sur l'ensemble du cadre */
	background: url(../images/fond-blocs.gif) no-repeat bottom left;
	padding-bottom: 10px;
}
.bloc-in p
{
	margin: 0 30px 0 20px;
}



/* --- fin boite arrondies sidebar --- */
.content {
	margin: 0px 0 0 0;
	padding: 0 8px 8px 8px!important;
	background-color: transparent; /*background-image: url(../images/silhouettes2.gif);
	background-position:  95% 20%;
	background-repeat: no-repeat;*/
	min-height: 300px;
}
.clear {
	clear: both;
	height: 1px;
}

	


/* Footer  : ses menus sont ds menus.css*/
#footer {
	/* -------------------------- */
	height: 25px;
	clear: both;
	overflow: none;
	padding: 0;
	background-color: transparent; 
}

#footer p {
	text-align: center;
	color: #454545;
	margin: 0;
	padding: 0;
}

#footer p.teaser {
	color: #7B598C;
	font: 400 1.1em Trebuchet MS;
	padding-top: 10px;
} 



form#chercher {
	float: right;
/*	height: 110px;*/
	width: 220px;
	height: 40px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-right: 4px;
	background-image: url(../images/fond-search.gif);
	background-repeat: no-repeat;
	
}
form#chercher legend,form#chercher fieldset {
	border: none;
}
form#chercher legend {
	color: #1F037E;
	font-size: 0.8em;
}
form#chercher input#recherche_input{
	background-color: transparent;
	width: 170px;
	border: none; /*	background-color: #F6F6F6;border: thin inset;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0C598B!important;
	padding: 2px;
	margin: 10px 2px 2px 5px;
}
form#chercher input#recherche_submit{
	padding: 0;
}
#info-panel {
	position: relative;
}
#info-panel div {
z-index: 2000;
position: absolute;
top: 400px;
	display: none;
	width: 150px;
	padding: 5px;
	padding-top: 20px;
	border: 4px solid #fff;
	color: #fff!important;
	font-size: 1.1em!important;
	background-image: url(../images/fond-info.png);
	background-position: top right;
	
/*	background-color: #E9FF84;*/
	overflow: auto;
}
#info-panel p {

	
	color: #fff!important;
	font-size: 1.0em!important;
	
}
#info-panel #info-part{
	left: 360px;
}
#info-panel #info-pro{
	left: 540px;
}
#info-panel #info-educ{
	left: 720px;
}