/* gris pale à utiliser #555 */


/* 0 BASIC TAGS */

table {
	font-size: 1em;
}

.underlineRight
{
	border-top: 1px dashed  #555;
	padding-top: 1.5em;
	padding-bottom: 3.5em; /*espace entre les sections */
	position: relative;
	max-width: 25em;
	
	}


h1, h2, h3, h4 {
	margin: 0;
	font-family: Franklin Gothic Medium, Tahoma, Arial, Helvetica, sans-serif;
	color:#c0dB5A;
	text-align:left; /*added new release aspx*/
}

p {
	line-height: 1.4em;
	text-align:left; /*added new release aspx*/
}

hr {
	border: 0;
	border-top: 1px dashed #555;
	height: 1px;
	width:45em;
}

a {
	text-decoration: none;
	color: #DBB94F;
}

a:visited {
	color: #C19B28;
}

a:hover {
	text-decoration: underline;
	color: #E6CD84;
}

a:active {
	color: #C19B28;
}



img {
	border-width: 0;
}


h1 {
	position: absolute;
	left: 37px;
	top: 12px;
	text-transform: uppercase;
	font-size: 18px;
}

h2 {
	position: absolute;
	left: 37px;
	top: 45px;
	font-size: 11px;
}

h3 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
}
h4 {
	margin-top: 0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
}


.nav {
	position: absolute;
	right: 37px;
	top: 51px;
	text-transform: uppercase;
	font-size: 10px;
}

.menua a:visited, .nav a:visited
{
	/*color: #DBB94F;*/
	color: #DBB94F; /*darkred*/
}


/* 2.1 ALL PAGES */

#home, #resume, #links, #albums, #photos, #details, #register, #admin-albums, #admin-photos, #admin-details {
	position: relative;
	width: 686px;
	padding: 0px 37px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}

#sidebar {
	float: left;
	width: 214px;
	height: 100%;
}

#content 
{
	margin-left: 256px;
}

#whatsnew {
	float: left;
	width: 200px;
	height: 100%;
}

#coollinks {
	margin-left: 220px;
}

#resume h4, #links h4 , #resume h2{
	margin-top: 0;
	border-top: 1px dashed #555;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#resume #photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first {
	margin-top: 0;
	border-top: 1px dashed #555;
	padding-top: 1.5em;
	max-width: 25em;
	text-align:left; /*added new release aspx*/
	margin-right:10px; /*added new release aspx*/
	padding-left:0px; /*added new release aspx*/

}

dl 
{
	text-align:left; /*added new release aspx*/
	margin-top: 0;
	margin-bottom: 0;
	margin-right:100px; /*added new release aspx*/
	padding-left:50px; /*added new release aspx*/
/* 	border-top: 1px solid #343416; */
	border-top: 1px dashed  #555;
	padding-top: 1.5em;
	padding-bottom: 3.5em; /*espace entre les sections */
	position: relative;
	max-width: 25em;
	
	}

dt {
	position: absolute;
	left: 0;
	text-align:left; /*added new release aspx*/
}

dd 
{
	margin-left: 100px; /*modified new release aspx*/
	height: 2.0em; /*espace ente les lignes*/
	text-align:left; /*added new release aspx*/
}



li
{
	font-size: 1em;
	color: white;
	font-family: Franklin Gothic Medium;
	max-width:8cm;
	vertical-align:text-top;
	text-align:left;
	margin-right:100px; /*added new release aspx*/
	padding-left:0px; /*added new release aspx*/	

}


.emptydata td {
	padding: 50px;
	color: #aeaeae;
}



.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}




/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}




body {
	/*	background-color:#1A1A1A; */
	background-color:#555;
	color: #eee;
	font-family: Franklin Gothic Medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	word-wrap: break-word;	/* IE */
	background-repeat: no-repeat;
	/*background-align: center top;*/
	background-position:center top;
	height: 100%;
	margin: 0;
	text-align: center;
}



#master{
/*	height: 100%; */
	margin: 0 auto 0 auto;
	text-align: left;
	width: 999px;
	position: relative;
}

#fadder 
{
	position: absolute;
	top: 339px;
	left: 0;
	width: 999px;
	height: 150px;
	background-repeat: no-repeat;
	z-index: 0;
}
#masterBg { 
	background-repeat: repeat-y;
	background-position: left -260px;	
	position: relative;
}

