/* gris pale à utiliser #555 */


/* 0 BASIC TAGS */

table {
	font-size: 1em;
}

h1, h2, h3, h4 {
	margin: 0;
	font-family: Franklin Gothic Medium, Tahoma, Arial, Helvetica, sans-serif;
	color:#FBF003;
}

p {
	line-height: 1.4em;
}

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;
}

dl {
	margin-top: 0;
	margin-bottom: 0;
/* 	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;
}

dd {
	margin-left: 150px;
	height: 2.0em; /*espace ente les lignes*/
}


li
{
	font-size: 1em;
	color: white;
	font-family: Franklin Gothic Medium;
	max-width:20cm;
	
	vertical-align:text-top;
	text-align:left;
	
}


.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;
	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: #FBF003;
	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: black 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: #cccccc;
}

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

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

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #555;
background-image:url(../images/bg_topbar_zebre.gif);
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_zebre.png);
/*position:absolute;*/
}

#RoutesTitles{
clear: both;
padding: 0;
width: 620px;
height: 79px;
line-height: 30px;
background: #555;
background-image:url(../images/Routes2.png);
/*position:absolute;*/
}


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