/***********************************************************/
/* GENERAL STATEMENTS */
/***********************************************************/
	html {
	height:100%;
	margin:0px;
	padding:0px;
	overflow:-moz-scrollbars-vertical;
}
body {
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#1c150b;
	background:#bbdce7;
	text-align:left;
}
div {
	margin:0px;
	padding:0px;
	display:block;
}
div a {
	cursor:hand;
}
img {
	border:0px;
}
.both {
	height:1px;
	clear:both;
}
/* png fix */
	img, div {
	behavior: url(..//cityrain/resources/scripts/iepngfix.htc)
}
/***********************************************************/
/* TEXT */
/***********************************************************/

h1 {
	font:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#083e4f;
	font-weight:bold;
	line-height:24px;
	text-transform:uppercase;
	margin:0px 0px 12px 0px;
	padding:0px;
}

h2 {
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#04303e;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;
	margin:0px;
	margin-bottom:15px;
	padding:0px;
}

h3 {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	line-height:14px;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
}

p {
	font-size:12px;
	color:#1c150b;
	font-weight:normal;
	line-height:16px;
	margin:0px;
	padding:0px;
}

p a {
	color:#414040;
	text-decoration:underline;
}
p a:hover {
	color:#1c150b;
	text-decoration:underline;
}
p.date {
	font-size:10px;
	color:#1c150b;
	font-weight:normal;
	font-style:italic;
	margin:0px 0px 4px 0px;
	padding:0px;
}
ul {
	margin:0px 0px 17px 0px;
	padding:0px;
}
ul li {
	font-size:12px;
	list-style-image:url(/cityrain/resources/images/common/ic_list.gif);
	margin:0px 0px 5px 18px;
	padding:0px;
}
/***********************************************************/
/* BOX SWITCH LANGUAGE */
/***********************************************************/
div p.linkLangTop {
	float:right;
	font-size:13px;
	margin:23px 10px 0px 0px;
}
div p.linkLangTop a {
	color:#175469;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
}
div p.linkLangTop a:hover {
	color:#000000;
	text-decoration:none;
}
#boxLang1 {
	position:relative;
	width:138px;
	height:auto;
	margin:-80px 0px 16px 265px;
	z-index:100000;
}
#boxLang2 {
	position:relative;
	float:right;
	width:130px;
	height:auto;
	margin:-160px 0px 20px 0px;
	z-index:100000;
}
.boxLangTop {
	position:relative;
	width:130px;
	height:12px;
	background:url(/cityrain/resources/images/common/bg_boxLang_top.png) top left no-repeat;
}
.boxLangContent {
	position:relative;
	width:130px;
	background:url(/cityrain/resources/images/common/bg_boxLang_content.png) top left repeat-y;
}
.boxLangBottom {
	position:relative;
	width:130px;
	height:12px;
	background:url(/cityrain/resources/images/common/bg_boxLang_bottom.png) top left no-repeat;
}
ul#listLg {
	width:130px;
	margin:0px;
	padding:0px;
	text-align:right;
}
ul#listLg li.listLg {
	clear:both;
	color:#FFFFFF;
	margin:0px 12px 0px 0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
}
ul#listLg li.listLg a {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	margin:0px;
	padding:0px;
}
ul#listLg li.listLg a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
/***********************************************************/
/* LAYOUT */
/***********************************************************/
	#contentWrap {
	width:100%;
	margin:0px auto 0px auto;
}
#contentBody {
	background:url(/cityrain/resources/images/common/bg_body_top.jpg) top center no-repeat;
}
#content {
	width:980px;
	margin:0px auto 0px auto;
	padding-top:0px;
}
.bgContenu {
	width:980px;
	background:url(/cityrain/resources/images/common/bg_content_shadow.png) top left repeat-y;
}
.contenu {
	width:960px;
	margin:0px auto 0px auto;
	background:#e2e1e0;
}
#content .logo {
	width:400px;
	margin:0px auto 0px auto;
	padding-top:199px;
}
/* menu principale */
					#mainMenu {
	clear:both;
	margin:0px;
	padding:0px;
}
#mainMenu .buttonMenu {
	float:left;
}
/* bloc 1 */
					.bloc1 {
	clear:both;
	width:960px;
	padding-bottom:50px;
	background:#9dc8d6 url(/cityrain/resources/images/common/bg_content_bloc1.jpg) bottom left no-repeat;
}
.bloc1 .columnLeft {
	float:left;
	width:321px;
	padding-top:39px;
}
.bloc1 .item1 {
	width:246px;
	height:125px;
	margin:0px auto 0px auto;
	background:url(/cityrain/resources/images/common/bg_bloc_buyNow.png) top left no-repeat;
}
.bloc1 .item2 {
	width:246px;
	height:125px;
	margin:22px auto 0px auto;
	background:url(/cityrain/resources/images/common/bg_bloc_downloadNow.png) top left no-repeat;
}
.bloc1 .columnRight {
	float:left;
	width:609px;
	padding:55px 30px 0px 0px;
}
.bloc1 .columnWide {
	clear:both;
	width:570px;
	padding:22px 0px 0px 22px;
}
.bloc1 a {
	text-decoration:none;
}
/* buy/try */
.blocBuyTry {
	clear:both;
	width:760px;
	height:260px;
	padding:25px 0px 50px 200px;
	background:#9dc8d6 url(/cityrain/resources/images/common/bg_content_bloc1.jpg) bottom left no-repeat;
}
.blocBuyTry .item1 {
	float:left;
	width:246px;
	height:149px;
	margin:0px 50px 0px 0px;
	background:url(/cityrain/resources/images/common/bg_bloc_buyNow2.png) top left no-repeat;
}
.blocBuyTry .item2 {
	float:left;
	width:246px;
	height:125px;
	margin:0px;
	background:url(/cityrain/resources/images/common/bg_bloc_downloadNow.png) top left no-repeat;
}
.tiItem {
	padding:20px 0px 0px 0px;
	text-align:center;
}
.blocBuyTry a {
	text-decoration:none;
}
/* item */
						p.item {
	font-size:12px;
	font-weight:bold;
	margin:0px 15px;
	padding-top:28px;
	text-align:center;
}
span.txtOrange {
	color:#e59100;
}
span.txtGreen {
	color:#89ad10;
}
span.txt18 {
	font-size:18px;
}
/* bloc general */
					.blocGen {
	clear:both;
	min-height:300px;
	padding:0px 0px 35px 0px;
}
*html .blocGen {
	height:300px;
}
.blocGen .columnLeft {
	float:left;
	width:427px;
	padding:22px 60px 0px 22px;
	font-size:12px;
}
.blocGen .columnRight {
	float:left;
	width:427px;
	padding:22px 22px 0px 0px;
}
.blocGen .columnWide {
	clear:both;
	width:570px;
	padding:22px 0px 0px 22px;
}
img.tiBloc {
	clear:both;
	margin-bottom:16px;
}
.contentVideo {
	width:425px;
	height:344px;
	border:1px solid #6b8d98;
}
.contentPhoto {
	width:421px;
}
.contentPhoto .page {
	margin:-13px 0px 0px 200px;
	width:20px;
	height:10px;
	font-size:12px;
	color:#083e4f;
	font-weight:bold;
}
.controlBar {
	clear:both;
	width:430px;
	height:12px;
	margin-top:7px;
}
.controlBar p.number {
	display:inline;
	font-size:12px;
	color:#083e4f;
	font-weight:bold;
	margin:0px 5px;
	padding:0px;
}
.controlBar img.sep {
	vertical-align:middle;
}
.itemReviews {
	clear:both;
	margin-bottom:18px;
}
.itemReviews h2 {
	display:block;
}
.bgCityCenter {
	background:url(/cityrain/resources/images/common/bg_bloc_cityCenter.gif) bottom left no-repeat;
}
.bgCityRight {
	background:url(/cityrain/resources/images/common/bg_bloc_cityRight.gif) bottom left no-repeat;
}
.gradientSep {
	width:960px;
	height:20px;
	background:url(/cityrain/resources/images/common/bg_gradientBloc.gif) top left no-repeat;
}
/* footer */
		#contentFooter {
	width:100%;
	height:310px;
	margin:0px auto 0px auto; /*padding:20px 165px 0px 165px;*/
	background:url(/cityrain/resources/images/common/bg_body_footer.jpg) top center no-repeat;
}
.footer {
	width:910px;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
}
.footer img.icon {
	float:left;
	margin-right:12px;
}
/* menu footer */
			#menuFooter {
	padding-top:235px;
}
#menuFooter ul {
	clear:both;
	margin:0px;
	padding:0px;
}
#menuFooter ul li {
	float:left;
	list-style:none;
	font-size:11px;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}
