/* RESET */
*{ margin: 0; padding: 0; }
a img, iframe{ border: 0; }
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd{ list-style: none; }
form, fieldset{ }	
input, textarea, select, button { font-size: 100%; }
select{ }

/* LAYOUT */
body {font-family: Arial, sans-serif;background:url(images/body_bg.gif) 0 3px; font-size:12px; margin:0;color:#444444;}

/* start overall layout */
.mainWrapper{background-image:url(images/header_bg.gif);background-repeat:repeat-x;background-position:top left;width:100%;min-width:944px;float:left;}
.mainFrame{width:944px;height:100%;margin:0 auto;position:relative;}
#mainContent { margin: 15px auto 0 auto; width: 456px; float: left; background-color:#fff; text-align:left; display: inline; }
#fullContent { float: left; background-color:#fff; text-align:left; width: 944px; margin-top: 100px; }
#contentWrapper { background-color: #FFFFFF;padding-left: 105px;padding-top: 18px;float: left;width: 880px;margin-top: 100px; overflow:hidden;}
#contentWrapperOASBanner { background-color: #FFFFFF;padding-left: 105px;padding-top: 0px;float: left;width: 880px;margin-top: 100px; overflow:hidden;}
/* end overall layout */

.wrap{ width: 944px; margin: 0 auto; }

#Head{ float: left; height: 97px; width: 100%; overflow:hidden; }
	#Head .wrap{ position: relative; height: 97px; }
	#Head h1{ float: left; margin: 5px 0 0 0; padding: 0; width: 380px; height: 90px; background: url(images/logo.png) no-repeat; }
	#Head h1 a{ display: block; width: 100%; height: 90px; text-indent:-5000px;}
	#Head .ad{ float: right; width: 468px; margin: 10px 0 0 0; padding: 0; font-size:11px;}
	#Head .ad img{ margin: 2px 0; }
	#Pagebg{ float: left; width: 100%; padding: 0px 0 50px 0; background: url(images/bg_content.gif) repeat-y 239px 0; background-color:#FFF }
	#Content{ float: left; width: 100%;  }	
    #Main{ float: right; width: 660px; padding:15px 25px 0 20px; background: url(images/bg_main2.gif) no-repeat; }
	#Side{ float: left; width: 239px; background: url(images/bg_side2.gif) no-repeat; padding: 15px 0 0 0; }
	#Update{ position: absolute; right: 10px; bottom: 3px; font-size: 11px; color:#FFF; }
	
#Ad{ float: left; width: 100%; padding: 13px 0; background: #f9f9f9; border-top: 3px solid #e6e6e6; }
	#Ad .wrap{ text-align: center; }
#Resources{ float: left; width: 100%; height:115px; background: url(images/footer_bg.png) no-repeat; padding: 0 0 10px 0px; }
	#Resources h2{ color: #474747; margin: 4px 0 5px 0; padding-left: 25px; font-size: 15px; }
	#Resources ul{ list-style: none; padding: 0; margin: 0 0 0 25px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	#Resources li{ float: left; background: none; width: 170px; margin:0; padding:0; font-size: 11px;}
	#Resources a{ display:block; text-decoration: none; color: #fff; padding: 0 0 3px 0; }
	#Resources a:hover{ text-decoration: underline; color: #fff; }


	#Footer a{ text-decoration: none; }
	#Footer a:hover{ text-decoration: underline; }

#last-footer a{font-size: 11px; font-weight:bold; text-align: left; color: #676767; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
#last-footer a:hover{text-decoration: underline;}
#last-footer p{font-size: 10px; font-style:italic; text-align: left; color: #676767; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
.left-footer {float: left; padding-left:10px; width: 600px; text-align:left;}
.right-footer {float: right; padding-right:5px; width: 300px; text-align:right;}

/* CONTENT */
h2{ font-size: 24px; color: #494949; margin:0 0 15px 0; color: #ff6600;}
h3{ font-size: 18px; color: #494949; margin: 0 0 10px 0;  }
h4{ font-size: 14px; color: #42444F; font-weight:bold; margin: 0px 0 10px 0; }
h5{ font-size: 13px; color: #42444F; font-weight:bold; margin: 0px 0 5px 0; }
p{ margin: 0 0 18px 0; line-height:1.5em; }
ul{ margin: 0 0 18px 0; line-height: 1.4em;  }
li{ padding:0 0 3px 15px; background: url(images/bullet_dots.gif) no-repeat 1px 6px; }
hr{ color: #d3d3d3; height: 1px; width: 100%; border: 0 none; border-top: 1px solid #d3d3d3; margin: 0 0 10px 0; }
* html hr{margin: 0; }
tr hr{margin: 0; }
a{ color: #0076ca; }
a:hover, #Side a:hover{ text-decoration: underline; }
#Main a:hover{ text-decoration: underline; color: #ff8600; }
#Main p{font-family: Arial, sans-serif; font-size:12px; color:#505050;}

/* helpers */
.brd{ border: 1px solid red; }
.left{ float: left; }	
.right{ float: right; }
	img.left{ margin: 0 15px 5px 0; }
	img.right{ margin: 0 0 5px 15px; }
.large{ font-size: 1.2em; }
.small, small{ font-size: 0.9em; }
.small95 { font-size: 0.95em; }
.arial { font-family:Arial, Helvetica, sans-serif; }
.arial6 { font-family:Arial, Helvetica, sans-serif; color: #666666;}
.arial1 { font-family:Arial, Helvetica, sans-serif; color: #000;}
td.arial6 { font-family:Arial, Helvetica, sans-serif; color: #666666;}
.shortd{ color: #d00000; font-weight: bold;}
.tl{ text-align: left; }
.tr{ text-align: right; }
.tj{ text-align: justify; }
.tc{ text-align: center; color:#FFF; }
.tc a{ color:#6CF;}
.warning{ color: #ea0029; }
.clear{ display: block; clear: both; height: 1px; overflow: hidden; }
.hidden{ display: none; }
.indent{ margin-left: 30px; }
.vivid{ color: #d00000; }
.black{ color: black; }
.underline{ color: #ff6600; border-bottom: 1px solid #d9d9d9; }
.w10{ width: 10%; } .w20{ width: 20%; } .w30{ width: 30%; } .w40{ width: 40%; } .w50{ width: 50%; } .w60{ width: 60%; } .w70{ width: 70%; } .w80{ width: 80%; } .w90{ width: 90%; } .w100{ width: 100%; }
.w15{ width: 15%; } .w25{ width: 25%; } .w35{ width: 35%; } .w45{ width: 45%; } .w55{ width: 55%; } .w65{ width: 65%; } .w75{ width: 75%; } .w85{ width: 85%; } .w95{ width: 95%; } 
.listing {font-family: Arial, sans-serif; font-size:12px; line-height: 1.7em; vertical-align:top;}

#Path{ margin: 0px 0 20px 0; }
	#Path ul{ margin: 0; padding: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	#Path li{ display: inline; background: none; margin: 0 5px 0 0; padding: 0; color: #6e6e6e; font-weight: bold; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	#Path a{ background: url(images/bullet_path.gif) no-repeat right; padding: 0 13px 0 0; text-decoration: none; color: #6e6e6e; font-weight:normal;}

#Host{ margin: 0 -20px 10px -19px; padding: 0 20px 0 20px; background: url(images/titre_meilleur.gif) no-repeat 0 15px; font-size: 12px; }
	#Host .thumb{ float: left; padding:5px; border:2px solid #DBDBDB; background:white; margin:0 20px 0 0;}
    #Host .thumb2{ float: left; margin-top:10px;}
	#Host h3{ position:relative;font-size: 22px; color: #494949; font-weight: bold; margin: 0 0 20px 0; padding: 30px 0 0 0; }
	#Host h3 a{ color: #494949; text-decoration: none; }
	#Host .link{ float: right; margin:-25px 0 0 0;}
	#Host .link a{ color: #3399FF; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
	#Host .link a:hover{ text-decoration: underline; }
	#Host td{ padding: 1px 0; }
	#Host .buttonmi a {display:block; background-color: #fff; color: #3399FF; font-weight:bold; height:30px; line-height:29px; margin:00px 0px -10px 0px; border: 2px dashed #CCC; text-decoration:none; width:212px; text-align:center;}
	#Host .buttonmi a:hover{background-color: #CCC;}

#borderbox .buttonmi a {display:block; 
                      background-color: #fff; 
					  color: #3399FF; 
					  font-weight:bold; 
					  height:30px; 
					  line-height:29px; 
					  margin:10px 0px -10px 0px; 
					  text-decoration:none; width:210px; 
					  border: 2px dashed #CCC;
					  text-align:center;cursor:pointer}
#borderbox .buttonmi a:hover {background-color: #CCC;}


/* boxes, modules, frames */
.even{ background-color: #f5f5f5; }
.reviews{ border: 5px solid #EDEDED; height: 310px; overflow: auto; margin:0 0 20px 0;}
	.reviews li, .reviews ul{ margin: 0; padding: 0; background-image: none;  display:block;}
	.reviews li{ padding: 15px 15px 5px 15px; }
	.reviews p{ margin: 0 0 9px 0; line-height: 1.4em; font-size:12px;}
.meta{ color: #999; font-size: 11px; }	

.review_summary{ width: 180px; background: #ECECEC url(images/bg_review_sum.gif) no-repeat bottom; font-size: 11px; }
	.review_summary .top{ background: #F8F8F8 url(images/bg_review_sum.gif) no-repeat; padding: 5px 5px 0 5px; }
	.review_summary .divider{ height: 20px; background: url(images/bg_review_sum.gif) no-repeat 0 -314px; }
	.review_summary p{ margin: 0 7px 9px 7px; }
	.review_summary td{ padding: 1px 0; }
	
	
/* icons, lists */
ul.table li{ display: block; padding: 4px 3px 6px 20px; background-position: 7px 9px; }
ul.table li.thead{ background: White url(images/bg_table_head.gif) repeat-x; border-top:1px solid #ccc; border-bottom:1px solid #dedede;}
ul.awards li{ background: url(images/favorite.png) no-repeat left; padding:5px 0 5px 35px; }

/* tables */
.tdata { background: #cccccc; margin: 0 0 18px 0; border: solid #cccccc; border-width: 1px 1px 1px 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
	.tdata tr.even td, tr.even{ background-color: #f5f5f5; border-right: 1px solid white; }
		.tdata tr.odd td, tr.odd{ background-color: #ffffff; border-right: 1px solid white; }		
	.tdata .rank{ font-weight: bold; font-size: 19px; text-align: center; vertical-align: middle; }
	.tdata td{ background:white; vertical-align: middle; padding:9px; border-left: 1px solid #cccccc;   }				
	.tdata th{ background:white; font-weight: normal; text-align: left; border: solid #cccccc; border-width:0 0 1px 1px; padding: 0 9px; }	
	.tdata thead th { background: White url(images/bg_table_head.gif) repeat-x; font: bold 13px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; height: 34px; }	
.tdata2 { background: #cccccc; margin: 0 0 0 0; border: solid #cccccc; border-width: 1px 1px 1px 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
	.tdata2 tr.even td, tr.even{ background-color: #f5f5f5; border-right: 1px solid white; vertical-align: middle; }
	.tdata td{ background:white; vertical-align: middle; padding:8px; border-left: 1px solid #cccccc;   }

/* Add. navigation */
.pages{ color: #999; font-size: 11px; }
	.pages a{ color: #999; padding: 0 5px 0 5px; margin: 0; text-decoration: none; }
	#Main .pages a:hover,
	#Main .pages a.active{ background-color: #35A0D9; color: White; text-decoration: none; }

.dropdown{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; position: relative; }	
	.dropdown .content{ position: absolute; left: 0; top: 0; z-index: 999; }
	.dropdown a{ color: #333; text-decoration: none; }
	.dropdown .hidden{ float: left; width: 162px; border-left: 1px solid white; border-bottom: 1px solid white; background: #f8f8f8; padding: 5px; position: relative; top: -2px; }
	.dropdown ul{ margin: 0 0 10px 0; }
a.menu{ text-decoration: none; display: block; width: 137px; height: 29px; border-left: 1px solid white; background: #F8F8F8 url(images/btn_choose_host.gif); padding: 0 0 0 35px; line-height: 29px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px; }
a.menueval{ text-decoration: none; display: block; width: 237px; height: 29px; border-left: 1px solid white; background: #F8F8F8 url(images/btn_choose_host.gif) no-repeat; padding: 0 0 0 35px; line-height: 29px; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px; }
a.notes{ float: right; width: 157px; background: #F8F8F8 url(images/btn_mynotes.gif); }	
#Choose{ float: right; width: 172px; }	
	#Choose li{ background: none; padding: 4px 0 0 30px; }
#Chooseeval{ float: left; width: 172px; }	
	#Chooseeval li{ background: none; padding: 4px 0 0 30px; }
#Hostmenu{ float: left; width: 152px; }	
	#Hostmenu .hidden{ width: 182px; }
	#Hostmenu a.menu{ width: 157px; background: #F8F8F8 url(images/btn_menu.gif); }
	#Hostmenu ul{ margin: 0 0 10px 5px; }
	#Hostmenu li{ display: block; height: 16px; line-height: 16px; padding: 0 0 0 25px; margin: 0 0 5px 0; background: no-repeat 0 0; }
		#Hostmenu li.email{ background-image: url(images/ico_menu_email.gif); }
		#Hostmenu li.print{ background-image: url(images/ico_menu_print.gif); }
		#Hostmenu li.save{ background-image: url(images/ico_menu_save.gif); }
		#Hostmenu li.subscribe{ background-image: url(images/ico_menu_subscribe.gif); }
		#Hostmenu li.review{ background-image: url(images/ico_menu_submit.gif); }
#Sortmenu{ float: right; width: 172px; margin: -6px 0 0 0; }
html #Sortmenu{ margin: -8px 0 0 0; margin: -6px 0 0 0; }
	#Sortmenu a.menu{ float: right; background: #f8f8f8 url(images/ico_menu_down.gif) no-repeat 11px 11px; padding: 0 0 0 27px; width: 145px; }
	#Sortmenu li{ background: none; width: auto; padding-left: 20px; margin: 0 0 3px 0; }
	#Sortmenu ul{ padding: 0; }
	
/* Sidebar */
#Side h2{ position: absolute; margin-top:-40px; width:234px; margin-left: 7px; padding: 0; color: #5C88AB; font-size: 1em; font-weight: bolder; text-align: left; }
#Side h3{ position: relative; display: block; width: 216px; height: 30px; line-height:30px; padding: 0 0 0 28px; margin: -1px 0 0 -5px; background: url(images/bg_sidecaption2.jpg); color: white; font-size: 12px; font-weight: bold; }
.sidenav{ padding: 0 0px; border-left: 1px solid #dfe0e0;}
.sidenav-ads{ padding: 15px 20px; border-bottom: 1px solid #dfe0e0;}	
	.sidenav ul{ margin: 0; padding: 0; }
	.sidenav li{ background: none;  border-bottom: 1px solid #dfe0e0; margin: 0; padding: 0; }
	.sidenav li.last{  }
	.sidenav a{ display: block; color: #101111; font-size: 11px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; padding: 5px 20px; background: url(images/bullet_side.gif) no-repeat 218px 13px; }
	#Side .sidenav a:hover{ background-position: 218px -12px; background-color: #ff9900; text-decoration: none; }

/* Sectionheader Avis */
.text-sectionheader_span_grey {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(../images/bg-sectionheader_grey_left.gif) no-repeat scroll left center;
color:#FFFFFF;
font-family:Arial;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:25px;
line-height:1.6;
margin:0;
padding:0 0 0 10px;
}

.sectionheader_span_grey {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-sectionheader_grey_right.gif) no-repeat scroll right center;
height:25px;
}


#tableavis a{ color:#666; text-decoration:none; text-transform:uppercase; }
#tableavis a:hover{ color:#666; text-decoration:none; text-decoration: underline;}

/* Coupon tooltips */
a.tip {
border-bottom:none;
text-decoration:none;
}
a.tip:hover {
position:relative;
}
a.tip span {
display:none;
}

a.tip:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FDEDB4 url(http://rmncdn.com/im/sprite.png) no-repeat scroll right -816px;
border:1px dashed #FEBF02;
color:#553E00;
display:block;

font-size:16px;
font-weight:bold;
height:21px;
width:250px;
overflow:hidden;
padding:1px 26px 0 5px;
position:absolute;
z-index:100;
}

a.tip2:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#e46700 url(images/arrow_left.png) no-repeat scroll 100% 5%;;
border:1px dashed #FFF;
display:block;
left:0;
margin:10px;
padding:5px 20px 5px 5px;
position:absolute;
text-decoration:none;
color:#FFF;
top:10px;
width:250px;
z-index:100;
}

/* boutton by Zurb */
.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover	{ background-color: #111; color: #fff; text-decoration: none; }
     a.awesome:hover	{ color: #fff !important; text-decoration: none !important; }
	.awesome:active	{ top: 1px; }
	.small.awesome, .small.awesome:visited 	{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited  { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 	{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }

/* header quick search */
#main_search {
background:url("images/searchbox.png") no-repeat scroll 0 0 transparent;
color:white;
display:block;
font-size:12px;
font-weight:bold;
height:40px;
line-height:30px;
margin:0 0 10px -13px;
position:relative;
width:260px;
}
#qsearch {
border:medium none;
height:33px;
margin:2px 0 0 15px;
padding:0;
width:235px;
}
#qsearch p {
	margin: 0; padding: 0;		
}
#qsearch input {
	float: left;
	border: none;
	background: transparent;
	color: #B8B8B8;	
	margin: 0;
}
#main_search form#qsearch .tbox {
display:inline;
font:1.1em 'Trebuchet MS','Helvetica Neue',Arial,Sans-serif;
margin:6px 0 0 5px;
padding-right:0;
width:205px;
}
#main_search form#qsearch .btn {
height:20px;
margin-left:4px;
margin-top:5px;
width:20px;
}

#main_search form#qsearch label {
	display: none;
}