/*** général */
* { margin: 0; padding: 0; border: 0 }
/*body { background: url("images/body.jpg") repeat-x 0 100px; font: small Verdana, Arial, sans-serif }*/
body { background: #CBCBCB 98% 95% no-repeat fixed; font: small Verdana, Arial, sans-serif }
a { color: #909 }
a:hover { color: #f60; text-decoration: none }
p { padding: 5px; line-height: 20px }
p img { margin-top: 5px; position: relative } /* IE */
a span { visibility: hidden }

/*** en-tête */
#haut { width: auto; background: #333 url("images/fond-haut.gif") no-repeat 520px 100% }
#haut, #haut a { display: block; height: 100px }
#haut a { width: 520px; background: url("images/logo.gif") no-repeat 14px 100%; text-decoration: none }
#baslogo { background: url("images/hautbas.gif"); width: 130px; height: 65px; position: absolute; left: 14px; top: 100px }
#glogo { background: url("images/tuixs.gif"); width: 348px; height: 44px; position: absolute; right: 0; top: 7px }

/*** corps de page */
#milieu { z-index: 1 }
#milieu, #footer { 
	position: relative; 
	width: auto; 
	height: auto; 
	margin: 27px 230px 13px 160px; 
	min-width: 250px;
}
/*** dans corps de page */
h1 { border-bottom: 1px solid #eee; color: black; font-size: large }
h2 { color: #666; font-style: italic; margin: 3px 0; font-size: small }
#milieu p, #milieu ul { text-align: justify }
.couleur { color: #909; font-weight: bold }

/*** puces & icones */
#milieu ul { padding-left: 10px; margin-left: 5px; line-height: 20px; list-style: none }
#milieu ul li { margin-top: 3px; padding-left: 15px; background: url("images/puce.gif") no-repeat 0 5px }
#milieu li { color: #333 }
#milieu li ul li { line-height: 117% }
/* plan */
#milieu #map li ul li { background: url("images/puce-plan-clair.gif") no-repeat 0 2px }
#milieu #map li, #milieu #map ul li ul li { background: url("images/puce-plan.gif") no-repeat 0 4px }
/* link */
#milieu .web li { background: url("images/puce-web.gif") no-repeat 0 4px }
/* date */
#milieu .date li { background: url("images/puce-date.gif") no-repeat 0 3px }
ul.date { clear: both; margin-bottom: 20px }
/* publications */
#milieu #publi li { background: url("images/puce-book.gif") no-repeat 0 4px }
#milieu #publi em { color: #333; font-size: 11px }
/* members */
#milieu .members li { background: url("images/puce-date.gif") no-repeat 0 3px }
ul.members { clear: both; margin-bottom: 20px }
/* commun */
#milieu #publi h2, #milieu .date h2, #milieu .members h2 { color: #333; font-style: normal; margin-top: 13px }

/* icones */
.icone { height: 11px; margin-top: 4px }
#milieu #publi .icone { margin-top: 2px }
a.icone { 
	font-size: 10px; 
	line-height: 100%; 
	display: block; 
	padding-left: 16px; 
	text-decoration: none; 
	margin-right: 7px; 
	float: left;
	background-repeat: no-repeat
}
a.email { background-image: url("images/icone-email.gif") }
a.tel { background-image: url("images/icone-tel.gif"); color: #333 }
a.web { background-image: url("images/icone-web.gif") }

/* pied corps de page */
#foot { position: relative; height: 19px; _height: 21px; width: auto }
#foot a { display: block; width: 14px; _width: 15px; height: 14px; text-decoration: none; float: right; margin-left: 5px }
#foot a span { display: none }
.lien1 { background: #EE9632 }
.lien2 { background: #c03 }
.lien3 { background: #906 }

/*** menu principal */
#menu { 
	z-index: 3; 
	top: 188px;
	left: 15px; 
	width: 130px; 
	background: #550948; 
	position: absolute;
}
#menu span { 
	display: none;
}
#menu ul { 
	border-bottom: 1px solid #CBCBCB;
	list-style: none;
	width: 130px;
}
#menu ul li { 
	position: relative;
}
#menu li ul { 
	position: absolute;
	top: 0;
	left: 130px; /* n px de moins selon border-left & border-right */
	display: none;
}
#menu ul li a { 
	border-top: 1px solid #CBCBCB;
	display: block;
	text-decoration: none;
	color: white; 
	padding: 3px 0;
	padding-left: 7px;
	background: #550948; /*** background important pour IE6 ***/
	border-left: 7px solid #550948; /* identique bg */
}
/* sous-menus */
#menu li ul li a { 
	background: #82215C;
	border-left: 7px solid #82215C;
} 
/* IE hack (sauf IE Mac) \*/
* html #menu ul li { float: left; height: 1% }
* html #menu ul li a { height: 1% }
/* tous menus survolés */
#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active, #menu a.select:hover, #menu a.select:focus, #menu a.select:active { 
	background-color: #006; border-left: 7px solid #fc0
}
/* affichage sous-menus */
#menu li.over ul, /* IE hack (javascript) */
#menu li:hover ul { display: block }
/* menu actif, menu actif avec sous-menu */
#menu #actif { background-color: #82215C }
/*#menu #actifsub { background-color: #039 }*/
/* sous-menus */
#menu a.subsm, #menu a.select { background-color: #039; border-left: 7px solid #039 }
/* menu avec sous-menu */
/*#menu a.sub, #menu #actifsub { */
#menu a.sub { 
	background-image: url("images/menu-arrow.gif"); 
	background-position: 115px 50%; 
	background-repeat: no-repeat
}
/* menu avec un sous-menu actif */
/*#menu a.select { */
#menu a.select, #menu #actifsub { 
	background: #039 url("images/menu-arrow-bas.gif"); 
	background-position: 112px 50%; 
	background-repeat: no-repeat
}
/* sous-menu actif */
#menu a.selectsm, #menu a.selectsm:hover { background-color: #039 }
/* tout menu actif */
#menu #actif, #menu a.selectsm, #menu a.selectsm:hover, #menu #actifsub { border-left: 7px solid #BA1234; cursor: default }

