/*png fix*/
img, div { behavior: url(../images/iepngfix.htc) }


body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0px;
	text-align: center;
	background: #88836e url(../images/background_tile.gif) repeat;
}

#background {
	background: transparent url(../images/head_border.gif) repeat-x;
	width: 100%;
}

#container {
	position: relative;
	top: 0px;
	margin: 0px auto;
	text-align: left;
	width: 647px;
}

#paint {
	margin: 138px 0 0 -400px;
	position:absolute;
	width: 1386px;
	height: 1000px;
	background: transparent url(../images/paint.gif) no-repeat;
}

#logo {
	position: absolute;
	margin: 0px;
	height: 138px;
	width: 187px;
	background: url(../images/logo.gif) no-repeat;
	z-index: 50;
}

/*----------head----------*/

#head {
	position: relative;
	padding: 0px;
	background: transparent url(../images/head_tools.gif) no-repeat;
	height: 138px;
	width: 647px;
	margin: 0;
	z-index: 1;
}

#head ul {
	position: absolute;
	bottom: 0px;
	padding: 0px;
	margin: 0;
	right: 8px;
	text-decoration: none;
	list-style: none;
	z-index: 201;
}

li.nav_wrap {
	float: right;
	background: #3387b2 url(../images/tab_wrap.gif) repeat-x 0 bottom;
	padding: 1px 1px 0px 1px;
	margin: 0 1px 0 0;
	text-decoration: none;
}

li.nav_wrapon {
	float: right;
	background: #3387b2;
	padding: 1px 1px 0px 1px;
	margin: 0 1px 0 0;
	text-decoration: none;
}

#head ul a.nav {
	float: left;
	display: block;
	text-decoration: none;
	background: #ffffff url(../images/tab_off.gif) repeat-x 0 bottom;
	padding: 7px 7px 7px 7px;
	color: #ffffff;
	font: normal 13px Helvetica, Arial, Geneva, sans-serif;
}

#head ul a.navon {
	float: left;
	display: block;
	text-decoration: none;
	background: #ffffff url(../images/tab_on.gif) repeat-x 0 bottom;
	padding: 7px 7px 7px 7px;
	color: #ffffff;
	font: normal 13px Helvetica, Arial, Geneva, sans-serif;
}

#head ul li:hover a {
	background: #fbc327 url(../images/tab_over.gif) repeat-x 0 bottom;
}

#head ul li:hover {
	background: #fbc327 url(../images/tab_wrap_over.gif) repeat-x 0 bottom;
}

#head ul li:hover a.navon {
	background: #3387b2 url(../images/tab_on.gif) repeat-x 0 bottom;
}

#head ul li.nav_wrapon:hover {
	background: #3387b2;
}

/*-----hometab-----*/
#home_tab {
	background: #3387b2 url(../images/home_off.gif) no-repeat;
	position: relative;
	padding: 0 5px;
}


/*----------end head----------*/

/*----------subnav-----------*/
#subnav {
	width: 629px;
	height: 25px;
	padding: 0px;
	margin: 0;
	left: 0px;
	text-decoration: none;
	list-style: none;
	background-color: #3387b2;
	z-index: 201;
}
#subnav_right {
	float: right;
}


#subnav a.subnav {
	float: left;
	display: block;
	text-decoration: none;
	padding: 5px 7px 5px 7px;
	color: #ffffff;
	font: normal 11px Helvetica, Arial, Geneva, sans-serif;
	text-transform: lowercase;
}

#subnav a.subnavon {
	float: left;
	display: block;
	text-decoration: underline;
	padding: 5px 7px 5px 7px;
	color: #ffffff;
	font: normal 11px Helvetica, Arial, Geneva, sans-serif;
	text-transform: lowercase;
}

#subnav a:hover {
text-decoration: underline;
}

#subnav a:hover {
text-decoration: underline;
}

/*----------end subnav-----------*/


#content {
	position: relative;
	margin:0px auto;
	padding: 0;
	text-align: left;
	background: transparent url(../images/page_back.png) repeat-y;
	width: 647px;
	z-index: 2;
}

#padding {
	padding: 0px 0px;
	margin: 0px 0 0 9px;
	position: relative;
	text-align: left;
	z-index: 2;
}

#text {
	padding: 20px 40px;
}

#text iframe {
	margin: -20px -40px 10px -40px;
}

#text img.spip_logos {
	margin: -20px -40px;
}

#footer {
	position: relative;
	text-align: center;
	padding: 0px;
	background: transparent url(../images/footer.png) no-repeat center top;
	height: 12px;
	width: 647px;
	margin-top: 0px;
	z-index: 5;
}

#contact a:link, #contact a:visited {
	font: normal 12px Helvetica, Arial, Geneva, sans-serif;
	padding: 10px 7px 10px 7px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	background: #3387b2 url(../images/contact_tab.gif) repeat-x 0 bottom;
	z-index: 4;
}

#contact a:hover {
	background: #3387b2 url(../images/contact_tab_on.gif) repeat-x 0 bottom;
}

