html, body {
	height: 100%;
}
body {
	background: url('../system/fdv.jpg') repeat-x #282D3E; 
	font: 14px "Lucida Grande", Arial, Verdana, sans-serif;
}
body, h1, h2, h3, h4, h5, p, ul, li, img, form, dl, dd, dt {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
}
input, textarea {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;	
}
a, a:hover, a:active, a:visited, a:link {
	text-decoration: underline;
	color: #fff;
	outline: none;
	cursor: pointer;
}
a:active {
	color: #888888;;
}
p {
	font: 14px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #939393;
	line-height: 16px;
}
h1 {
	text-shadow: #000 0 1px 1px; 
	font: bold 14px verdana; color: #ffffff;
}
h2 {
	text-shadow: #000 0 1px 1px; 
	font: bold 12px verdana; color: #ffffff;
}
h3 {
	font: 10px "Trebuchet MS", Verdana;	
	color: #FFF;
	padding-top: 10px;
	text-shadow: #000 0 1px 1px; 
}

.typo1  {font: bold 11px verdana; color: #DFB5B5; line-height:23px;}
.typo2  {font: bold 15px verdana; color: #DFB5B5; line-height:23px;}
.typo3  {font: bold 12px verdana; color: #ffffff; line-height:15px;} 
.typo4  {font: normal 12px verdana; color: #ffffff; line-height:15px;} 
.typo5  {font: bold 15px verdana; color: #000000; line-height:30px;} 
.typo6  {font: bold 9px verdana; color: #4F4F4F; line-height:10px;}  
.typo7  {font: normal 11px verdana; color: #DFB5B5; line-height:15px;}
.typo8  {font: normal 9px verdana; color: #6F7C7F; line-height:15px; TEXT-DECORATION: none;}
a.typo8:link{ font: normal 9px verdana; color: #6F7C7F; line-height:15px; TEXT-DECORATION: none; }
a.typo8:visited{ font: normal 9px verdana; color: #6F7C7F; line-height:15px; TEXT-DECORATION: none; }
.typo9  {font: bold 20px verdana; color: RED; line-height:23px;}
.typo10  {font: bold 15px verdana; color: #FCF497;}

.gris {display:block; height: 1px; margin: 0; _margin: -7px 0; padding: 0; color: #636172; background-color: #636172; border: 0; clear:both;}


.tab-concours { width:368px; height:20px; border: 1px solid orange; margin:5px; }
.col-concours { float:left; width:77px; border-right: 1px solid orange; text-align:center; font: normal 12px verdana; color: #5F5A59; line-height:20px; background:#C2C4CF }
.menu-concours { float:left; width:72px; color:#FFD7CF; text-align:center; font: normal 12px verdana; margin-left:6px; }


.ddimgtooltip{
box-shadow: 3px 3px 15px #000000;
-webkit-box-shadow: 3px 3px 15px #000000;
-moz-box-shadow: 3px 3px 15px #000000;
position:absolute;
border:1px solid #07032F;
display:none;
background:#ffffff;
z-index:2000;
padding: 5px;
margin: auto; 
}

#interContainer{position:absolute;width:600px;left:30;top:0;padding:0;padding-top:0;visibility:hidden;z-index:116;}
#interContainer .headerbar{padding:0px 0;text-align:right;font-family:Arial,sans-serif;}
#interContainer .headerbar a{color:white;font-size:120%;text-decoration:none;}
#interVeil{position:absolute;background:black url(/system/black.gif);right:0;width:10px;top:0;z-index:115;visibility:hidden;filter:progid:DXImageTransform.Microsoft.alpha(opacity=30);opacity:.3;}
#interContainer{margin:0;padding:0;font-family:'Trebuchet MS',Verdana,Georgia,Arial,sans-serif;font-size:.9em;text-align:center;color:#000;line-height:1.3em;}


.myBox .bigtext {
	TEXT-ALIGN: center; FONT-SIZE: 16px; FONT-WEIGHT: bold
}
DIV.myBox {
	POSITION: relative; WIDTH: 400px; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 12px; margin-left:20px;
}
DIV.myBox DIV.top_ul {
	WIDTH: 15px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/full.png) no-repeat left top; FLOAT: left; HEIGHT: 30px
}
DIV.myBox DIV.top_ur {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/full.png) right top; HEIGHT: 30px; PADDING-TOP: 0px; LEFT: 0px !important
}
DIV.myBox H1.caption {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 90%; PADDING-RIGHT: 0px; COLOR: #555; FONT-SIZE: 12px; TOP: 10px; FONT-WEIGHT: bold; PADDING-TOP: 0px; LEFT: 0px
}
DIV.myBox DIV.middle {
	BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/body.png) repeat-y left top; MARGIN-RIGHT: 20px
}
DIV.myBox DIV.body {
	POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/body.png) repeat-y right top; MARGIN-LEFT: 5px; RIGHT: -20px; PADDING-TOP: 5px
}
DIV.myBox DIV.bottom_ll {
	WIDTH: 15px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/full.png) no-repeat left bottom; FLOAT: left; HEIGHT: 15px
}
DIV.myBox DIV.bottom_lr {
	POSITION: relative; MARGIN: 0px 0px 0px 15px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/full.png) right bottom; HEIGHT: 15px; LEFT: 0px !important
}
DIV.myBox DIV.closeButton {
	POSITION: absolute; MARGIN: 10px 15px 0px 0px; WIDTH: 13px; BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/closebtn.gif) no-repeat right ; FLOAT: right; HEIGHT: 13px; WIDTH:80px; TOP: 0px; CURSOR: pointer; RIGHT: 0px
}
DIV.myBox DIV.closeButton:hover {
	BACKGROUND: url(http://images.easyroommate.com/images/clientcide/stickywinhtml/closebtn_over.gif) no-repeat right;
}
DIV.myBox P {
	MARGIN-TOP: 1em
}


/* lightbox contact */ 

.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.5;
			opacity:.50;
			filter: alpha(opacity=50);
		}
		.white_content {
			display: none;
			position: relative;
			margin-left: auto; 
  		margin-right: auto;
  		width: 553px;
  		height: 419px;
			border: 3px solid orange;
			border-top: 0px;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}


/* ----------------------------------------------------------------------- */ 


.champ {color: #000000;font-family:Arial;font-size:9pt;text-decoration:none;background-color: #FFFFFF;border: 1px solid #000000;}


#header {
	float:left;
	width: 873px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.cadre_Y {
overflow: auto;
visibility: visible;
height:0px;
}


#head {
	height: 66px;
}

#logo {
	position: absolute;
	background: url('../system/logo.png') no-repeat;
	margin-top: 20px;
	margin-left: 0px;
	width: 210px;
	height: 170px;
	z-index: 9999;
}

#logo span {
	display: none;
}

#menu {
	display: block;
	position: relative;
	list-style: none;
	clear: right;
	float: right;
	overflow: hidden;
	width:740px;
}

#menu li {
	float: right;
}

#menu li a {
	float: left;
	display: block;
	height: 33px;
	text-decoration: none;
	font-size: 12px;
	text-shadow: #000 0 -1px 0; 
	font-weight: bold;
}

#menu li a:hover {
	text-decoration: underline;
}

#menu li a.current:hover, #menu li a.first_current:hover, #menu li a.last_current:hover {
	text-decoration: none;
}

