#wrapper {
	width: 960px;
	
}

/*********************
******  HEADER  ******
*********************/

#header {
}




/******  LIENS ******/
/*
#headerLiens {
	width: 718px;
	height: 182px;
	padding: 16px 0 0 0;
	background: url(../images/st_malo_accueil.gif) no-repeat left 34px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}

#headerLiens a {
	height: 73px;
	width: 73px;
	margin: 0 0 8px 8px;
	padding: 7px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	float: right;
}
#headerLiens a.carreVert1 {
	font-size:16px;
	height: 56px;
	padding-top: 24px;
	background-image: url(../images/carre_vert_01.jpg);
}
#headerLiens a.carreBleu1 {
	font-size:13px;
	height: 52px;
	padding-top: 28px;
	background-image: url(../images/carre_bleu_01.jpg);
}
#headerLiens a.carreBleu2 {
	font-size:13px;
	height: 58px;
	padding-top: 22px;
	background-image: url(../images/carre_bleu_02.jpg);
}
#headerLiens img {
	margin: 0 0 8px 8px;
	float: right;
}
#headerLiens #liens {
	width: 167px;
	height: 87px;
	float: right;
	margin: -6px 0 0 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
*+html #headerLiens #liens,
* html #headerLiens #liens {
	margin-left: 3px;
}
#headerLiens #liens a,
#headerLiens #liens span {
	width: 144px;
	height: 10px;
	margin: 0;
	padding: 4px 0 4px 24px;
	color: #979898;
	font-weight: normal;
	background: no-repeat 0 6px;
	background: no-repeat 0 2px;
	float:left;
}
* html #headerLiens #liens a,
* html #headerLiens #liens span {
	padding: 3px 0 3px 24px;
}
#headerLiens #liens a#btnContact {
	background-image: url(../images/picto_contacts.gif);
}
#headerLiens #liens a#btnPlanDuSite {
	background-image: url(../images/picto_plan_site.gif);
}
#headerLiens #liens a#btnLiensUtiles {
	background-image: url(../images/picto_lien_utiles.gif);
}
#headerLiens #liens a:hover {
	text-decoration: underline;
}
#headerLiens #liens span#inscriptionNewsletter {
	background-position: 0 4px;
	background-image: url(../images/picto_newsletter.gif);
	height: auto;
}
#headerLiens #liens #formInscriptionNewsletter {
	width: 144px;
	padding-left: 24px;
	clear: both;
	display: block;
}
* html #headerLiens #liens #formInscriptionNewsletter {
	padding-top: 0;
}
#headerLiens #liens #formInscriptionNewsletter input.text{
	width: 108px;
	height: 12px;
	padding: 1px;
	margin-right: 4px;
	border: 1px solid #6fa9a0;
	color: #979898;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	float: left;
}
#headerLiens #liens #formInscriptionNewsletter input.submit{
	float: left;
}

*/


/*******************
******  MAIN  ******
*******************/

#container {
	position: relative;
	background: url(../images/new/bandeau.jpg) no-repeat left top;
	background-color: #fff;
	width: 960px;
	
}

#main {

	height: 438px;
	position: relative;
	text-align: left;
	background: url(../images/new/carte-home.jpg) no-repeat right 10px;
}

/****** btn_contact ******/

#btn_contact {
	
	position: absolute;
	left: 270px;
	top: 40px;
	background: url(../images/new/btn_contact.png) no-repeat;
	width: 140px;
	height: 27px;
}

#btn_contact a {
	color: #fff;
	text-decoration: none;
		font: Verdana;
	font-weight: 11px;
	font-weight: bold;
	padding: 6px 0 0 33px;
	display: block;
	font-size: 110%;
	
}

#btn_contact a:hover {
	text-decoration: underline;
}

/****** Raccourcis ********/
#raccourcis {
	overflow: visible;
	position: absolute;
	width: 449px;
	top: 114px;
	left:0;
}

#raccourcis ul.level_1 {
	list-style-type: none;
	display: table;
	margin: 0 auto;

}

#raccourcis ul.level_1 li.first {
	background: url(../images/new/btn_bleu.png) no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='../images/new/btn_bleu.png');
	width: 82px;
	height: 82px;
}

#raccourcis ul.level_1 li {
	background: url(../images/new/btn_jaune.png) no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='../images/new/btn_jaune.png');
	width: 82px;
	height: 82px;
	float: none;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}


