body{margin:0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;background:#859BA1;}
#site{margin: 0 auto;padding:0;width:760px;border: 1px solid #000;border-top: none;background:#FFF url(../i/fond-v.gif) 32px 0 repeat-y; height: 100%}

h1{
	margin:0;
	padding: 3px 0 5px 235px;
	font-size: 1.2em;
	border-bottom: 15px solid #00A0C6;
	font-weight: normal;
}
ul#menu{
	top: 0;
	left: 0;
	margin:0;
	width: 121px;
	height: 437px;
	padding-left: 95px;
	padding-top: 108px;
	background: url(../i/fond-menu.gif) 0 0 no-repeat;
	position: absolute;
}
ul#menu li{font-size: 0.7em; font-weight:bold; list-style: none; margin:0; padding: 0; line-height: 1.2em;}
ul#menu li a{
	color: #FFF;
	text-decoration: none;
	margin:0;
	padding:0;
}
ul#menu li a:hover{font-weight:normal;}


#contenu{
	background: url(../i/images.jpg) top right repeat-y;
	margin: 0;
	padding:0 0 0 216px;
	width: 544px;
	height:auto;
	min-height: 720px;
	position: relative;
}
h2{
	margin:0 105px 0 19px;
	padding: 4px 0 2px;
	font-size: 1.8em;
	letter-spacing: 4px;
	border-bottom: 4px solid #00A0C6;
	width: auto;
	font-weight: normal;
}
h3{
	margin:10px 0 5px 20px;
	font-size: 1em;
	font-weight: bold;
}
h4{
	margin:10px 0 5px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight:normal;
	color: #00A0C6;
}
p{
	margin: 15px 100px 5px 20px;
	text-align: justify;
	font-size: 0.8em;
}
p.intro{margin-top: 45px;}
p.intro2{margin-top: 9px;}
p.last{margin-bottom: 15px;}
	
img.centrale{margin: 48px 15px 10px 20px;float:left;}
object{margin: 7px 15px 10px 20px;}
img.centrale-fixe{margin: 7px 15px 10px 20px;}
img.qualibat{margin: 40px 80px 10px 222px;} 
img.megevand{margin: 10px 100px 10px 10px;float:right}
/*liste matériel*/
.materiel{
	margin: 10px 0 10px 20px;
	padding: 5px;
	border: 1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	width: 180px;
}

.materiel li{
	list-style: none;
	font-weight:normal;
	padding: 0 0 0 -30px;;
	margin: 0;
}

#pied {
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: 762px;
	color: #FFF;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

#pied p {margin: 5px 0; padding: 0}

#pied a {
	color:#FFF;
}

#pied a:hover {
	text-decoration: none;
}

/***************************************************************** OFFRES D'EMPLOI *****************************************************************/
div#emploi{
	margin: 30px 0 0 0;
	background: url(../i/fond-emploi.jpg) no-repeat;
	padding: 50px 0 0 34px;
	width: 398px;
	height: 253px;
}

div#emploi a:link{
	color: #01A0C7;
}

div#emploi a:visited{
	color: #000;
}

div#emploi a:hover{
	text-decoration: none;
}

div#offres {
	padding: 0 0 0 15px;
	margin: 0;
	width: 347px;
	height: 219px;
	overflow: auto;
}

div#offres h3{
	font-size: 0.8em;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#offres p{
	font-size: 0.8em;
	text-align: left;
	width: 320px;
	padding: 0;
	margin: 0;
}

table{
	margin: 10px 0 10px 20px;
	padding-top: 10px;
	font-size: 0.8em;
	border-top: 3px solid #01A0C7;
	font-weight: bold;
}

table.last{border: none;}
td.intitule{
	text-align: right;
	font-size: 1.8em;
	font-weight: bold;
	padding-right: 25px;
	color: #01A0C7;
}

table p{
	font-size: 1em;
	font-weight: normal;
	padding: 10px 20px;
	margin: 0;
	text-align: justify;
}	

.focus {
	background: #01A0C7;
}

p.alerte {
	font-size: 1.2 em;
	font-weight: bold;
	color: red;
}