/* CSS Document */
html { height: 100%; }

body {    
    height: 100%;
    background-color: #DEEAF8;
    background-image:url(../pics/bg.jpg);
    background-repeat: repeat-x;
    font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
    font-size: 11px;
}


* { margin: 0px; padding: 0px; }
img {border: 0;}
p { line-height: 17px; }
a { text-decoration: none; color: #2971a7;}
a:hover { text-decoration: underline; }

ul {list-style-type: none;}
h1 { font-size: 22px; line-height: 18px; font-weight: bold; color: #FFF; }
h3 { font-size: 12px; line-height: 18px; font-weight: bold; }

.verySmallSpacer { height: 4px; }
.smallSpacer { padding-top: 7px; }
.homeSpacer { padding-top: 10px; }
.mediumSpacer { padding-top: 14px; }
.spacer { height: 20px; }
.bigSpacer { height: 40px; }
.clear { clear: both; }
.bold  { font-weight: bold; }
.grey  { color: #767676; }
.black { color: black; }
.red  { color: #993300; }
.white { color: #fff; }
.blue { color: #1B63B9; }
.error  { color: #FF0000; font-weight: bold; }
.center  { text-align: center; }
.ieHeight { _height: 15px; }
.padBox { padding: 7px;}
.whiteBox { background-color:#FFF}
.fadeBox { background-color:#F4F4E9}
.right  { float: right; }
.left  { float: left; }
.pinkTitle  { color: #ca7a70; }

.labelContent {
	padding: 2px;
	width: 95px; 
	min-height: 15px; 
	color: #993300; 
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #929277;
	font-family:"trebuchet ms",Arial,Helvetica,sans-serif;
	font-size:11px;
	z-index: 10000;
}


/* Boites principales -----------------------------------------------------------------------*/
#rootContent {
	width: 760px;
	height: 100%;
	margin-left: auto;
	margin-right: auto; }

#leftContent {
	float: left;
	width: 161px; }

#homeContent {
	float: right;
	width: 590px;
	padding-left: 7px; }
	
#peupladLifeIn {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
 }

h2 { 
	font-size: 18px;
	color: #000; 
	font-weight: normal; }
	
	
/* Welcome -----------------------------------------------------------------------*/

/* cities ----------------------------------------------------------------------------------------*/
#cities {
	background-image:url(../pics/citiesBg.gif);
	background-position:left;
	background-repeat: no-repeat;
	text-align: right;
	background-color: #FFFFFF;
	padding: 7px;
}

.smallPadBox {
min-height:15px;
padding:5px;
}

.homeTitle {
	height: 19px;
	padding-top: 3px;
	padding-left: 6px;
	border : 1px solid #CCC;
	background-image: url(../pics/homeNoLogTitleBG.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
 }

#mapContent {
	float: left;
	width: 254px; }
									
.greenBox { 
	padding: 9px 7px 1px 7px;
	border: 1px solid #438ECE;
	background-image: url(../pics/topTitleBg.gif);
	background-repeat: repeat-x;
}

.pinkBox { 
	background-color: #FDE4E1; 
	padding: 2px 0px 0px 5px;
	color: 993300;
	font-size: 16px;
}

.welcomeRight {
	float: right;
	width: 315px; }

#share {
	background-image: url(../pics/NHCityDeco.gif);
	background-repeat: no-repeat;
	background-position: bottom; }
	
#cityPartnerLogo {
	height: 60px;
	float: left; }
	
#cityShare {
	height: 60px;
	width: 220px;
	float: right; }
									
#membersContent {
	text-align: center; }
	 
.oneMember {
	width:100px;
	text-align:center;
	float:left; }
	 
.bottomLifeDeco {
	width:590px;
	height:7px;
	background-image:url(../pics/NHBottomShadow.gif);
	background-repeat:no-repeat;
	background-position: top; 
	background-color:''; 
}
	 
/* 10 decembre -----------------------------------------------------------------------*/

.greenBox2 { 
	padding: 9px 7px 6px 7px;
	border: 1px solid #438ECE;
	background-image: url(../pics/topTitleBg2.gif);
	background-repeat: repeat-x;
}

#whatIsPeuplade h2 {
	font-size:17px
}

.pinkBox { 
	background-color: #FDE4E1; 
	padding: 2px 0px 0px 5px;
	color: 993300;
	font-size: 16px;
}

.welcomeRight {
	float: right;
	width: 315px; }

#share {
	background-image: url(../pics/NHCityDeco.gif);
	background-repeat: no-repeat;
	background-position: bottom; }
	