#menu li a span {
	float: left;
	display: block;
	height: 33px;
}

#menu li a span span {
	padding: 11px 12px 0 15px;
	height: 22px;
}

#menu li a.first span {
	background-position: 0 0;
}

#menu li a.first span span {
	background-position: top right;
	padding-left: 30px; /* 15 + 15 */
}

#menu li a {
	background: url('../system/normal_center_.gif') repeat-x;
}

#menu li a span {
	background: url('../system/normal_left.jpg') no-repeat -15px 0;
}

#menu li a.after_current span span, #menu li a span span {
	background: url('../system/normal_right.jpg') no-repeat top right;
}

#menu li a.after_current span {
	background-image: url('../system/normal_after_current.jpg');
	background-position: 0 0;
}

#menu li a.before_current span span {
	background-image: url('../system/normal_before_current.gif');
}

#menu li a.before_current span span, #menu li a span span {
	background: url('../system/normal_right.jpg') no-repeat top right;
}

#menu li a.first_current {
	background-image: url('../system/current_center.gif');
}

#menu li a.first_current span {
	background-image: url('../system/current_left.jpg');
}

#menu li a.first_current span span {
	background-image: url('../system/current_right.jpg');
}

#numerovert {
	
}

#languages {
	background: url('../system/languages.gif') repeat-x;
	background-position: 0 -27px;
	float: right;
	height: 34px;
	width:60px;
	font-size: 11px;
}
#languages div {
	background: url('../system/languages.gif') no-repeat;
	background-position: left top;
	height: 27px;
}
#languages div div {
	background-position: right -54px;
}
#languages ul {
	list-style: none;
	padding: 0 3px 0 3px;
	overflow: hidden;
}
#languages ul li {
	padding: 7px 5px 5px 5px;
	float: left;
	height: 15px;
}
#languages ul li a, #clientsection_link a {
	text-decoration: none;
}
#languages ul li a:hover, #clientsection_link a:hover {
	text-decoration: underline;
}
#languages ul li.current {
	background: url('../system/languages_arrow.gif') no-repeat center 23px;
}