#footer {
	display: block;
	width: 100%;
	margin: 50px auto 10px auto;
	padding: 10px 0;
	background: #323232;
	font-size: 85%;
	text-align: center;
	color: #bcbcbc;
}
html {
	height: 100%;
	/*
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #333333;

	scrollbar-3Dlight-color: white;
	scrollbar-arrow-color: #c0dB5A;
	scrollbar-track-color: #555;

	scrollbar-darkshadow-color: white;
	scrollbar-shadow-color: white;
	*/
}


.formHead{
	height: 12px;
	width: 650px;
	background: url(../images/bg_formHeader.gif) bottom left no-repeat;
}
.formFoot{
	height: 12px;
	width: 650px;
	background: url(../images/bg_formFooter.gif) top left no-repeat;
}

#mainPanel{
	width: 650px;
	margin: 0 auto 0 auto;
	color: #fff; /*font de la page*/
}
#mainPanel #wrapperCenter
{
	width: 650px;
	padding-bottom: 20px;
/*	background:#333333;	 */
	background: url(../images/bg_form.gif) top left repeat-y;
}


#ddcolortabs
{
margin-left: 50px;
padding: 0;
/*width: 650px;*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 0px;
padding-top:20px;
}


#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:none;
}


#ddcolortabs a{
float:left;
color: white;
background: #333333 url(../images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(../images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #c0dB5A;
}

#ddcolortabs a:hover span{
background-color: #c0dB5A;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #c0dB5A;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #c0dB5A;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


#ddcolortabslineBottom{
clear: both;
padding: 0;
width: 650px;
height: 30px;
line-height: 30px;
background: #555;
background-image:url(../images/bg_bottomline.gif)
}


#copyright{
	margin: 0;
	font-family: Franklin Gothic Medium, Tahoma, Arial, Helvetica, sans-serif;
	color:#c0dB5A;
	font-size: 1.2em;
	text-align:center;
}




/* COLLAPSE PANEL SECTION*/
.collapsePanel {
	width: 650px;
	height:0px;
	background-color:#333333;
	overflow:hidden;
	/*background: url(../images/bg_form.gif) top left repeat-y;	*/
}

.collapsePanelHeader{	
	/*width:640px;		
	height:20px;*/
	color: #c0dB5A;
	/*color: #333333;*/
	/*background-color: #333333;*/
	font-weight:bold;
	float:none;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
	
	clear: both;
	padding: 0;
	width: 650px;
	height: 30px;
	line-height: 30px;
	background: #555;
	background-image:url(../images/bg_collapseheader.png);
	/*background-image:url(../images/bg_form.gif);*/

}

.collapsePanelHeaderWithOutBKG{	
	/*width:640px;		
	height:20px;*/
	color: #c0dB5A;
	/*color: #333333;*/
	/*background-color: #333333;*/
	font-weight:bold;
	float:none;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
	clear: both;
	padding: 0;
	width: 650px;
	height: 30px;
	line-height: 30px;
	background: #333333;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
 color:White;
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}


  .mbf-item { display: none; }
  


/*****************************/
/*TABS SECTION*/

/* ajax__tab_jquery-theme theme */
.ajax__tab_jquery-theme
{
	/* fonts for the tabs */
	font-family:"Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;	
}
.ajax__tab_jquery-theme .ajax__tab_tab
{
	display:block;
	padding:0pt 12px;	
	color:#333333;	
}
.ajax__tab_jquery-theme .ajax__tab_body 
{
	background-color:#555;
	border:1px solid #c0dB5A; /* green border */
	padding:10px;
}

/* regular header styles */
.ajax__tab_jquery-theme .ajax__tab_header .ajax__tab_tab
{
	padding-top:1px;
	height:20px;
	line-height:20px;	
	margin:0px; /* reset from original */	
	margin-bottom:1px; /* the jquery tabs hover just a little bit */
}
.ajax__tab_jquery-theme .ajax__tab_header .ajax__tab_outer
{
	margin-left:3px;
	background:transparent url(../images/tabs3.png) no-repeat right 0px;
}
.ajax__tab_jquery-theme .ajax__tab_header .ajax__tab_inner
{
	margin-right:3px;
	background:transparent url(../images/tabs3.png) no-repeat left 0px;
}

/* active headers styles */
.ajax__tab_jquery-theme .ajax__tab_active 
{
	height:23px;
	line-height:23px;		
}
.ajax__tab_jquery-theme .ajax__tab_active .ajax__tab_outer
{
	margin-left:3px;
	background:transparent url(../images/tabs3.png) no-repeat right -23px;
}
.ajax__tab_jquery-theme .ajax__tab_active .ajax__tab_inner
{
	margin-right:3px;
	background:transparent url(../images/tabs3.png) no-repeat left -23px;
}


/*END TABS SECTION*/
/*****************************/