@charset "utf-8";
/* CSS Document */

a.bouton2:link{
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/bouton_transport.png);
	background-repeat: no-repeat;
	border: 6px outset silver;
} 
a.bouton2:visited{
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset silver;
}
a.bouton2:hover{
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset silver;
	background-image: url(images/bouton_transport_hover.png);
	background-repeat: no-repeat;
}
.bouton2{
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 50px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/bouton_transport.png);
	background-repeat: no-repeat;
	background-position: center center;
}

3. Bouton qui s'enfon
.bouton {
	height: 100px;
}
.bouton_A {
	height: 100px;
	left: 50px;
	width: 250px;
	position: relative;
}
.bouton_B {
	height: 100px;
	left: 325px;
	width: 250px;
	position: relative;
	top: -100px;
}
.bouton_C {
	height: 100px;
	left: 600px;
	width: 250px;
	position: relative;
	top: -200px;
}
.bouton_D {
	height: 100px;
	left: 50px;
	width: 250px;
	position: relative;
	top: -175px;
}
.bouton_E {
	height: 100px;
	left: 325px;
	width: 250px;
	position: relative;
	top: -275px;
}
.bouton_F {
	height: 100px;
	left: 600px;
	width: 250px;
	position: relative;
	top: -375px;
}
.boutons_programme {
	height: 640px;
	position: relative;
}
.bouton_G {
	height: 100px;
	left: 50px;
	width: 250px;
	position: relative;
	top: -350px;
}
.bouton_H {
	height: 100px;
	left: 325px;
	width: 250px;
	position: relative;
	top: -450px;
}
.bouton_I {
	height: 100px;
	left: 600px;
	width: 250px;
	position: relative;
	top: -550px;
}
.bouton_J {
	height: 100px;
	left: 50px;
	width: 250px;
	position: relative;
	top: -525px;
}
.bouton_K {
	height: 100px;
	left: 325px;
	width: 250px;
	position: relative;
	top: -625px;
}
.bouton_L {
	height: 100px;
	left: 600px;
	width: 250px;
	position: relative;
	top: -725px;
}
.bouton_M {
	height: 100px;
	left: 325px;
	width: 250px;
	position: relative;
	top: -700px;
}
.bouton2A {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/urbanisme.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2A:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/urbanisme.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2A:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2A:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/urbanisme_hover.png);
	background-repeat: no-repeat;
}
.bouton2B {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/environnement.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2B:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/environnement.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2B:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2B:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/environnement_hover.png);
	background-repeat: no-repeat;
}
.bouton2C {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/finances.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2C:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/finances.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2C:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2C:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/finances_hover.png);
	background-repeat: no-repeat;
}
.bouton2D {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/entreprises.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2D:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/entreprises.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2D:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2D:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/entreprises_hover.png);
	background-repeat: no-repeat;
}
.bouton2E {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/transports.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2E:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/transports.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2E:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2E:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/transports_hover.png);
	background-repeat: no-repeat;
}
.bouton2F {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/personnel.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2F:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/personnel.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2F:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2F:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/personnel_hover.png);
	background-repeat: no-repeat;
}
.bouton2G {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/securite.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2G:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/securite.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2G:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2G:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/securite_hover.png);
	background-repeat: no-repeat;
}
.bouton2H {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/action_sociale.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2H:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/action_sociale.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2H:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2H:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/action_sociale_hover.png);
	background-repeat: no-repeat;
}
.bouton2I {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/enfance.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2I:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/enfance.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2I:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2I:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/enfance_hover.png);
	background-repeat: no-repeat;
}
.bouton2J {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/associations.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2J:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/associations.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2J:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2J:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/associations_hover.png);
	background-repeat: no-repeat;
}
.bouton2K {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/culture.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2K:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/culture.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2K:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2K:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/culture_hover.png);
	background-repeat: no-repeat;
}
.bouton2L {
	text-align:center;
	border: thin solid #000000;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/communication.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2L:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/communication.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2L:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2L:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/communication_hover.png);
	background-repeat: no-repeat;
}
.bouton2M {
	text-align:center;
	vertical-align: middle;
	margin-bottom: 20px;
	left: 20px;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	background-image: url(images/invitation.png);
	background-repeat: no-repeat;
	background-position: center center;
}
a.bouton2M:link {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background-image: url(images/invitation.png);
	background-repeat: no-repeat;
	border: 6px outset #3366FF;
}
a.bouton2M:visited {
	text-decoration:none;
	color:white;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border: 6px outset #3366FF;
}
a.bouton2M:hover {
	text-decoration:none;
	color:white;
	font-weight:bold;
	border: 6px inset #3366FF;
	background-image: url(images/invitation_hover.png);
	background-repeat: no-repeat;
}