body {
	background: #fff;
	color: #ccc;
}
	
#titre {
	height: 50px;
	text-align: center;
	overflow: hidden;
}
#titre h1 {
	background: url("../../templates/media/pagecom/00025.png");
	display: inline-block;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	padding: 7px 30px;
	margin: 12px 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#wrapper {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
}

#container {
	padding: 10px;
}

#entete {
	height: 120px; 
	overflow: hidden;
}

#media {
	background: #000;
	border-top: 1px solid #666;
	height: 400px;
	position: relative;
	overflow: hidden;
}
#media .pano-top { position: absolute; background: url("../../templates/media/pagecom/media.png") repeat-x; width: 880px; height: 1px; top: 0; }
#media .pano-aide { display: none; position: absolute; width: 750px; height: 120px; top: 100px; left: 64px; border: 1px solid #222; }
#media .pano-bottom { 
	background: url("../../templates/media/pagecom/00075.png");
	position: absolute;
	bottom: 0;
	height: 27px;
	width: 880px;
	overflow: hidden;
}
#media .pano-bottom a { float: left; padding: 7px 10px; color: #ccc; }
#media .pano-bottom a:hover { color: #fff; }
#media .pano-bottom a.fullscreen { background: url("../../templates/media/pagecom/ancre-pleinecran.gif") right no-repeat; float: right; padding: 0 20px 0 0; margin: 7px 10px; }
#media .pano-bottom a.help { background: url("../../templates/media/pagecom/ancre-aide.gif") right no-repeat; float: right; padding: 0 15px 0 0; margin: 7px 10px; }

#content {
	background: #fff url("../../templates/media/pagecom/sidebar.gif") repeat-y right bottom;
	overflow: hidden;
}

#body { width: 650px; float: left; color: #333; }
#body h1 { font-size: 32px; font-weight: bold; margin: 0 0 0 -5px; }
#body h2 { font-size: 24px; font-weight: bold; margin: 0 0 15px -5px; }
#body p { line-height: 170%; font-size: 12px; }
#body li { line-height: 170%; font-size: 12px; }

#menu {
	background: url("../../templates/media/pagecom/menu.gif");
	border-top: 1px solid #111;
	border-bottom: 1px solid #303030;
	height: 30px;
	overflow: hidden;
}
#menu li { display: inline; }
#menu li a { color: #aaa; float: left; padding: 9px 15px; font-weight: bold; text-shadow:0 1px 0 #111; }
#menu li.active a { color: #fff; }
#menu li.active a:hover { color: #fff; }

ul#pages { list-style: none; }

.jcarousel-container {
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 650px;
	z-index: 1;
}
.jcarousel-clip {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 650px;
	z-index: 2;
}
.jcarousel-list {
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	z-index: 1;
}
.jcarousel-item {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	width: 570px;
	padding: 30px 40px;
}

#sidebar {
	background: #292929 url("../../templates/media/pagecom/sidebar.gif");
	width: 230px;
	float: left;
}
#sidebar ul#accordion { border-top: 1px solid #161616; }
#sidebar ul#accordion li { list-style-type: none; }
#sidebar .ui-accordion a.ui-accordion-header { background: url("../../templates/media/pagecom/sidebar-li.gif") bottom repeat-x; border: none; text-align: left; padding: 10px; }
#sidebar .ui-accordion a.ui-accordion-header:hover { background: url("../../templates/media/pagecom/sidebar-li.gif") bottom repeat-x; }
#sidebar .ui-accordion a.ui-state-active { background: url("../../templates/media/pagecom/sidebar-li-open.gif") bottom repeat-x; }
#sidebar .ui-accordion a.ui-state-active:hover { background: url("../../templates/media/pagecom/sidebar-li-open.gif") bottom repeat-x; }
#sidebar .ui-accordion-content { 
	background: #292929 url("../../templates/media/pagecom/sidebar-open.gif");
	border: 0;
	border-bottom: 1px solid #373737;
	color: #eee;
	font-size: 11px;
	padding: 10px 15px;
	line-height: 170%;
}
#content .ui-accordion-content p { margin: 0; }
#content .ui-accordion-content li { margin: 0 0 5px 20px; }
#content form { margin: 5px 0 0 0; }
#content form input, #content form select, #content form textarea { background: url("../../templates/media/pagecom/input.gif"); width: 192px; border: 1px solid #2c2c2c; padding: 3px; margin: 0 0 5px 0; color: #666; }
#content form select { padding: 2px; }
#content form select option { background: #eee; }
#content form select.civilite { width: 60px; margin: 0 5px 0 0; float: left; }
#content form input.nom { width: 127px; }
#content form a.envoyer { display: block; text-align: right; color: #ccc; font-weight: bold; }
#content form a.envoyer:hover { color: #fff; }

#message_contact { text-align: center; font-size: 10px; line-height: 140%; margin: 0 0 10px 0; }
.mail_loading { height: 100px; background: url("../../templates/media/pagecom/mail-loading.gif") 50% 50% no-repeat; }

#map { width: 198px; height: 198px; border: 1px solid #2c2c2c; margin: 5px 0; }
#map span { display: none; }

#legal {
	overflow: hidden;
	text-align: center;
	margin: 20px 0;
}
#legal span.logo-left { float: left; margin: 5px 10px; }
#legal span.logo-right { float: right; margin: 5px 10px; }
#legal h1 { color: #fff; font-size: 13px; font-style: italic; margin-top: 7px; }
#legal h1 strong { font-style: italic; }

#pied { overflow: hidden; }
#pied form { width: 260px; float: right; overflow: hidden; padding: 10px; }
#pied form span.label { float: left; width: 105px; text-align: right; clear: both; margin: 3px 5px 0 0; }
#pied form input { float: left; width: 140px; padding: 3px; margin: 0 0 5px 0; }
#pied form ul { text-align: right; margin: 5px 0 0 0; }
#pied form li { list-style: none; display: inline; margin: 0 3px 0 10px; }