/*** navigation bas de page */
#footer { 
	border-top: 1px solid #eee;
	margin-top: 0; 
	height: 20px;
}
#footer ul { list-style: none }
#footer ul li { float: left }
#footer ul a { 
	display: block;
	color: black;
	text-decoration: none;
	background: none;
	font-size: x-small; 
	width: auto; 
	margin-right: 13px; 
	text-align: center;
}
#footer ul a:hover, #footer ul a:active, #footer ul a:focus { 
	border-bottom: 2px solid #000;
}
#footer #actifbas { 
	border-bottom: 2px solid #BA1234;
	cursor: default;
}

/*** encart & news */
#info { 
	position: absolute; 
	z-index: 1; 
	right: 15px; 
	width: 198px; 
	top: 127px;
	background: #F7E8EE url("images/fond-info.gif") no-repeat; /* #550948 */
	padding-top: 15px; 
	border: 1px solid #eee
}
#info p, #info li { color: #550948; font: 12px "Courier New", Courier, mono }
#info p, #info ul { line-height: 17px }
#info p.more { text-align: right }
#info ul { margin: 7px 4px; margin-bottom: 0; list-style: none }
#info ul li { margin-top: 3px; padding-left: 15px; background: url("images/puce-info.gif") no-repeat 0 2px }
#info ul li.head { margin-top: 5px; _padding-top: 5px; padding-left: 0; background: none; font-size: 16px }
#info ul li span { font-weight: bold }
#info a { color: #03c }
#info a:hover { color: #f90 }

/*** commun */
.imgg { margin-right: 5px; border: 1px solid #eee }
.imgd { margin-left: 5px; border: 1px solid #eee }
acronym { cursor: help; border-bottom: 1px dotted black }
.petit { font-size: x-small }
.alerte { font-weight: bold; color: #ff9; font-style: normal }
#ppan { display: block; width: 118px; height: 20px; margin: 8px 15px; text-decoration: none; background: url("images/pierre-pesty.gif") }
#ppan span { display: none }

/* listes */
.liste td { border: 1px solid #666; padding: 1px 2px }
.liste td a { text-decoration: none }

/* special news */
#specialnews, #fp6, .highlight { background: #eee url("images/body-special.gif") no-repeat 100% 100%; border: 1px solid #999; margin: 8px 5px; padding: 5px }
#specialnews h1 { border: 0 }
#specialnews img { padding-right: 7px }
#fp6 img { vertical-align: middle; display: inline-block }
#fp6 h3 { color: #333; font-size: small }

/* galerie */
div.heads, div.fig { float: left; background: #eee; border: 1px solid white; padding: 5px; margin: 0 4px 7px 4px; width: 177px }
div.fig { width: 255px; height: 325px }
div.fig p { font-size: 12px; line-height: 117% }
div.heads img { border: 1px solid #999 }
div.spacer { clear: both }
div.read { width: auto; _width: 95% }
div.heads p { margin: 0; padding: 0; font-size: 90% }

/* form */
#submit, #remove { width: auto; cursor: pointer; padding: 0; color: #fff; background-color: #82215C }
#submit:hover, #remove:hover { color: #82215C; background-color: #fff }