BODY {
background-color: #EBEBF5;
background-image: url(/photos/styles/outdoorphoto/page_backg.gif);
margin-left:10px;
margin-top:0px;
scrollbar-face-color: #9999CC;
scrollbar-arrow-color: #FFFCE8;
scrollbar-track-color: #EBEBF5;
scrollbar-3dlight-color: #EBEBF5;
scrollbar-highlight-color: #FFFFFF; 
scrollbar-shadow-color: #666699;
scrollbar-darkshadow-color: #333366;
background-repeat:repeat-y;
}

BODY.popup {
background: #EBEBF5;
background-image: url(/photos/styles/outdoorphoto/popup_backg.gif);
margin-left:15px;
margin-top:10px;
}

.articlefull {
padding:5px;
}

.article {
margin-right:300px;
}

.articlefiller {
padding:5px;
margin-top: 20px;
border: 1px solid #9999CC;
font-size:11px;
}

#intro {
padding-bottom:25px;
color:#333366;
}

.article .header{
padding-bottom:25px;
color:#333366;
}

.article img.example{
padding-bottom:25px;
color:#333366;
}

A {
text-decoration: underline;
color: #333366;
}

A:hover {
text-decoration: underline;
color: #666699;
}

A:visited {
color: #666699;
text-decoration: underline;
}


H1 {
color: #333366;
font-size: 17px;
font-weight: bold;
font-family: trebuchet MS,arial,helvetica,sans-serif;
margin-bottom: 5px;
}
	 
H2 {
color: #333366;
font-size: 14px;
font-weight: bold;
font-family: trebuchet MS,arial,helvetica,sans-serif;
margin-bottom: 15px;
margin-top: 20px;
background-image: url(/photos/graphs/spacer_bleu2.gif);
background-position: bottom;
background-repeat: repeat-x;
}

H6.galleries{
color: #333366;
font-size: 14px;
font-weight: bold;
font-family: trebuchet MS,arial,helvetica,sans-serif;
margin-bottom: 15px;
margin-top: 20px;
}

H3 {
color: #666699;
font-size: 16px;
font-weight:bold;
font-family: trebuchet MS,arial,helvetica,sans-serif;
margin-bottom: 5px;
}

H4 {
font-size: 13px;
font-weight: bold;
font-variant:small-caps;
display:inline;
}

H5 {
font-size: 13px;
font-weight: normal;
color:#FFFCE8;
background-color:#666699;
padding: 5px 0px;}

P, UL, OL, LI, BLOCKQUOTE, TD, TH, DIV {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
}

#skyscraper {
text-align:right;
}

#right {
width:250px; 
float:right; 
margin-left:20px;
}

#CONTENT, #galleries {
border: 1px solid #434376;
border-collapse: collapse;
background-color: #d6d6e0;
margin-left:5px;
}

#CONTENT TD {
padding: 6px;
background-color: #d6d6e0;
}

.smallfont
{font-family:trebuchet,arial,helvetica,sans-serif;
font-size:12px;}

#CONTENT TH {
color: #FFFCE8;
background-color: #666699;
font-size: 13px;
font-weight: bold;			
font-family:trebuchet,arial,helvetica,sans-serif;
border-bottom: 1px solid;
padding: 3px 6px 3px;
height:30px;
text-align:left;
}

#DETAILLIST {
border: 1px solid #434376;
border-collapse: collapse;
background-color: #eaecf4;
color: #333366;
font-size: 10px;
line-height: 80%;
margin-left:5px;
}

#DETAILLIST TR:hover {
background-color: #FFFCE8;
}

#DETAILLIST TD {
padding: 4px;
border-bottom: 1px solid #434376;
cursor: pointer;
font-family:'MS Sans Serif',trebuchet,arial,helvetica,sans-serif;
}

#DETAILLIST TH {
color: #FFFCE8;
background-color: #9999cc;
border-bottom: 1px solid #434376;
font-weight: bold;
font-variant: smallcaps;
padding: 4px;
height:20px;
text-align:left;
}

#DETAILLIST TH A{
color: #FFFCE8;
}

#DETAILLIST A:hover {
color: #F4AD00;
text-decoration:none;
}

SPAN.list {
float:left;
text-align:center;
font-size:11px;
width:140px;
height:140px;
padding:5px;
}

IMG.thumb {
border: 1px solid #666699;
margin:6px;
}

IMG.selthumb {
border: 1px solid #434376;
margin:6px;
}

IMG.microthumb {
border: 1px solid #666699;
margin:3px;
}

IMG.selmicrothumb {
border: 1px solid #FFFCE8;
margin:3px;
}

.thumb:hover, .selmicrothumb:hover, .microthumb:hover, .selthumb:hover {
border-style: dashed;
}

IMG.photo {
border: 1px solid #000000;
margin:10px;
padding:10px;
background-color:#FFFFFF;
text-align:center;
}

.menu, .newsmenu {
margin-left:30px;
margin-bottom:30px;
border: 1px solid #434376;
width:250px;
float:right;
}

.admenu {
margin-bottom:30px;
border: 1px solid #434376;
width:250px;
}

.menu ul, .menu p, .menu li, .content li, .admenu ul, .admenu p, .admenu li, .newsmenu p{
padding: 0;
margin: 0;
list-style-image: none;
}

.menu .header, .admenu .header , .newsmenu .header{
color: #FFFCE8;
background-color: #666699;
background-image: url(/photos/graphs/pictos/fleche_menu.gif);
background-position: right;
background-repeat: no-repeat;
width:250px;
}

