* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Geneva, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px !important;
	text-align: center;
}
h1 {
	font-family: Times, serif;
	font-size: 18px;
	margin:15px 0 5px 0;
	color:#6D6700;
}
h2 {
	font-family: Times, serif;
	font-size: 14px;
	margin:15px 0 7px 0;
	color:#6D6700;
}
h4 {
	font-family: Times, serif;
	font-size: 18px;
	margin:15px 0 5px 0;
	color:#000;
}
a:link, a:visited, a:active {
	color:#b33c00;
	text-decoration:none;
}
a:hover  {
	color:#b33c00;
	text-decoration:underline;
}
#contenu h1 {
	color:#00587f;
}
h1 span {
	color:#3d3800;
}
#page {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width:780px;
}
#colmenu {
	float: left;
	width:242px;
}
#colcontenu {
	float: left;
	width:538px;
}
#colcontenu img {
	padding:9px 0 0 0;
	margin:0;
}
p {
	padding:0;
	margin:0 0 5px 0;
}

/*  menu section  */
#colmenu ul {
	padding:14px 0 0 15px;
	margin:0 0 -5px 0;
	display:block;
	list-style:none;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
}
#colmenu li {
	padding:0 0 0 10px;
	background: url(../img/gen/flecheverte.gif) .1em .7em no-repeat;
}
#colmenu a:link, #colmenu a:visited, #colmenu a:active {
	color:#00587f;
	text-decoration:none;
}
#colmenu a:hover {
	color:#002a3a;
	background:none;
	text-decoration:none;
}
#colmenu .second a:link, #colmenu .second a:visited, #colmenu .second a:active {
	color:#6D6700;
	text-decoration:none;
}
#colmenu .second a:hover {
	color:#3d3800;
	background:none;
	text-decoration:none;
}
.bulletin {
	padding:5px 0 0 25px;
}
.champ {
	font-size:10px;
	background:#eeeedd;
	border:1px #7f7d30 solid;
	color:#6D6700;
	height:14px;
}
.bouton {
	font-size:10px;
	font-weight:bold;
	background:#cbcc66;
	border:1px #7f7d30 solid;
	color:#6D6700;
	margin:0 0 0 -4px;
	height:16px;
}
#colmenu .ssmenu {
	margin:0;
	padding:0;
}
#colmenu .ssmenu li {
	line-height: 14px !important;
	padding:0 10px 5px 10px;
	background: url(../img/gen/dot.gif) .1em .3em no-repeat;
}
#colmenu .ssmenu a:link, #colmenu .ssmenu a:visited, #colmenu .ssmenu a:active {
	color:#939393;
	/*color:#6498c0;*/
	text-decoration:none;
}
#colmenu .ssmenu a:hover {
	color:#002a3a;
	text-decoration:none;
}
#colmenu .off {
	color:#00394f;
}

#colmenu .offsecond {
	color:#3d3800;
}

/*   menu top  */
#colcontenu ul li {
	float:left;
	display:inline;
	list-style:none;
	height:15px;
	padding:3px 7px 3px 7px;
	margin:10px 0 0 0;
}
#colcontenu li {
	border-right:1px #D6D6D6 solid;
}
#colcontenu a:link, #colcontenu a:visited, #colcontenu a:active {
	color:#989898;
	text-decoration:none;
}
#colcontenu a:hover  {
	color:#000;
	background:none;
	text-decoration:none;
}
#colcontenu .first {
	padding-left:0;
}
#colcontenu .last {
	border-right:none;
}
#colcontenu .offgen {
	color:#000;
}
#top ul li {
	float:left;
	display:inline;
	list-style:none;
	height:15px;
	padding:3px 7px 3px 7px;
	margin:10px 0 0 0;
}
#top li {
	border-right:1px #D6D6D6 solid;
}
#top a:link, #top a:visited, #top a:active {
	color:#989898;
	text-decoration:none;
}
#top a:hover  {
	color:#000;
	background:none;
	text-decoration:none;
}
#top .first {
	padding-left:0;
}
#top .last {
	border-right:none;
}
#top .offgen {
	color:#000;
}


