/* CSS Document */
/* ville */
/* MODELE VILLE : page de pr�sentation d'une commune */
/* le bloc du haut de la ville : Nom de la commune, nbre d'abitants, Canton, arrondissement, cours d'eau */
h1{
	font-size:13px;
	color:#446CA8;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0;
	padding:0;
}
#cntr_titre_ville {
	clear:both;
	width:1000px;
	height:240px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin:0;
	padding:0;
}
/* container pour nom de la Commune */
#cntr_titre_ville .COL1{
	float:left;
	width:630px;
	margin:0;
	padding:0;
	height:100%;

}
/* container pour situation g�ographique */
#cntr_titre_ville .COL2{
	float:left;
	width:200px;
	margin:0;
	padding:0;
	height:100%;
}
/* container pour mini carte */
#cntr_titre_ville .COL3{
	float:left;
	width:170px;
	margin:0;
	padding:0;
	height:100%;
}

/* Les identifiants et classes de COL1 : nom de la commune + nbre hab... */
/* d�limiter la zone int�rieure avec ses valeurs de style */
#cntr_titre_ville .COL1 .zone1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:20px;
	padding-top:10px;
	color:#333333;
	text-align:left;
	letter-spacing:normal;
	line-height:18px;
} 
#cntr_titre_ville .COL1 .zone1 #nomcom {
	font-size:13px;
	color:#446CA8;
	font-weight:bold;
	letter-spacing:0.1em;
}
#cntr_titre_ville .COL1 .zone1  #sticom {
	color:#365585;
	padding-top:5px;
	width:400px;
}
#cntr_titre_ville .COL1 .zone1 #cplcom {
	color:#555555;
	padding-top:8px;
	line-height:16px;
}
#cntr_titre_ville .COL1 .zone1  #resume {
	color:#222222;
	padding-top:10px;
	line-height:17px;
	text-align:justify;
	font-size:11px;
}

/* Les identifiants et classes de COL2 : zone 2 = situation g�ographique */
#cntr_titre_ville .COL2 .zone2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	font-weight:normal;
	padding-top:50px;
	padding-right:15px;
	line-height:18px;
	text-align:right;
}
#cntr_titre_ville .COL2 .zone2 a {
	color:#6F7EA6;
	text-decoration:underline;
}
#cntr_titre_ville .COL2 .zone2 a:hover {
	text-decoration:underline;
	color: #304875;
}
/* Les identifiants et classes de COL3 : zone 3 = mini carte */
#cntr_titre_ville .COL3 .zone3{
	font-size:11px;
	color:#333333;
	padding-right:10px;
	padding-left:0px;
	padding-top:25px;
	margin:0;
}
#cntr_titre_ville .COL3 .zone3 #rechercher{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555555;
}
#cntr_titre_ville .COL3 .zone3 #carte{
	width:154px;
	height:166px;
	background-image:url('../design/2010microregion.png');
	background-repeat:no-repeat;
	border: #999999 1px solid;
	margin:0;
	padding:0;
}
#cntr_titre_ville .COL3 .zone3b{
	font-size:11px;
	color:#333333;
	padding-right:10px;
	padding-left:0px;
	padding-top:0px;
	margin:0;
}
#cntr_titre_ville .COL3 .zone3b #carte{
	width:154px;
	height:191px;
	background-image:url('../design/2010microregionc.png');
	background-repeat:no-repeat;
	/*border: #999999 1px solid;*/
	margin:0;
	padding:0;
}
#cntr_titre_ville .COL3 .zone3 #xcarte{
	width:154px;
	height:166px;
	margin:0;
	padding:0;
}


