/*communs*/
body {
	margin: 2px 0 0 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 185%;
	color: #62594D;
	text-align: center;
	background-color: #EEEBE6;
}

#conteneur {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 948px;
	background-color: #FFFFFF;
	background-image: url(../img/fdInfo1.gif);
	background-repeat: repeat-y;
}



#entete {
	width: 100%;
	height: 232px;
	margin:0 0 0 0;
}

#entete_fd1 {
	float:right;
	position: relative;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	height: 70px;
	width:775px;
	background-image: url(../img/top/fond1.png);
	background-repeat: no-repeat;
	background-position: left;
	
}

#menu {
	height: 24px;
	margin: 39px 0 0 67px;
	text-align: left;
}


#menu ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border: none;
	text-align: left;
	color:#5F6863;
	font-weight: bold;
}

#menu li {
	display: block;
	float: left;
}

/* si le javascript n'est pas utilisé voir ce code pour bouton css */
#menu  a.lien1 {
	display: none;
	width: 142px;
	line-height: 24px;
	background: url(../img/nav/menu1.png) no-repeat 0 -24px;
	text-indent: 40px;
}

#menu  a:hover.lien2 {
	background: url(img/nav/menu2.png) no-repeat 0 0 ;
}

#menu  a.lien2 {
	display: block;
	width: 150px;
	line-height: 24px;
	background: url(../img/nav/menu2.png) no-repeat 0 -24px;
	text-indent: 40px ; 
}

#menu  a:hover.lien2 {
	background: url(img/nav/menu2.png) no-repeat 0 0 ;
}

#menu  a.lien3 {
	display: block;
	width: 181px;
	line-height: 24px;
	background: url(../img/nav/menu3.png) no-repeat 0 -24px;
	text-indent: 40px ; 
}

#menu  a:hover.lien3 {
	background: url(img/nav/menu3.png) no-repeat 0 0 ;
}


#menu  a.lien4 {
	display: block;
	width: 104px;
	line-height: 24px;
	background: url(../img/nav/menu4.png) no-repeat 0 -24px;
	text-indent: 40px ; 
}

#menu  a:hover.lien4 {
	background: url(img/nav/menu4.png) no-repeat 0 0 ;
}

#menu  a.lien5 {
	display: block;
	width: 104px;
	line-height: 24px;
	background: url(../img/nav/menu5.png) no-repeat 0 -24px;
	text-indent: 40px ; 
}

#menu  a:hover.lien5 {
	background: url(img/nav/menu5.png) no-repeat 0 0 ;
}

/* fin code pour bouton css */

#entete_fd2 {
	float: right;
	position: relative;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	height: 114px;
	width: 775px;
	background-image: url(../img/top/fond2.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#visupage {
	float:left;
	position:relative;
	text-align:left;
	width:525px;
	height:114px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

#menu2 {
float: right;
margin-right:48px;
margin-top:26px;
text-align: right;
line-height:12px;
}

#menu2 a {
font-size:90%;
font-variant: small-caps;
color:#7D6F62;
text-decoration: none;
letter-spacing: -1px;
}

#menu2 a:hover {
	color: White;
	text-decoration: none;
}


#entete_fd3 {
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 48px;
	width: 775px;
	background-image: url(../img/top/fond3.gif);
	background-repeat: no-repeat;
	background-position: left;
	border: none;

}


#zoneLogo {
	float: left;
	height: 232px;
	width:173px;
	background-image: url(../img/top/logoGrandde.gif);
	background-position: top;
	background-repeat: no-repeat;
}


.zoneLogoImg {
	position:relative;
	padding-top: 153px;
}


#zoneInfo {
float: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 948px;
	margin:0 0 0 0;
	background-color: White;
}

#navPages {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 173px;
	background-color: white;

	text-align: left;
}

/*	background-image: url(../img/nav/AvantNav.gif);
	background-repeat: repeat-y;
	background-position: right; */

#navPages .rubON a, #navPages .rubOFF a {
	display: block;
	float:left;
	margin:0 0 0 0;
	padding-top:2px;
	padding-left:19px;
	padding-bottom:4px;
	width:154px;
	font-size:12px;
	line-height:14px;
	text-decoration: none;
	color: white;
}

#navPages .rubON a {
	background-color: #B04DB0;
	background-image: url(../img/nav/puceRub.png);
	background-position: left;
	background-repeat: no-repeat;
	border-top: 3px solid #CEC6BA;
	margin:0;
}