#clientsection_link {
	float: right;
	font-size: 11px;
	padding: 7px 7px 0 0;
}



#right {
float:left;
margin-left:10px; 
width:120px;	
}

#footer {
	float:left;
	padding-left:100px;
	text-align:center;
	width:873px;
}

#footer ul#footer_left {
	padding-left: 10px;

}
#footer ul {
	list-style: none; 
	font-size: 11px;
	padding-top: 10px;
}
#footer ul li {
	color: #8c8b8c;
}

.foot{ height: 400px; width:873px; line-height:15px; padding:3px; text-align:center; overflow: hidden; visibility: visible; }


.sidebar {
	position: relative;
	float: left;
	width: 208px;
	z-index: 5;
}

.sidebar_in {
	float: left;
}

.sidebar ul {
	list-style: none;
	font: 12px "Lucida Grande";
	text-decoration: none;
	width: 207px;
	background: url('../system/sidebar_selected.png') no-repeat 0px 0px;
	float: left;
	margin: 10px 8px;
}
.sidebar ul li {
	width: 188px;
	overflow: hidden;
}
.sidebar ul li a {
	display: block;
	padding: 11px;
	text-decoration: none;
	text-shadow: #000 0 -1px 0;
	width: 165px;
	background: url('../system/sidebar_arrow.png') no-repeat 172px 13px;
	cursor: pointer;
}
.sidebar ul li .inter {
	width: 188px;
	background: url('../system/sidebar_inter.png') repeat-x 0 0;
	height: 2px;
	display: block;
	position: absolute;
	margin-top: -1px;
}
.sidebar ul li.selected a {
	font-weight: bold;
}

.content_with_sidebar {
	position: relative;
	float: left;
	width: 675px;
	z-index: 4;
	margin-left: -11px;
	overflow: hidden;
	background: #2B2D39 url('../system/fd_content.png') repeat-y top left;
	border-bottom: 1px solid #000000;
	/* background: url('../system/sidebar_shadow.png') repeat-y top right; */	
}
.content_with_sidebar .column {
	float: left;
	width: 298px;
}
.content_with_sidebar .column.h {
	float: left;
	width: 609px;
	padding: 30px 0 0 30px; 
}

.content_with_sidebar .column.u {
	float: left;
	width: 580px;
	padding:15px;
	background:#979BA8;
	margin:25px; 
	border: 1px solid #ffffff;
}

.content_with_sidebar .column.tiny {
	width: 237px;
}
.content_with_sidebar .column.medium {
	width: 359px;
}
.content_with_sidebar .column p {
	padding-top: 8px;
	margin: 0;
	clear: both;
	overflow: hidden;
}

.content_with_sidebar h2 {
	float: left;
	clear: left;
}
.content_with_sidebar h2.no_margin {
	margin: 0;
}
.content_with_sidebar .a_content {
	overflow: hidden;
	min-height: 550px;
}
.content_with_sidebar .a_content ul li {
	font: 14px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #939393;
	line-height: 16px;
}
.content_with_sidebar .quicklook {
	float: right;
}
.content_with_sidebar .quicklook.no_margin {
	margin-top: 5px;
}

a.quicklook {
	text-shadow: #000 0 1px 1px; 
	font-weight: bold;
	text-decoration: none;
	display: block;
	background: url('../system/quicklook.png') no-repeat 0 3px;
	font-size: 11px;
	padding: 0 0 1px 20px;
}
a.quicklook:active {
	color: #888888;
	background-position: 0 -20px;
}