/* Menu de gauche ŕ 2 niveaux*/
ul#menu {
	margin: 0px;
	padding: 43px 0 0 0;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(/img/designSite/gauche_blanc.jpg);
	background-color: white;
	width: 180px;
}

ul#menu a {
	display: block;
	background-repeat: no-repeat;
	height: auto;
	*height : 18px; /* hack for ie*/
	padding: 5px 0 10px 20px;
	background-image: url(/img/designSite/picto_v.gif);
	border-bottom-color: #B5DD00;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	background-position: -5px 0px;
	top: 0px;
	color: #6B8E23; /*#99BC00;/*#7C9700; /*old #97B903;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /*old 11*/
	font-variant: normal;
	font-weight: bold;
}

ul#menu a:hover {
	background-image: url(/img/designSite/picto_v.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #97B903; /*#7272C5;*/
}

ul#menu a:visited {
	background-image: url(/img/designSite/picto_v.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #97B903;
}

ul#menu ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	width: 180px;
	height: auto;
}

ul#menu ul a {
	display: block;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 35px;
	border-bottom-color: #B5DD00;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	background-position: 20px 5px;
	top: 0px;
	color: #6B8E23; /*#99BC00; /*#7C9700;*/
	font-size: 12px;
	background-image: url(/img/designSite/picto_v_p.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;
}

ul#menu ul a:hover {
	background-image: url(/img/designSite/picto_v_p.gif);
	background-repeat: no-repeat;
	color: #99BC00;
	font-variant: normal;
}

ul#menu ul a:visited {
	font-weight: normal;
	background-image: url(/img/designSite/picto_v_p.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #97B903;
}

/* Fin du menu */

/* Logo du menu : centré dans la div = 50%-80px */
.logo {
	/*padding: 40px 0 0 50%;*/
	padding-top: 30px;
	text-align: center;
}
.logo img {
	border: 0px;
	/*margin: 0 0 0 -80px;*/
}

/* Les autres zones */
#content {
	width: 182px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
}

.zone_texte {
	width: 598px;
	background-image: url(/img/designSite/barre_milieu.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /*old 11*/
	color: #333333;
	vertical-align: top;
	text-align: left;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

.content_zone_text {
	padding: 1px 20px 1px 20px;
}

.content_zone_text a:link {
	color: #6B8E23;
	text-decoration: none;
}

.content_zone_text a:hover {
	color: #99BC00;
	text-decoration: underline;
}

.content_zone_text a:visited {
	color: #99BC00;
}

#guide_font {
	width: 598px;
	background-image: url(/img/designSite/barre.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7272C5;
	padding: 10px 0px 0px 20px;
	height: 33px;
	background-repeat: no-repeat;
}

.zone_bas {
	width: 598px;
	background-image: url(/img/designSite/barre_ba.gif);
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
}

#colGauche {
	width: 578px;
	height: 300px;
	margin: 0;
	top: 120px;
	left: 362px;
	float: right;
}

.zone_haut {
	width: 598px;
	background-image: url(/img/designSite/barre_ha.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 16px;
}

#zone_hautBis {
	width: 800px;
	background-image: url(/img/designSite/barre_haut.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 16px;
}

.mask {
	color: #B5DD00
}

#sectionVilles {
	margin: 0px;
	width: 500px;
}

#sectionVilles h3 {
	font-weight: bold;
	padding-right: 0px;
	padding-bottom: 0px;
	height: auto;
	width: inherit;
	background-position: top;
	top: 0px;
	margin-top: 0px;
}

#sectionVilles a {
	display: block;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 5px;
	top: 0px;
	font-size: 10px;
	color:  #6B8E23;;
	float: left;
	margin-left: 10px;
	text-align: center;
	padding-right: 5px;
	white-space: nowrap;
}

#sectionVilles a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #97B903;
}

#sectionVilles a:visited {
	font-weight: bold;
	color: #97B903;
}


#zone_plan {
	width: 598px;
	vertical-align: middle;
	text-align: center;
	background-color: #FFFFFF;
	height: 430px;
}

.police_blanc_band {
	width: 162px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	line-height: normal;
}

#zone_tableau {
	width: 735px;
	vertical-align: middle;
	text-align: center;
	height: 390px;
	margin-top: 20px;
	background-color: #FFFFFF;
}

#guide_font_large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7272C5;
	padding: 10px 0 0 20px;
	width: 760px;
	height: 21px;
	background-repeat: no-repeat;
}

#zone_haut780 {
	width: 780px;
	background-image: url(/img/designSite/barre780.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
}

#zone_bas780 {
	width: 780px;
	background-image: url(/img/designSite/barre780.gif);
	text-align: left;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 18px;
}

#zone_texte_large {
	width: 780px;
	background-image: url(/img/designSite/barre_milieu.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	padding-top: 10px;
}

#zone_texte_large iframe {
	width: 100%;
	height: 900px;
}

.titre {
	font-size: 12px; /*old 12*/
	font-weight: normal;
	background-color: #7272C5; /*#99BC00;*/
	height: 16px;
	padding-top: 3px;
	text-indent: 10px;
	color: #FFFFFF;
	text-align: left;
}

#link {
	color: #FFFFFF;
}

#link h3 {
	color: #FFFFFF;
}

#link a {
	color: #FFFFFF;
}

#link a:hover {
	color: #FFFFFF;
}

#image_centre {
	position: relative;
	float: left;
}

.fixheight713 {
	height: 200px;
}

/* Style du texte de la colone du centre */
.center_text {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-align: left;
	font-style: italic;
	width: 150px;
	line-height: 16px;
	padding: 100px 0 0 10px;
}

.citation {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-align: left;
	font-style: italic;
	width: 150px;
	line-height: 16px;
	padding: 100px 0 0 10px;
}

.auteur {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-align: right;
	font-style: normal;
	width: 150px;
	line-height: 16px;
	padding: 5px 0 0 10px;
}

.fonction {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-align: right;
	font-style: normal;
	width: 150px;
	line-height: 9px;
	padding: 0px 0 0 10px;
}

.important {
	background-color: #B0CC00
}