.menu .header div, .admenu .header div, .newsmenu .header div {
font-family:trebuchet,arial,helvetica,sans-serif;
height:20px;
padding: 5px 3px;
font-size: 13px;
font-weight: bold;
}

.menu .content, .admenu .content , .newsmenu .content{
background-color: #D6D6E0;
width:250px;
}

.menu .content li, .menu .content p, .admenu .content li, .admenu .content p, .newsmenu .content p{
display:block;
border-top: 1px solid #434376;
padding: 5px 5px;
font-family: trebuchet MS,arial,helvetica,sans-serif;
font-size: 12px;
}

.menu .content li.alternate, .menu .content p.alternate, .admenu .content li.alternate, .admenu .content p.alternate, .newsmenu .content p.alternate{
background-color: #eaecf4;
}

.menu .content li:hover, .admenu .content li:hover {
background-color:FFFCE8;
}

.menu a:link, .menu a:hover, .menu a:visited,.menu a:active, .admenu a:link, .admenu a:hover, .admenu a:visited,.admenu a:active{
font-weight:bold;
text-decoration:none;}

.menu a:hover, .menu a:active, .admenu a:hover, .admenu a:active{
text-decoration:underline;
}

li {
list-style-image: url(/photos/graphs/nav/puce_ronde.gif);
padding:1px;
}

.regular {
background-color: #d6d6e0;
}

.alternate {
background-color: #eaecf4;
}

#CONTENTABLE {
border: 1px solid #666699;
border-collapse:collapse;
padding:4px;
}

#CONTENTABLE TD, TH {
border: 1px solid #666699;
font-size: 11px;
font-family: trebuchet MS,arial,helvetica,sans-serif;
padding:4px;
}

#CONTENTABLE TH {
background-color: #d6d6e0;
color: #333366;
text-align:left;	
}

#TEXTDIV {
border: 1px solid #666699;
font-size: 11px;
font-family: trebuchet MS,arial,helvetica,sans-serif;
background-color: #d6d6e0;
padding:5px;
}

#gallerythumbs {
padding-right:30px;
}

.THUMBSCONTENT {
padding: 6px;
border: 1px solid #434376;
background-color: #d6d6e0;
margin-left:5px;
width: 100%;
overflow:auto;
}

.THUMBS {
float:left;
margin:5px;
text-align:center;
height:170px;
width:165px;
}

.HOMETHUMBS {
float:left;
margin:5px;
text-align:center;
width:165px;
}

#THUMBSCONTENT hr {
clear: both;
visibility: hidden;
}

#THUMBSCONTENT p, span {
font-size:11px;
}

SAMP {
font-style: normal;
	 }
SMALL {
font-family: 'MS Sans Serif',trebuchet,arial,helvetica,sans-serif;
font-size: 11px;
	 }

.select_exh  {
color: #990000;
font-size: 12px;
font-weight: bold;
	 }
	 	 
form {
margin: 2px 0px;
display:inline;
}

input, select, textarea {
font-family: 'MS Sans Serif',trebuchet,arial,helvetica,sans-serif;
font-size: 11px;
background-color: #fff;
color: #333366;
border: 1px solid #9999CC;
margin:1px;
padding:3px;
	 }
	  
.button, #sbb, .submit input {
font-family: 'MS Sans Serif',trebuchet,arial,helvetica,sans-serif;
font-size: 11px;
color: #FFFCE8;
background-color: #666699;
border-color: #FFFFFF;			
borderdark-color: #333366;
margin: 3px 0px 0px 7px;
font-weight:bold;
padding:2px;
	 }	
	 
.ddfm label	{
display:block;
width:150px;	
margin-bottom:3px;
}

.fmtext, .fmtextarea {
width:300px;
}

.errorlist {
color:#ff0000;
}
	 
a.linkbutton {
font-family: 'MS Sans Serif',trebuchet,arial,helvetica,sans-serif;
font-size: 11px;
color: #FFFCE8;
background-color: #666699;
border-color: #FFFFFF;			
borderdark-color: #333366;
padding: 4px;
margin: 4px;
text-decoration:none;
	 }		 

.left {float:left; margin-right:20px;margin-bottom:10px; }
.right {float:right;margin-left:20px;margin-bottom:10px;}

.h {visibility: hidden;
	display:none;
	}	
	
.psd {width:100%; padding:10px;}

.psd table {border-collapse: collapse; width:100%;}
.psd td {font-size:11px;padding:2px;margin:0px;border:1px dotted #9999CC;}
.psd .iframe {padding:8px; border:1px solid #9999CC;}
.psd h3 {margin-bottom:0px; padding:3px; font-weight:bold; background-color:#666699;border-width:1px 1px 0px 1px; border-color:#9999CC; border-style:dotted; color:#FFFCE8;}	

#main {
padding:50px 10px 10px 10px;
position:absolute;
top:104px;
z-index:0;
width:98%;
}

.topnav {
color: #333366;
font-size: 12px;
font-weight: bold;
font-family: trebuchet MS,arial,helvetica,sans-serif;
letter-spacing: 0.05em;		
}

#NAV A {
font-weight:bold;
text-decoration:underline;}

#ads {
	width:250px;
	position:absolute;
	right:0;
	margin-right:10px;
	color:#505050;
	}
	
#gallery {
	margin-right:300px;
 }
 
.red {
	color:#red;
}

.credits {
	font-size:11px;
	margin:15px 0 15px 0;
} 

ul.share, li.share {
list-style-type:none;
list-style-image:url();
font-size:11px;
}

li.share {
	width:125px;
}

li.share, li.share img {
float:left;
margin-right:10px;
}