conteneur {
width: 768px;
height: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body {
	width: 768px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url(../images/fond_16.gif);
	background-repeat: repeat;
	}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#0099CC;
}
.bandeau {
float:left;
	width: 768px;
	height: 77px;
}


.boutons {
	float:left;
	width: 100%;
	height: 46px;
	margin-top:10px;
	
}


.contenu {
	float:left;
}

.contenu-milieu {
float:left;
background-color:#FFFFFF;
	background-image: url(../images/archivage-collectivite-fond.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
width:768px;
height:100%;
padding-bottom:20px;
}
.contenu-milieu object{
float:left;

padding-left:20px;
padding-right:20px;
}
.contenu-photos {
	float:left;
	margin-left:40px;
	width:600px;
	height:100%;
		padding-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}
.contenu-photos img{
	
	margin-left:10px;

}
.blocphoto {
float:left;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
color:#0099CC;
font-weight:bold;
}

.titrephotos {
font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:center;
color:#0099CC;
font-weight:bold;
}
.photobandeau {
margin-left:20px;
}
.contenu-haut {
float:left;
background-color:#FFFFFF;

width:768px;
height:20px;
}
.contenu-gauche {
	float:left;
	margin-left:20px;
	width:340px;
	height:100%;
	padding-right:20px;
	padding-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	background-image:url(../images/trait-bleu_15.gif);
	background-position:right;
	background-repeat:repeat-y;
}
.persocontact {
	float:left;
		width:200px;
	padding-right:20px;
	padding-left:30px;
	padding-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.persocontact img {
float:left;
}
.contenu-gauche-societe {
	float:left;
	margin-left:10px;
	width:330px;
	height:100%;
	padding-right:20px;
	padding-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}
.contenu-droite {
float:right;
margin-left:20px;
width:340px;
height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.contenu-droite img{
float:left;
}
.contenu-droite-contact {
	float:right;
	margin-right:20px;
	width:460px;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #0099CC;
}
.contenu-droite-societe {
float:right;
margin-left:20px;
margin-right:10px;
width:350px;
height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
text-align:justify;
}
.contenu-droite-societe img{
margin-right:10px;
}
.pied {
float:left;
background-image:url(../images/pied_31.gif);
width:758px;
height:24px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
}
.piedgauche {
float:left;
padding-left:10px;
}
.pied2 {
	float:left;
	padding-top:5px;
	width:758px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	vertical-align: top;	
}
.pied2 img {
float:left;
}
.pied3 {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	vertical-align: top;	
}
.pied3 a{
	color: #FFFFFF;
}
.pied3 a:hover{
	color: #0099CC;
}
.reference2 {
margin-left:8px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
float:left;
width:242px;
height:60px;
}
.reference2 img {
float:left;
padding-right:5px;
}
.reference {
margin-left:8px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
float:left;
width:242px;
height:170px;
}
.reference img {
float:left;
padding-right:5px;
}
.titrereference {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#0099CC;
font-weight:bold;
}

.contenu-droite-presse {
float:right;
margin-left:20px;
width:340px;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.contenu-droite-presse img{
float:left;
}
a {
text-decoration:none;
color:#0099CC;
}
a:link {
text-decoration:none;
color:#0099CC;
}
a:hover {
text-decoration:underline;
color:#0099CC;
}
.bleu {
color:#0099CC;
}
.contenu-droite-presse a {
text-decoration:none;
color:#000000;
}
.contenu-droite-presse a:link {
text-decoration:none;
color:#000000;
}
.contenu-droite-presse a:hover {
text-decoration:none;
color:#0099CC;
}