#cityPartnerLogo {
	height: 60px;
	float: left; }
	
#cityShare {
	height: 60px;
	width: 220px;
	float: right; }
									
#membersContent {
	text-align: center; }
	 
.oneMember {
	width:100px;
	text-align:center;
	float:left; }
	 
.bottomLifeDeco {
	width:590px;
	height:7px;
	background-image:url(../pics/NHBottomShadow.gif);
	background-repeat:no-repeat;
	background-position: top; 
	background-color: ''; 
}

/* peuplad's life -----------------------------------------------------------------------*/

.partContentTitle  {
	color: #993300;
	height: 27px;
	background-color: #fde4e1;
	padding-left: 10px;
	padding-top: 4px;
	font-size: 18px; 
	line-height: 18px; 
	font-weight: normal;
}

.lifeTxt {
	width: 400px;
	float: left; }

.lifePic {
	width: 150px;
	float: right;
	text-align:right }
	
.dash {
	width: 574px;
	min_height: 1px;
	_height: 1px;
	border-top:#999999 5px dotted;
 }
 
.neighbors {
	background-image: url(../pics/neighbors.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 150px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 240px;
	font-size: 14px;
	font-weight: bold;
 }
 
 .meetings {
	background-image: url(../pics/meetings.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 138px;
	padding-top: 10px;
	padding-left: 260px;
	padding-right: 20px;
	font-size: 14px;
	font-weight: bold;
 }
 
 .ideas {
 	height: 150px;
	background-image: url(../pics/ideas.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 10px;
	padding-right: 220px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
 }
 
 .ClassifPeupladForum {
 	float: left;
	width: 175px;
	padding-left: 15px;
	font-weight: bold;
 }
 
 #go {
	padding-right: 60px;
 }
 

/* leftContent -----------------------------------------------------------------------*/
.leftPeupladTop {
	width: 163px;
	height: 10px;
	background-image:url(../pics/NHWhatIsPeuplad.png);
 }

#leftPeupladContent {
	width: 161px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
 }

.leftPeupladBottom {
	height: 6px;
	width: 163px;
	border-top: 1px solid #CCC;
	background-image: url(../pics/leftBottomShade.png);
	background-repeat: no-repeat;
}
	
.memberContent {
	background-color:#FFFFFF;
	background-image:url(../pics/memberBG.gif);
	background-repeat: repeat-x; 
}

.memberBottom {
	height: 28px;
	background-image:url(../pics/memberBottomDeco.gif);
	background-repeat: no-repeat;
}
	
/* footer -----------------------------------------------------------------------*/

.footer {
background-color:#FFFFFF;
color:#DD8A88;
}

#footerIn {
float:left;
width:540px;
}

#footerContent ul {
list-style-type:square;
margin-left:25px;
}
#footerRight {
border-left:1px dotted black;
float:right;
padding-left:10px;
width:170px;
}
#footerRight p {
color:#666A75;
}

.footer a {
color:#999999;
}
.footer a:hover {
color:#333333;
}
	
#partnerLogo  {
	text-align:center }
	
/* Formulaires -----------------------------------------------------------------------*/
.borderedFormField {
	border: 1px dotted #999;
	font-size: 11px;
	background-color: #fff; }

.formFieldOk {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 10px;
	color: #000000;
	font-weight:bold;
	background-color:#95C70A;
	border: none; }
	
/* ifEmpty -----------------------------------------------------------------------*/

#presentation {
	background-image: url(../pics/people.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:284px;
	padding-bottom: 70px; }
	
.picBox {
	float: left;
	width: 150px;
	_width: 150px;
	padding-left: 110px;
	padding-bottom: 16px;
	background-repeat: no-repeat;
	background-position: left; }
	
.speaker {
	background-image: url(../pics/speakerBW.gif) }
	
.personMail {
	background-image:url(../pics/personMailBW.gif) }
	
.neighbor {
	background-image: url(../pics/neighborsBW.gif) }
	
.beforeAfterMap {
	background-image: url(../pics/beforeAfterMap.jpg);
	height: 134px; }
	
/*-------------------------------------------------------------------------------------*/
.listColor {
cursor:pointer;
}
.listColor:hover {
background-color:#BEE0FF;
}
/* ifNews -----------------------------------------------------------------------*/
#words {
	float: left;
	width: 338px;
	}

#news {
	float: right;
	background-image: url(../pics/BGnews.jpg);
	width: 219px;
	}