/* ZONE PRINCIPALE DE LA PAGE */
#cntr_ville {
	clear:both;
	width:1000px;
	margin:0;
	padding:0;
	/*min-height:1300px;*/
	height:4000px;
	background-color:#FFFFFF;
}
/* COL1 : le texte  */
#cntr_ville  .COL1{
	float:left;
	width:620px;
	margin:0;
	padding:0;
	height:100%;
	background-color:#FFFFFF;
}
/* COL2 : la colonne de s�paration  */
#cntr_ville  .COL2{
	float:left;
	width:35px;
	margin:0;
	padding:0;
	display:block;
	height:100%;
	background-color:#FFFFFF;
}
/* COL3 : les photos de la commune  */
#cntr_ville  .COL3{
	float:left;
	width:330px;
	margin:0;
	padding:0;
	height:100%;
	background-color:#FFFFFF;
}
/* COL4 : de l'oxyg�ne  */
#cntr_ville  .COL4{
	float:left;
	width:15px;
	margin:0;
	padding:0;
	height:100%;
	background-color:#FFFFFF;
}

/* d�tail COL1 */
#cntr_ville  .COL1 .zone1{ 
	padding-top:10px; 
	padding-left:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:20px; /* en test */
	color:#333333;
	text-align:left;
	letter-spacing:normal;
	line-height:18px;
}
#cntr_ville  .COL1 .zone1 .titrub1{
	color:#446CA8;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	letter-spacing:0.1em;
	font-size:12px;
	border-bottom:#446CA8 solid 2px;
}
#cntr_ville  .COL1 .zone1 .titrub{
	color:#446CA8;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	padding-top:30px;
	letter-spacing:0.1em;
	font-size:12px;
	border-bottom:#446CA8 solid 2px;
}
/* d�tail COL2 */
#cntr_ville  .COL2 .zone2{ 
}
/* d�tail COL3 */
#cntr_ville  .COL3 .zone3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:10px;
	padding-right:15px;
	padding-bottom:10px;
	text-align:right;
	line-height:18px;
	/*#4d4d4d*/
	/*
	background-color:#304875;  
	color:#FFFFFF;
	background-color:#FFFFFF;
	color:#555555;
	border: #aaaaaa 1px solid;
	*/
	background-color:#DCDCDC;
	color:#2B2510;

}
#cntr_ville  .COL3 .zone3 img{
	margin:0;
	padding:0;
	padding-bottom:3px;
}
#cntr_ville  .COL4 .zone4{
	background-color:#FFFFFF;
}

/* ---- */
.ville table{
	width:1000px;
	margin:0;
	padding:0;
	border:0;
}
.v_col1 td{
	width:15px;
}
.v_col2 td{
	width:605px;
}
.v_col3 td{
	width:35px;
}
.v_col4 td{
	width:330px;
}
.v_col5 td{
	width:15px;
}

.v_zone2{
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0;
	margin:0;
	color:#333333;
	text-align:left;
	letter-spacing:normal;
	line-height:20px;
	vertical-align:top;
}
.v_img_left {
	float:left;
	margin:0;
	padding:0;
	padding-right:20px;
}

.v_titrub1{
	/*color:#446CA8;*/
	color:#37588A; /*GF02/01/2011 bleu plus foncé*/
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	letter-spacing:0.1em;
	font-size:12px;
	border-bottom:#37588A solid 2px;
}
.v_titrub{
	color:#37588A;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	padding-top:30px;
	letter-spacing:0.1em;
	font-size:12px;
	border-bottom:#37588A solid 2px;
}
/* d�tail COL3 */
.v_zone3{ 
}
/* d�tail COL4 */
.v_zone4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	
	padding-top:10px;
	padding-right:15px;
	padding-bottom:10px;
	text-align:right;
	line-height:18px;
	background-color:#DCDCDC;
	color:#2B2510;
	/*fond : bleu fonc�  texte: blanc*/
	/* 	background-color:#304875;
	color:#FFFFFF;
	*/
	/*fond : blanc   texte: bleu fonc�*/
/*	color:#555588;
	border: #999999 1px solid;
*/	
}
.v_zone4 img{
	margin:0;
	padding:0;
	padding-bottom:3px;
}

