body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 0;
	background: -moz-linear-gradient(90deg , #356AA0, #5085BB) no-repeat fixed 0 0 transparent;
	background: -webkit-gradient(linear,left top, left bottom,from(#5085BB),to(#356AA0)) no-repeat fixed;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#5085BB, endColorstr=#356AA0);
	background-color: #356AA0;
}
#header {
	padding-top: 40px;
	height: 132px;
}
#background {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 0;
}
#wrapper {
	width: 980px;
	min-height: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	padding: 0px 23px 40px 23px;
	background: url('../images/cadre.png') no-repeat;
}
#slogan{
	text-align: center;
	margin-top:20px;
}
#content {
	width: 942px;
	font-size: 15px;
	padding: 19px;
	min-height: 400px;
}
#blocMap{
	width: 661px;
	margin:0 auto;
}
#map{
	background: url('../images/map.jpg') no-repeat;
	width:661px;
	height:640px;
	border: 1px solid white;
	-moz-box-shadow: 0px 0px 6px #022B60;
	-webkit-box-shadow: 0px 0px 6px #022B60;
	box-shadow: 0px 0px 6px #022B60;	
	position: relative;
}
.picture{
	margin: 17px;
	border: 1px solid white;
	-moz-box-shadow: 0px 0px 6px #022B60;
	-webkit-box-shadow: 0px 0px 6px #022B60;
	box-shadow: 0px 0px 6px #022B60;	
}
.divLogo{
	vertical-align: top;
	margin-top:34px;
}
.inline{
	display: inline-block;
}
#activite.divBlueContent{
	padding: 0px 40px;
}
#activite ul li {
	margin: 0px 0;
}
.divBlueContent {
	color: #FFF;
	background-color: #436CA2;
	background-color: rgba(67,108,162,0.85);
	border: 1px solid white;
	padding: 30px 40px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 6px #022B60;
	-webkit-box-shadow: 0px 0px 6px #022B60;
	box-shadow: 0px 0px 6px #022B60;
}
#legende{
	text-align: center;
}
.marker{
	background: url('../images/markers.png') no-repeat;
	display: inline-block;
	width:74px;
	position: absolute;
	height: 70px;
}
.marker#icone{
	display: inline-block;
	position: relative;
	height: 40px;
	width:50px;
	background-position: -11px 0;
}
h2{
	font-size: 18px;
}
#activite{
	margin: 40px auto 20px auto;
	width: 661px;
}
.divCol{
	width:320px;
	display:inline-table;
}
.col1{
	margin: 0px 50px 0px 0px;
}
.col2{
	width:280px;
}
#ain{
	background-position: -74px 0;
	top: 50px;
	left: 330px;
}
#hsavoie{
	background-position: -148px 0;
	top: 16px;
	left: 458px;
}
#alpes{
	top: 100px;
	left: 430px;
	background-position: -222px 0;
}
#drome{
	top: 223px;
	left: 248px;
	background-position: -296px 0;
}
#vaucluse{
	top: 420px;
	left: 273px;
	background-position: -370px 0;
}
#gard{
	top: 450px;
	left: 200px;
	background-position: -444px 0;
}
#cevenne{
	top: 410px;
	left: 128px;
	background-position: -518px 0;
}
#alpesmaritimes{
	top: 450px;
	left: 536px;
	background-position: -592px 0;
}
#var{
	top: 550px;
	left: 428px;
	background-position: -666px 0;
}
#provence{
	top: 514px;
	left: 328px;
	background-position: -740px 0;
}
#footer {
	padding-top: 48px;
	margin-top: -40px;
	background: url('../images/footer.png') no-repeat center top;
	height: 110px;
}
.center {
	text-align: center;
}