/*big table to define the 2 col*/
table.two-col {
	background      : #FFF;
	text-align      : left;
	vertical-align  : top;
	margin          : 0;
	padding         : 0;
}


/* the text in blue - left col*/
#col-left {
	padding         : 0;
	margin          : 0;
	width           : 541px;
}

div.col-541-top {
	padding         : 0;
	margin          : 0;
	height          : 10px;
	font-size       : 10px;
	background      : url(img/bkg/bkg-541-top.gif) no-repeat left top;
}

div.col-541-mid {
	padding         : 0;
	margin          : 0;
	background      : url(img/bkg/bkg-541-mid.gif) repeat-y left top;
}

div.col-541-btm {
	padding         : 0;
	margin          : 0 0 15px 0;
	height          : 10px;
	font-size       : 10px;
	background      : url(img/bkg/bkg-541-btm.gif) no-repeat left bottom;
}


/* -----------------------------------------
// Text in right col
--------------------------------------------*/

#col-right {
	padding         : 0 0 0 21px;
}

div.col-189-top {
	clear           : both;
	background      : url(img/bkg/bkg-189-top.gif) no-repeat left top;
	margin          : 0;
	padding         : 0 10px;
	height          : 45px;
}

div.col-189-top-anim {
	clear           : both;
	background      : url(img/bkg/bkg-189-top-anim.gif) no-repeat left top;
	margin          : 0;
	padding         : 80px 10px 0 10px;
	height          : 45px;
}

div.col-189-top-radio {
	clear           : both;
	background      : url(img/bkg/bkg-189-top-radio.gif) no-repeat left top;
	margin          : 0;
	padding         : 0 10px;
	height          : 45px;
}

div.col-189-mid {
	clear           : both;
	background      : url(img/bkg/bkg-189-mid.gif) repeat-y left top;
	margin          : 0;
	padding         : 0;
}

div.col-189-btm {
	clear           : both;
	background      : url(img/bkg/bkg-189-btm.gif) no-repeat left bottom;
	height          : 35px;
	margin          : 0 0 15px 0;
	padding         : 0;
}


/*title of col*/

#col-right h2 {
	font            : normal 14px Verdana, Arial, Helvetica, sans-serif;
	color           : #4B74AF;
	border-bottom   : 1px solid #E2EEF2;
	padding         : 8px 5px;
	margin          : 0;
	text-align      : left;
}

#col-right h2.news {
	background      : url(../img/picto-rub/news-s.gif) no-repeat right center;
}

#col-right h2.temoignages {
	background      : url(../img/picto-rub/temoignage-s.gif) no-repeat right center;
}

#col-right h2.telecharger {
	background      : url(../img/picto-rub/download-s.gif) no-repeat right center;
}

#col-right h2.video {
	background      : url(../img/picto-rub/cinema-s.gif) no-repeat right top;
}

#col-right h2.ville {
	background      : url(../img/picto-rub/ville-s.gif) no-repeat right top;
}

#col-right p {
	font            : normal 10px Verdana, Arial, Helvetica, sans-serif;
	color           : #666;
	line-height     : 140%;
	margin          : 0;
	padding         : 5px 15px;
}

#col-right img.faq {
	float           : left;
	margin          : 3px 8px 20px -5px;
}

#col-right #faq input,
#col-right #faq textarea,
#col-right #faq select {
	font            : normal 10px Verdana, Arial, Helvetica, sans-serif;
	color           : #666;
	line-height     : 100%;
	margin          : 0;
	padding         : 2px 0;
	width           : 149px;
}

#col-right p.download {
	font            : normal 10px Verdana, Arial, Helvetica, sans-serif;
	color           : #666;
	line-height     : 140%;
	margin          : 0;
	padding         : 5px 25px;
	background      : url(../img/picto-doc/1.gif) no-repeat 15px 10px;
}

#col-right a.chantier {
	color           : inherit;
	text-decoration : none;
}

/* specific page accueil */

#contenu table #home-quartier td {
	padding			: 3px 10px;
	/*padding-right	: 1px;*/
	margin 			: 0;
	vertical-align 	: middle;
}

#contenu table #home-quartier td h3 {
	padding			: 10px 0 0 0;
}

#contenu table #home-quartier td p {
	padding			: 10px 0;
}