#menuFooter ul li a {
	color:#FFFFFF;
	text-decoration:none;
}
#menuFooter ul li a:hover {
	text-decoration:underline;
}
#menuFooter ul li a.actif {
	color:#000000;
}
p.copyright {
	clear:both;
	font-size:11px;
	color:#FFFFFF;
}
/***********************************************************/
/* TABLE */
/***********************************************************/
.tab {
	float:left;
	margin-right:20px;
}
table.online, table.worldwide {
	width:435px;
	font-size:12px;
	color:#1c150b;
	margin:0px;
	padding:0px;
	background:url(/cityrain/resources/images/common/bg_bloc_tableRanking.gif) bottom left no-repeat;
}
tr {
	vertical-align:top;
	height:20px;
}
tr.tiColumn td {
	height:22px;
	font-size:11px;
	color:#04303e;
	font-weight:bold;
	text-transform:uppercase;
}
td {
	padding-top:2px;
}
td a {
	color:#000000;
	text-decoration:none;
}
td a:hover, a.actif {
	color:#04303e;
	text-decoration:none;
}
td.tabRanking {
	height:30px;
	padding-left:35px;
	font-weight:bold;
}
td.title {
	height:50px;
	text-align:center;
	vertical-align:top;
	padding-top:0px;
}
td.first {
	font-size:12px;
	padding-left:18px;
	width:92px;
}
td.second {
	font-size:14px;
	width:183px;
	font-weight:bold;
}
td.third {
	font-size:12px;
	width:72px;
}
td.spacer, th.spacer {
	width:10px;
}
.shaded {
	background:#d8ecf3;
}
table.ranking {
	border-collapse:collapse;
	width:90%;
	font-size:12px;
	color:#1c150b;
	margin:0 auto 20px;
	padding:0px;
}
table.ranking th {
	font-size: 11px;
	color: #04303e;
	padding-bottom:5px;
}
td.name {
	font-size:14px;
	font-weight:bold;
}