#contact p {
	color: #ffffff;
	font: normal 10px Helvetica, Arial, Geneva, sans-serif;
	margin: -18px 0 0 110px;
}


#contact {
	margin: 0 0 0 80px;
	position: relative;
	z-index: 4;
}

.clearfloat {

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/*----content----*/

p {
	color: #3f3f3f;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	padding: 0 0 10px 0;
}

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #4e4740;
	margin: 0;
	padding: 10px 0;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #4e4740;
	margin: 0;
	padding: 10px 0;
}

h3 {
	color: #4e4740;
	font-size: 16px;
	line-height: 22px;
	margin: 0;
	padding: 0 0 20px 0;
	font-weight: normal;
	font-style: normal;
}

h3.spip {
	color: #4e4740;
	font-size: 16px;
	line-height: 22px;
	margin: 0;
	padding: 10px 0 8px 0;
	font-weight: normal;
	font-style: normal;
}

a:link, a:visited {
	color: #3387b2;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #ffc415;
	text-decoration: underline;
}

#docs {
float: right;
margin: 10px -31px 0 0;
position: relative;
width: 150px;
background-color: #ececec;
border: none;
}

.doc {
	width: 125px;
	}
	
.doc img.spip_logos {
	margin: 0px;
}
	
.doc, .doc a:link, .doc:visited, .spip_documents a:link, spip_documents a:visited {
	position: relative;
	text-align: center;
	width: 150px;
	padding: 5px 15px 5px 0px;
	z-index:5;
	background-image: none;
	text-decoration: none;
	border: none;
	}

.doc img, img.doc {
	text-align: center;
	padding: 20px 15px;
	margin: 0px;
	text-decoration: none;
	border: none;
	}
	
.doc p, p.doc {
	text-align: center;
	font-size: 11px;
	line-height: 11px;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	}

#gallery {
	padding: 5px 0 20px 0;
	border: none;
}
	
#gallery a, #gallery a:link, #gallery a:visited {
	padding: 2px 2px 10px 1px;
	margin: 0;
	text-decoration: none;
	border: none;
}

#gallery img {
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: none;
}
	
.pushdown, p.pushdown {
	text-align: center;
	color: #333333;
	line-height:5px;
	font-size: 5px;
	margin: 0px;
	padding:0px;
	width: 100%;
}

/*---nota bene---*/
.event_odd {
	position:  relative;
	background: #e5e5e5;
	width: 549px;
	padding: 5px 40px 25px 40px;;
}
.event_even {
	position:  relative;
	background: #ffffff;
	width: 549px;
	padding: 5px 40px 25px 40px;;
}

h3.event_date, h3.event_date {
	padding: 0;
	margin: 0;
	font-size: 12px;
}

a.event_title {
	padding: 0;
	margin: 0 0 5px 0;
	color: #333333;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
}

.event_odd p, .event_even p{
padding: 5px 0 0 0;

}

/*---calendrier---*/

.calevent_odd {
	position:  relative;
	background: #e5e5e5;
	width: 549px;
	padding: 5px 40px 10px 40px;;
}
.calevent_even {
	position:  relative;
	background: #ffffff;
	width: 549px;
	padding: 5px 40px 10px 40px;;
}

.calevent_odd h1, .calevent_even h1 {
	padding: 0;
	margin: 0 0 7px 0;
	font-size: 18px;
}

.calevent_odd h2, .calevent_even h2 {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.calevent_odd p, .calevent_even p {
padding: 5px 0 0 0;
}


a.button {
	float: right;
	margin: 0px -40px 0 0;
	text-decoration: none;
	color: #ffffff;
	background: url(../images/button.gif) repeat-x;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	padding: 4px 8px 4px 8px;
}

a:hover.button {
	background: url(../images/button_over.gif) repeat-x;
}

dt.spip_doc_titre {
font-size: 10px;

}


#logos {
position: relative;
width: 631;
margin: 10px 0 0 8px;
}

#logo1 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_01.gif) no-repeat;
width:202px;
height:42px;
}

a#logo1 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_01.gif) no-repeat;
width:202px;
height:42px;
}
a#logo2 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_02.gif) no-repeat;
width:218px;
height:42px;
}
a#logo3 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_03.gif) no-repeat;
width:211px;
height:42px;
}
a#logo4 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_04.gif) no-repeat;
width:164px;
height:52px;
}
a#logo5 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_05.gif) no-repeat;
width:185px;
height:52px;
}
a#logo6 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_06.gif) no-repeat;
width:151px;
height:52px;
}
a#logo8 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_09.gif) no-repeat;
width:126px;
height:67px;
}
a#logo9 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_08.gif) no-repeat;
width:140px;
height:67px;
margin: 0 0 0 50px;
}
a#logo10 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_10.gif) no-repeat;
width:119px;
height:67px;
}
a#logo11 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_11.gif) no-repeat;
width:115px;
height:67px;
}
a#logo12 {
position: relative;
float:left;
background: url(../images/logos/logo_vox_12.gif) no-repeat;
width:131px;
height:67px;
}