/*  zone texte  */
#text {
	width:538px;
}
#zonephoto {
	padding:0 20px 0 20px;
	background: url(../img/gen/bgphotos.gif) top #F3F3E5 repeat-x;
}
#zonephoto img {
	padding:5px 10px 5px 0;
}
#prochaines {
	width:230px;
	padding:0 20px 0 20px;
	background: url(../img/gen/bgprochaines.jpg) top #EAE792 repeat-x;
	color:#000;
}
#prochaines a:link, #prochaines a:visited, #prochaines a:active {
	color:#9A1900;
	text-decoration:none;
}
#prochaines a:hover {
	color:#fff;
	background:#9A1900;
	text-decoration:none;
	padding:0 2px 0 2px;
}
#commentaires {
	width:238px;
	padding:0 20px 0 10px;
	background: url(../img/gen/bgcommentaires.jpg) top #CBCC66 repeat-x;
	color:#000;
}
#commentaires a:link, #commentaires a:visited, #commentaires a:active {
	color:#9A1900;
	text-decoration:none;
}
#commentaires a:hover {
	color:#fff;
	background:#9A1900;
	text-decoration:none;
	padding:0 2px 0 2px;
}

/*   contenu d'une page   */
#contenu {
	width:508px;
	color:#6d3e13;
	background: url(../img/gen/bgphotos.gif) top #F3F3E5 repeat-x;
	padding:0 10px 20px 20px;
}
#contenu a:link, #contenu a:visited, #contenu a:active {
	font-weight:bold;
	color:#9A1900;
	text-decoration:none;
}
#contenu a:hover {
	font-weight:bold;
	color:#9A1900;
	text-decoration:underline;
}
#ssnav ul li {
	float:left;
	display:inline;
	list-style:none;
	height:15px;
	padding:3px 7px 3px 7px;
	margin:0 0 10px 0;
}
#ssnav a:link, #ssnav a:visited, #ssnav a:active {
	color:#b27f00;
	text-decoration:none;
}
#ssnav a:hover {
	color:#9A1900;
	background:none;
	text-decoration:none;
}
#ssnav .off {
	font-weight:bold;
	color:#9A1900;
	background:none;
	text-decoration:none;
}
#gallery {
	color:#6d3e13;
	position:relative;
	float: right;
	margin:0 0 20px 20px;
}
#gallery img {
	padding:5px 10px 5px 0;
}
.commentaire {
	margin:10px 0 0 0;
	padding:0 0 0 24px;
	background: url(../img/gen/commentaire.gif) top left no-repeat;
}
.question {
	margin:5px 0 0 0;
	padding:0 0 0 24px;
	background: url(../img/gen/question.gif) top left no-repeat;
}
#map {
	border:#6d3e13 solid 1px;
	margin:20px 0 0 0;
	padding:10px;
	background:#fff;
}

/*   tableau date   */
#date p {
	padding:3px 0 6px 0;
	border-bottom:1px #b27f00 solid;
	width:500px;
}
#date p.select {
	color:#6d3e13;
}
#date .select {
	color:#6d3e13;
}

/*   tableau commentaire   */
#comm p div {
	padding:3px 0 6px 0;
	border-bottom:1px #b27f00 solid;
	width:500px;
}
#comm p.select {
	color:#6d3e13;
}
#comm {
	padding:3px 0 6px 0;
	border-bottom:1px #b27f00 solid;
	width:500px;
}
#comm .select {
	color:#6d3e13;
}

/*   pied de page   */
#pied {
	padding:10px 0 0 20px;
	color:#989898;
}
#pied .concept {
	padding:0 0 0 10px;
	color:#ccc;
}
#pied .concept a:link, #pied .concept a:visited, #pied .concept a:active {
	color:#ccc;
	text-decoration:none;
}
#pied .concept a:hover {
	color:#989898;
	text-decoration:underline;
}


/*   loupe   */

#marge {
	width: 500px;
}
#visuelwrap {
	position:relative;
}
#visuel {
	position:relative;
	border:none;
}
#visuelGrand {
	display:none;position:absolute;top:0;left:0;width:300px;height:400px;z-index:10;border:none;
}
#visueldescrip {
	position: relative;
	border:none;
}
#grandeImage {
	display:none;position:absolute;top:0;left:0;width:300px;height:400px;z-index:10;border:none;margin-left:-405px;
}