* {
	padding: 0;
	margin: 0;
	border: none;
}

body {
	font-size: 12px;
	font-family: "Trebuchet MS", sans-serif;
	text-align: center;
	background: url("SITES/sionneau.fr/squelettes/images/body.png");
	color: #000;
}

.spacer {
	clear: both;
}

#page {
	position: relative;
	width: 860px;
	margin: 0 auto;
	padding-bottom: 28px;
	background: url("SITES/sionneau.fr/squelettes/images/page.png") bottom no-repeat;
	text-align: left;
}

#sous-page {
	padding: 0 15px;
	background: url("SITES/sionneau.fr/squelettes/images/sous-page.png") repeat-y;
}




#haut {
	height: 169px;
	position: relative;
	background: url("SITES/sionneau.fr/squelettes/images/haut.png") 0px 0px no-repeat;
}

#haut ul {
	list-style: none;
}

#haut ul li#accueil {
	position: absolute;
	top: 0; left: 0;
	width: 180px;
	height: 169px;
}

#haut ul li#accueil a,
#haut ul li#accueil a:link,
#haut ul li#accueil a:visited {
	display: block;
	padding: 147px 0 0 0;
	height: 22px !important;
	height /**/:169px;
	background: url("SITES/sionneau.fr/IMG/siteon0.jpg") 0 0 no-repeat;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

#haut ul li#accueil a:hover {
	color: #fff;
	text-decoration: underline;
}

#haut ul li#le_groupe {
	position: absolute;
	top: 120px; left: 240px;
}

#haut ul li#historique {
	position: absolute;
	top: 147px; left: 240px;
}

#haut ul li#plan_acces {
	position: absolute;
	top: 120px; left: 360px;
}

#haut ul li#realisations {
	position: absolute;
	top: 147px; left: 360px;
}

#haut ul li#engagements {
	position: absolute;
	top: 120px; left: 510px;
}

#haut ul li#certifications {
	position: absolute;
	top: 147px; left: 510px;
}

#haut ul li#developpement_durable {
	position: absolute;
	top: 120px; left: 660px;
}

#haut ul li#recrutement {
	position: absolute;
	top: 147px; left: 660px;
}

#haut ul li a,
#haut ul li a:link,
#haut ul li a:visited {
	color: #666;
	text-decoration: none;
}

#haut ul li a:hover {
	color: #666;
	text-decoration: underline;
}

#haut ul li#developpement_durable a,
#haut ul li#developpement_durable a:link,
#haut ul li#developpement_durable a:visited {
	color: #3F7443;
	text-decoration: none;
}

#haut ul li#developpement_durable a:hover {
	color: #3F7443;
	text-decoration: underline;
}

#haut #animation {
	position: absolute;
	top: 0; right: 0;
	width: 188px;
	height: 109px;
}




#fondu {
	background: #fff;
}

#fondu .innerfade {
	background: #fff;
}




#milieu {
	margin-top: -20px;
	padding-left: 180px;
	background: url("SITES/sionneau.fr/squelettes/images/milieu.png") 0 30px no-repeat;
	position: relative;
	z-index: 50;
}

#milieu .item {
	min-height: 450px;
}

#milieu h1 {
	background: url("SITES/sionneau.fr/squelettes/images/h1-bordeau.png") top no-repeat;
	padding: 5px 294px 10px 60px;
	width: 296px !important;
	width /**/:650px;
	color: #fff;
	font-size: 18px;
}

#milieu .chapo {
	padding: 0 40px 15px 40px;
	background: url("SITES/sionneau.fr/squelettes/images/chapo-bordeau.png") repeat;
	color: #fff;
}

#milieu .chapo strong {
	font-size: 15px;
	font-weight: bold;
}

#milieu .chapo a,
#milieu .chapo a:link,
#milieu .chapo a:visited {
	color: #fff;
	text-decoration: underline;
}

#milieu .chapo a:hover {
	color: #fff;
	text-decoration: underline;
}

#milieu .texte {
	clear: both;
	padding: 16px;
	color: #333;
}

#milieu .texte a,
#milieu .texte a:link,
#milieu .texte a:visited {
	color: #666;
	text-decoration: underline;
}

#milieu .texte a:hover {
	color: #000;
	text-decoration: underline;
}

#milieu .chapo p,
#milieu .texte p {
	padding-bottom: 10px;
}

#milieu .chapo .spip_documents,
#milieu .texte .spip_documents {
	display: block;
}

#milieu .chapo .spip_documents_center,
#milieu .texte .spip_documents_center {
	clear: both;
	text-align: center;
	margin: 10px auto;
}