#raccourcis ul.level_1 li.last {
	background: url(../images/new/btn_vert.png) no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='../images/new/btn_vert.png');
	width: 82px;
	height: 82px;
	padding: 0;
}

#raccourcis ul.level_1 li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	height: 82px;

}

*:first-child+html #raccourcis {
	/*
left: 50px;
*/
}

*:first-child+html #raccourcis ul.level_1 {
	display: block;
	margin-left: 60px;
}

*:first-child+html #raccourcis ul.level_1 li {
	display: inline-block;
	float: left;
	
	
}
*:first-child+html #raccourcis ul.level_1 li a {
	display: block;
	padding-top: 15px;
}

/******  CARTE  ******/
#carteHome {
	width: 276px;
	height: 381px;
	overflow: hidden;
	margin-top: 12px;
	position: absolute;
	top: 0;
	right: 0;
}


/******  LISTE DE COMMUNES  ******/
#listeCommunes {
	position: absolute;
	top:83px;
	right: 303px;
	z-index: 50;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: visible;
}

#listeCommunes ul {	
	color: #c8d200;	
}

#listeCommunes ul li {
	text-align: left;
	margin: 0;
	padding: 0;	
}

*+html #listeCommunes ul li{
	list-style-type: none;
	background: url(../images/new/puce_texte2.png) no-repeat left center;
}

*+html #listeCommunes ul li a {
	padding-left: 10px;
}

#listeCommunes ul li a {
	color: #565656;
	text-decoration: none;
	font-size: 10px;
}
#listeCommunes ul li a:hover {
	text-decoration: underline;
}


#lienCommunes {
	position: absolute;
	right: 273px;
	bottom: 53px;
	background: url(../images/new/btn_agglo.png) no-repeat;
	overflow: hidden;
	width: 206px;
	height: 27px;
}

#lienCommunes a {
	color: #fff;
	text-decoration: none;
	font: Verdana;
	font-weight: 11px;
	font-weight: bold;
	padding: 6px 0 0 33px;
	display: block;
	font-size: 110%;
	
}

#lienCommunes a:hover {
	text-decoration: underline;
}

#drapeauEN_carte a {
	background: url(../images/new/picto_en_carte.png) no-repeat;
	position: absolute;
	right: 171px;
	top: 22px;
	text-indent: -9999px;
	width: 24px;
    height: 13px;
	overflow: hidden;
}

/********************
******  RIGHT  ******
********************/

#right {
	width: 260px;
	float: right;	
}

.mod_article {
	display: none;
}

/******  ACTUALIT�S  ******/
.mod_newslist {
	
	height: 220px
	padding: 16px 0 0 8px;
	position: relative;
	top: 200px;
	left: 11px;
	font-family: Verdana, Geneva, sans-serif;
	color: #a9a8a8;
	font-size: 10px;
	background: url(../images/new/encart_actu.png) no-repeat;
	overflow: hidden;
	
}
.mod_newslist h3{
	width: 438px;
	height: 19px;
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 1.7em;
	font-weight: normal;
	color: #009cca;
	
}
.mod_newslist #actuContainer {
	width: 438px;
	height: 186px;
	margin-top: 10px;
	_margin-top: 5px;	
	overflow: hidden;
	position: relative;
	
}
.mod_newslist #actuDefilantes {
	
	padding: 0 10px;
	position: absolute;
	left: 0;
	top: 0;
}

.mod_newslist .layout_latest {
	padding: 10px 0;
	overflow: visible;
}
.mod_newslist h2{
	font-size: 9px;
	font: Verdana;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	color: #003d6e;
	text-transform: uppercase;
}
.mod_newslist .image_container{
	float: right;
	padding: 4px;
}
.mod_newslist p {
	margin: 0;
	padding: 0;
}
.mod_newslist p.teaser {
	text-align: left;
	color: #666;
}
.mod_newslist p.more {
	text-align: left;
	padding: 6px 0 0 0;
	color: #37b5a7;
	
	
}
.mod_newslist p.more a {
	color: #2c7c70;
	text-decoration: none;
	background: url(../images/new/puce_info.png) no-repeat left 4px;
	padding-left: 10px;
}

.mod_newslist p.more a:hover {
	text-decoration: underline;
}