#navPages .rubOFF a {
	background-color: #C6B8AA;
	background-image: url(../img/nav/puceRubOff.png);
	background-position: left;
	background-repeat: no-repeat;
	border-top: 3px solid #CEC6BA;
	margin-top:0px;
	margin-bottom:0px;
}


#navPages .rubON a:hover, #navPages .rubOFF a:hover  {
	background-color: #D6D65C;
	color: #FDFDF6;
	background-image: url(../img/nav/puceRubOver.png);
	background-position: left;
	background-repeat: no-repeat;
	margin:0;
}




#navPages  ul {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 19px;
	width: 154px;
	font-size: 11px;
	letter-spacing: -1px;
	font-family: Verdana,Arial,Geneva;
	color: #B757B7;
	background-color: #F9F8F6;
}

#navPages .invisible {
float:left;
display: none;
}

#navPages li a {
	display: block;
	color: #B757B7;
	text-decoration: none;
	height: 17px;
	border-bottom: 3px solid #F0EDE7;
}

#navPages li a:hover, #navPages a.pageOn  {
	color: #849128;
}




#zoneTxt {
	float: right;
	width: 705px;
	margin:0;
	background-color: #FFFFFF;
	border-right: 6px solid #EEEBE6;
	border-left: 63px solid #FFFFFF;
	text-align: left;
}


#zonePara {
	width:462px;
	margin:0;
	padding:0;
}

#zoneTxt h1 {
	font-size:16px;
	color: #666666;
	margin-left:4px;
	width:65%;
	padding-bottom:6px;
}

h2 {
	font-size:14px;
	font-weight:bold;
	color: #337399;
	margin-bottom:15px;
	margin-top:23px;
}

p {
	margin-left: 4px;
	margin-top:0;
	width: 100%;
}

#chapeau {
	display: block;
	background-color: #F0EDE8;
	color: #8D7E5F;
	width: 454px;
	margin: 0;
	padding-left: 8px;
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 155%;
}

#chapeau a:hover {
	color: #603;
	background-color: #E9D4AD;
	text-decoration: none;
	font-weight: bolder;
}

table {
	width: 90%;
	border: 2px solid #C3B4A0;
	background-color: #EDEDC2;
}

#zoneTxt .paraImg {
	float: left; /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
/* des navigateur. La seconde utilisera le format gif pour IE. */
	background: url(../img/shadowalpha.png) no-repeat bottom left !important;
	background: url(../shadow.gif) no-repeat bottom left;
	margin-right:21px;
	margin-top:12px;
}

#zoneTxt .paraImg img {
	display: block;
	position: relative;
	border: 1px solid #9AC1C1; /* Cette ligne permet de placer correctement notre image par rapport à notre*/
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
	margin: -4px -4px 5px 5px;
}

#zoneTxt a {
	text-decoration: none;
	background-color: #D6D65C;
	color: White;
	padding: 0 4px 0 4px;
	font-weight: bolder;
}

#zoneTxt a:hover {
	background-color: #E9D4AD;
}

#zoneTxt a:visited {
	background-color: #F5F5DC;
	color: #9F8566;
}

#zoneTxt .paraFichier {
	color: #614952;
	padding-left: 22px;
	background-image: url(../img/ico-telecharger.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#zoneTxt .paraFichier a {
	color: #033;
	background-color: #9F3;
	text-decoration: none;
	font-weight: bolder;
}

#zoneTxt .paraFichier a:hover {
	color: #F08080;
	background-color: #E9D4AD;
	text-decoration: none;
	font-weight: bolder;
}


#piedPage {
	float: left;
	height: 35px;
	width: 769px;
	background-color: White;
	border-right: 6px solid #EEEBE6;
	border-left: 173px solid White;
	padding-top: 80px;
	color: #009999;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
}

#piedPage a {
	color: #009999;
	font-size: 10px;
	text-decoration:none;
}

#piedFil {
	float: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 948px;
	height: 6px;
	background-image: url(../img/fdInfo1.gif);
	background-repeat: no-repeat;
	background-position: left;
}


/* AGENDA */

#agenda {
	position:absolute;
	top: 22px;
	right: 35px;
	width: 190px;
	background-color: #FFFFFF;
	margin: 0 0 20px 0;
	padding-top:48px;
	background-image: url(../img/ag/agTitre.png);
	background-repeat: no-repeat;
	background-position: top;
}