#milieu .chapo .spip_documents_left,
#milieu .texte .spip_documents_left {
	float: left;
	margin: 0 10px 10px 0;
}

#milieu .chapo .spip_documents_right,
#milieu .texte .spip_documents_right {
	float: right;
	margin: 0 0 10px 10px;
}

#milieu .chapo .spip_documents .spip_doc_titre,
#milieu .texte .spip_documents .spip_doc_titre {
	text-align: center;
	margin: 0 auto;
	font-size: 10px;
}

#milieu .chapo .spip_documents .spip_doc_descriptif,
#milieu .texte .spip_documents .spip_doc_descriptif {
	text-align: center;
	margin: 0 auto;
	font-size: 10px;
}

#milieu .chapo ul,
#milieu .texte ul,
#milieu .galerie ul {
	list-style: none;
	padding: 0 0 10px 0;
}

#milieu .chapo ul li {
	padding-left: 10px;
	background: url("SITES/sionneau.fr/squelettes/images/puce-bordeau.png") 0 4px no-repeat;
}

#milieu .galerie ul li,
#milieu .texte ul li {
	padding-left: 10px;
	background: url("SITES/sionneau.fr/squelettes/images/puce-blanche.png") 0 4px no-repeat;
}

#milieu .texte ol {
	padding-left: 20px;
}

#milieu .texte ol li {
	padding-bottom: 10px;
}

#milieu .texte h3 {
	font-size: 14px;
	padding-bottom: 10px;
}

#milieu .texte table.spip {
	clear: both;
	margin: 10px 0;
	border-collapse: collapse;
	width: 100%;
}

#milieu .texte table.spip tr.row_even {
	background: #ccc;
}

#milieu .texte table.spip tr.row_odd {
	background: #f2f2f2;
}

#milieu .texte table.spip td {
	padding: 4px;
}

#milieu .galerie {
	clear: both;
}

#milieu .galerie table {
	border-collapse: collapse;
}

#milieu .galerie table td {
	padding: 0;
	vertical-align: top;
}

#milieu .article {
	padding: 10px 20px;
}

#milieu .article h3 {
	font-size: 14px;
	padding-bottom: 10px;
}

#milieu .article a,
#milieu .article a:link,
#milieu .article a:visited {
	color: #666;
}

#milieu .article a:hover {
	color: #666;
}

#milieu .article .intro {
	padding-bottom: 10px;
}

#milieu .article .lire_plus {
	text-align: right;
}

#milieu #photo-aleatoire {
	position: absolute;
	top: 290px; left: 0;
	width: 180px;
	overflow-x: hidden;
}


body.rub-8 #milieu h1 {
	background: url("SITES/sionneau.fr/squelettes/images/h1-vert.png") top no-repeat;
	padding: 5px 294px 0 60px;
	height: 35px !important;
	height /**/:40px;
	overflow: hidden;
}

body.rub-8 #milieu .chapo {
	background: url("SITES/sionneau.fr/squelettes/images/chapo-vert.png") repeat;
}

body.rub-8 #milieu .chapo ul li {
	padding-left: 10px;
	background: url("SITES/sionneau.fr/squelettes/images/puce-verte.png") 0 4px no-repeat;
}





#milieu form {
	clear: both;
	padding: 0 16px 16px 16px;
}

#milieu form legend {
	font-size: 15px;
	color: #666;
	padding-bottom: 10px;
}

#milieu form dl {
	padding-bottom: 10px;
}

#milieu form dl dt label {
	display: block;
}

#milieu form dl dd input.champ_texte,
#milieu form dl dd textarea.champ_texte,
#milieu form dl dd select.liste {
	border: 1px solid #666;
	padding: 3px;
	font-family: inherit;
	font-size: inherit;
	width: 392px !important;
	width /**/:400px;
}

#milieu form dl dd select.liste {
	width: 400px !important;
}

#milieu form dl dd textarea.champ_texte {
	height: 80px;
}

#milieu form ul.boutons {
	list-style: none;
}

#milieu form ul.boutons li input {
	padding: 3px;
	color: #fff;
	font-size: 15px;
	font-family: inherit;
	background: #b2c70d;
}



#bas {
	clear: both;
	padding: 20px 0 0 180px;
	height: 14px !important;
	height /**/:34px;
	text-align: center;
}

#bas ul {
	list-style: none;
}

#bas ul li {
	display: inline;
	margin: 0 10px;
}

#bas ul li a,
#bas ul li a:link,
#bas ul li a:visited {
	color: #666;
	text-decoration: none;
}

#bas ul li a:hover {
	color: #666;
	text-decoration: underline;
}