/* Start of CMSMS style sheet 'Lux: Basic' */
/*
 *   Styles for Guide Topten France
 */
body  {
	font: 100% Arial, Helvetica, sans-serif;
        font-size: 13px;
	background: #fff;
	padding: 10px;
	text-align: left;
	color: #000;
	min-width: 980px;
	margin:0 70px;
	/* margin: 0 auto; */
}
#topheader {
	/*width: 980px;*/
	width:auto;
}

/* Basic Classes */

h1 { 
  margin:0px 0px 6px 0px; 
  padding:0px 0px 2px 0px;
  font-size:18px;
  font-weight:bold;
  line-height: 2em; 
}
h2 {
  font-size:14px;
  font-weight:bold;
  margin:20px 10px 20px 0px;
  line-height:1.2em;
}
h3 {
  font-size:14px;
  font-weight:bold;
  padding:10px 0 2px 0; 
  margin:10px 0 2px 0;
  line-height:1.2em;
}
h4 {
  font-size:12pt;  
  padding:3px 0 0px 0; 
  margin:3px 0 0px 0;
  line-height:1em;
 }
h3 + p, h4 + p, 
a h3 + p, a h4 + p  {
 margin-top:0px;
 margin-bottom:0px;
}
ul { 
   padding:0px 0px 0px 16px;
   margin:0px 0px 0px 0px; 
}
a:link { color: #339900; text-decoration:none; }
a:visited { color: #339900; text-decoration:none; } 
a:hover {  text-decoration:underline; }
img { border: none; }

#top_logo {
	float: left;
	margin: 0;  	
}

/* Top Menu with Service Navigation -------------------------------------------------------------------- */
#top_menu {
	float: right;
	padding: 20px 0px 0px 30px;
	width: 390px;
	height: 70px;
	background: #FFF url("../uploads/layout/top_menu.jpg") repeat-x;
     font-size: 16px;
}
#top_menu ul, #top_menu li {
	padding-left:0px;
	list-style-type:none;
	display:inline;
}
/* solved in menumanagertopten: template serviceMenu
#nav-service a:before {
	content:"| "
}
#nav-service li:first-child a:before {
	content:""
}
*/
#top_menu_search {
	position: relative;
	right: 30px;
	top: -2px;
}
#top_menu_search .search-input {
	width: 300px;
}
#top_menu_search input.button {
	color: #fff;
	background: #390 url("../uploads/layout/button_search.jpg") no-repeat;
}
#top_menu_items a {
	font-size: 14px;
	color: #FFF;
	text-decoration:none;
}
#top_menu_items a:hover {
	text-decoration: underline;
}
#top_menu_items {
	position: relative;
	right: 30px;
	top: -5px;
	color: #fff;
	margin: 0 0 10px 0;
	white-space:nowrap;
}
#top_menu_left {
	float: right;
	width: 18px;
	height: 85px;
	background: #FFF url("../uploads/layout/top_menu-left.jpg") no-repeat;
}
#top_menu_right {
	float: right;
	width: 29px;
	height: 85px;
	color: #fff;
	background: #FFF url("../uploads/layout/top_menu-right.jpg") no-repeat;
}
#top_toptenpro a.go_pro {
	float: right;
	margin: 0;
	display: block;
	height: 85px;
	width: 175px;
	background: #FFF url("../uploads/layout/top_probutton.jpg") no-repeat;
}
#top_toptenpro a.go_pro:hover {
	background-position: 0px -85px;
}

/* Main -------------------------------------------------------------------- */
#main_container {
	padding: 14px 0px 0px 0px;
}
#main_middle {
	background: url("../uploads/layout/med_middle.jpg") no-repeat;
	height: 273px;
	width: 972px;
}
#main_middle a.conseils_button {
	position: relative;
	background: url("../uploads/layout/button_conseils.png") no-repeat;
	top: 218px; 
	left: 450px;
	width: 200px;
	height: 38px;
	display: block;
}
#main_middle a.conseils_button:hover {
	background-position: 0px -40px;
}
#main_right {
	position: relative;
	top: -20px;
	left: 710px;
	background: url("../uploads/layout/newsbox.png") no-repeat;
	height: 230px;
	width: 260px;
}
#conseils_button {
	position: relative;
	background: url("../uploads/layout/button_conseils.png") no-repeat;
	top: 218px; 
	left: 450px;
	width: 200px;
	height: 38px;
}
#main_news {
	padding: 20px 0px 0px 20px;
	margin: 0px 0px 10px 12px;
	height: 192px;
	width: 212px;
	overflow: auto;	
	font-size: 13px;
}
#main_news strong {
	font-weight: bold;
	color: #393;
}
#products {
	clear:both;
	position: relative;
}
#products .imgleft {
	margin-right: 0px;	
}
#products .imgright {
	margin-right: 7px;	
}
#logos {
	background: #fff url(../uploads/layout/logo-bg.gif) repeat-x;
	margin: 30px 5px 30px 0px;
	text-align:center;
        min-width: 980px;
        margin: 30px auto;
}
#logos .main2 {
	padding-top:30px;
	padding-left:10px;
	float:right;
}
#copyright {
	margin-top: 30px;
	float: left;
	color: #999;
	font-size: 11px;
}
.copyright {
	color: #999;
	font-size: 11px;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}


/* Top Menu	Box with Main Navigation -------------------------------------------------------------------- */
#topmenu_box {
	background: transparent url("../uploads/layout/topmenu_bg2.gif") repeat-x; 
	padding-left:20px;
}
#topmenu_box a {
	font-size: 14px; 
	color: #FFF;
	text-decoration:none;
	font-weight:normal;
	padding:7.5px 10px;
	margin:0px 10px 1px 0px;
	border:1px solid transparent;
}
#topmenu_box a.ui-state-active {
	background:none;
	border:none;
	border: 1px solid #648a19; background: #7aa526 url(../menu/theme/images/ui-bg_highlight-soft_25_7aa526_1x100.png) 50% 50% repeat-x; color: #ffffff;
	/*border: 1px solid #DFD9C3; background: #7aa526 url(../uploads/layout/ui-bg_highlight-soft_1x100.png) 50% 50% repeat-x; color: #ffffff;*/
	/*border: 1px solid #648a19; background: #7aa526 url(../menu/theme/images/ui-bg_highlight-hard_50_7aa526_1x100.png) 50% 50% repeat-x; color: #ffffff;*/ 
	/*border:1px solid transparent;*/

}
.roundedBox {position:relative; padding:3px; margin: 0; height:46px; }
.corner {position:absolute; width:20px; height:46px;}
.topLeft {top:0; left:0; background:url("../uploads/layout/topmenu_bg.gif"); background-position: 0px 0px;}
.topRight {top:0; right:0; background:url("../uploads/layout/topmenu_bg.gif") no-repeat; background-position:-16px 0px;}

/* deprecated? ---------------------------------------------------------------------------- */
#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#menu a {
	display: block;
	width: 10em;
}
#menu li {
	float: left;
	width: 10em;
}
#breadcrumbs {
	margin: 0px;
	color:#555;
	font-size:14px;
	line-height:22px;
	padding: 2px 0px 4px 0px;
	border-bottom:1px solid #BABABA;
}
#printnshare {
	position: relative;
	float:right;
	right: 0;
	top: 0px;
}
#printnshare a {
	color:#999;
	text-decoration: none;
	padding-right:10px;
}
#printnshare a:hover {
	color:#000;
	text-decoration: underline;
}
#sidebar {
	float: left;
	width: 260px; 
	margin: 20px 0 0 0;
}
#sidebar .relatedblock {
	margin-top: 8px;
	margin-bottom: 20px;
}
#sidebar .relatedblock .group {
	font-weight:bold;
}
#sidebar .relatedblock div {
	margin-top:7px;
	padding:3px;
	margin-bottom:6px;
	font-weight:bold;
	background: #efefef;
	border-bottom: #CCC 1px solid;
}
#sidebar ul {
	padding:0px 0px 0px 3px;
}
#sidebar li {
	list-style-type:none;
	padding:5px 0px 0px 3px;
}
#content {
	padding-left: 280px;
	margin: 20px 0 0 0;
}
#content h1 {
	font-weight:bold;
}
#content h2 {
	color:#000;
}
#content p, #content ul {
}
#content a {
	color: #390;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
#printicon {
	background:url(uploads/layout/ico_print.gif) no-repeat 0px 0px;
	padding:2px 10px 2px 20px;
}
#xlsicon {
	background:url(uploads/layout/ico_xls.gif) no-repeat 0px 0px;
	padding:2px 10px 2px 20px;
}
#recicon {
	background:url(uploads/layout/ico_ok.gif) no-repeat 0px 0px;
	padding:1px 0px 2px 20px;
}
#criicon {
	background:url(uploads/layout/ico_info.gif) no-repeat 0px 0px;
	padding:1px 0px 2px 20px;
}
.tothetop {
	color:#BABABA;
	float:right;
	font-size:12px;
	margin:0;
	padding:8px 10px 0 0;
	width:auto;
}
.warning {
	background: #fff url(uploads/layout/ico_info.gif) no-repeat 0px 0px;
	margin: 15px 0 0 0;
	color: #339900;
	font-weight:bold;
	padding: 5px 5px 5px 20px;
	border: 1px solid #339900;
}
/* End of 'Lux: Basic' */

