/* 
   This is my FAP design
*/

a img { border: none; }

 /* General styles  */

.clear
	{
		clear: both;
		height: 0;
	}

.hidden 
	{
		display:none;
	}

/* Images embedded in text.  "narrow" are 200 pixels wide or smaller. */

img.narrow 
	{
		display: block;
		clear:right;
		float: right;
	}
	
img.wide 
	{
		display: block;
		clear:both;
		display: block;
	}

/* Block Level formatting, more or less in descending order */

html 
	{
		background: rgb(255, 255, 255) 
		/* url(blue_bkgd.jpg) */;
	}

body 
	{
		font-size: 80%;
		margin: 0;
		/* background: url(extra_bkgd.jpg) center repeat-y; */
		font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		font-style: italic ;
		word-wrap: break-word;
	}


/* paragraph styles */

h1,
h2,
h3,
h4,
#title p,
#sitemenu-content li,
#page-bottom p,
.caption,
		{
			font-family: Tahoma, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
			font-style: normal ;
		}

h1
	{
		font-size: 3.3em;
		font-weight:normal;
		text-align: right;
		color: white;
		margin: 22px 24px 15px 210px;
		display: block;
		text-shadow: 0px -1px 1px rgb(161, 161, 161);
	}

h2 
	{
		display: block;
		font-weight: normal;
		font-size: 2em;
		color: white;
		text-align: right;
		text-shadow: 0px -1px 1px rgb(161, 161, 161);
		background: rgb(255, 166, 55) url(new_title_bkgd.jpg) top right;
		padding:13px 15px;
		margin:0px -3px 17px -3px;
		border:1px solid;
		border-bottom-color:rgb(199, 143, 72);
		border-left-color:rgb(191, 150, 97);
		border-right-color:rgb(191, 129, 52);
		border-top-color:rgb(161, 118, 62);
	}

/* Hides from IE5-mac \*/
* html h2 {    height: 28px;	}
/* End hide from IE5-mac */

a 
	{
		font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		color: black;
		text-decoration: underline;
		padding: 2px;
	}

a:hover, 
a:focus, 
a:active 
	{
    border-bottom: 1px solid rgb(199, 143, 72);
    border-left: 1px solid rgb(191, 150, 97);
    border-right: 1px solid rgb(191, 129, 52);
    border-top: 1px solid rgb(161, 118, 62);
    background: rgb(255, 166, 55) url(current_page_bkgd.jpg) no-repeat;
    padding: 1px;
    color: white;
    text-decoration: none;
    text-shadow: 0px -1px 1px rgb(161, 161, 161);
	}

li a 
	{
	text-decoration:none;
	color:#c60;
	}


h1.replaced
	{ 
		background-position:top right;
		text-align:left;
	}

h1.TurnOffReplace
	{
		text-align:right!important;
		font-size:1.5em;
	}

/* IE Hack */

/* Hides from IE5-mac \*/
* html h1 {
    height: 1%;
}
/* End hide from IE5-mac */

h1 a
	{
		text-decoration:none;
		color: white;
	}

h1 a:hover,
h1 a:focus,
h1 a:active
	{
		border-bottom: 1px solid white;
	}

h1.replaced a, 
h1.replaced a:hover, 
h1.replaced a:focus, 
h1.replaced a:active 
	{
		border:0px none!important;
		background:transparent !important;
		padding:0px!important;
	}


body.home-page h1
	{
		margin: 22px 26px 15px 212px;	
	}


							/* Global page setup */

#page-container
	{    
		background: url(footer_bkgd.jpg) center bottom no-repeat;
	}

#page
	{
		margin: auto;
		width: 964px;
		background: white url(background.jpg) repeat-y;
	}

body.no-sidebar #page
	{
		background: white url(background_no_sidebar.jpg) repeat-y;
	}

#page-top
	{
		margin:0;
		background: url(new_header_bkgd.jpg) no-repeat;
	}

							/* Title definition */

#title
	{
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}


#title img
	{
		float: left;
		height: 65px;
		width: 60px;
		margin: 3px;
		margin-right: 10px;
		/*margin-bottom: 6px;*/
	}

#title p
	{
		font-size: 1.4em;
		text-align: right;
		margin: 10px 28px 10px 10px;
		color: white;
		text-shadow: 0px -1px 1px rgb(161, 161, 161);
	}

/* IE Hack */

/* Hides from IE5-mac \*/
* html #title p {
    height: 1%;
}
/* End hide from IE5-mac */


/* Site menu définition */

#sitemenu-container
	{
		background: url(header_bottom.jpg) no-repeat;  /* 18.07.08 enlevé les commentaires */
		clear: both;
		padding:0px;
	}

#sitemenu
	{
		background: url(sitemenu-top.jpeg) no-repeat top;
		clear: both;
		padding: 0px;
		margin: 0px;
	}


#sitemenu-content ul
	{
		background: url(sitemenu-bottom.jpeg) no-repeat bottom;
		text-align: left;
		padding: 6px 18px 20px 15px;
		line-height: 1.5em;
		/* width:933px; 18.07.08 */ 
		margin: 0px;
	}

*:first-child+html #sitemenu-content ul
	{
		margin:3px 0px 0px 0px;
	}


/* Hides from IE5-mac \*/
* html #sitemenu-container {
	padding-top:16px;
}

* html #sitemenu {
	margin:0px;
}

* html #sitemenu-content ul {
    margin:0px;
}
/* End hide from IE5-mac */


#sitemenu-content li
	{
		margin: 0px;
		padding: 0px 5px;
		display: inline;
		margin-top: 1px;
		font-size: 1.1em;
	}

#sitemenu-content a
	{
		text-decoration: none;
		color: black;
		text-shadow: 0px 1px 1px white;
		padding: 2px;
	}

#sitemenu-content li.currentPage span.in, 
#sitemenu-content li.currentParent a 
	{
		color: white;
		text-shadow: 0px -1px 1px rgb(161, 161, 161);
		padding: 2px;
		border-bottom: 1px solid rgb(199, 143, 72);
		border-left: 1px solid rgb(191, 150, 97);
		border-right: 1px solid rgb(191, 129, 52);
		border-top: 1px solid rgb(161, 118, 62);
		background: rgb(255, 166, 55) url(current_page_bkgd.jpg) no-repeat;
	}


#sitemenu-content a:hover, 
#sitemenu-content a:focus, 
#sitemenu-content a:active 
	{
		border-bottom: 1px solid rgb(199, 143, 72);
		border-left: 1px solid rgb(191, 150, 97);
		border-right: 1px solid rgb(191, 129, 52);
		border-top: 1px solid rgb(161, 118, 62);
		padding: 1px;
		background: rgb(255, 166, 55) url(current_page_bkgd.jpg) no-repeat;
		color: white;
		text-shadow: 0px -1px 1px rgb(161, 161, 161);
	}


										/* Page content definition */

#page-content 
	{
		width: 960px;
		margin: auto;
		clear: both;
	}

body.no-sidebar #page-content 
	{
		width: 960px;
	}


										/* Side bar zone definition, in page content */

#sidebar 
	{
		float: left;
		width: 224px;
		word-wrap: break-word;
		font-size: 1em;
		text-align: center;
	}

#sidebar p 
	{
		margin-left: 10px;
		margin-right: 10px;
		text-align: left;
	}


										/* Main zone defintion, in page content */
/*
#main
	{
		background: url(Logovision.gif) center center no-repeat;
		min-height: 450px;
	}
*/

body.no-sidebar #main 
	{
		margin-left: 10px;
		margin-right: 10px;
		font-size: 1em;
	}

body.allow-sidebar #main 
	{
		margin-right: 10px;
		float: right;
		width: 715px;
		font-size: 1em;
	}

/* IE Hack */

/* Hides from IE5-mac \*/
* html .body.allow-sidebar #main 
{
    margin:0;
    padding:0;
	padding-left:10px;
}
/* End hide from IE5-mac */

#main ul 
	{
		list-style-type:disc;
		text-align: left;
		margin-left: 1cm;
	}

#main ul li {
    list-style: disc;
    text-align: left;
}

#main ul ul 
	{
		list-style-type:circle;
		text-align: left;
		margin-left: 2cm;
	}

#main ul ul li 
	{
		list-style: circle;
		text-align: left;
	}

#main li a 
	{
    color: black;
    padding: 3px;
    line-height: 1.7em;	
	}

#main li a:hover, 
#main li a:focus, 
#main li a:active 
{
    color: rgb(255, 150, 0);
    text-decoration: none;
    border-bottom: 1px solid rgb(255, 150, 0);
    color:white;
}

										/* page bottom definition */
#page-bottom 
	{
		background: url(background_no_sidebar.jpg) top center repeat-y;
		/* height: 59px;
		overflow: hidden;*/
		padding-top: 10px;
		padding-bottom: 6px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		font-size: 0.8em;
		color: dimgrey;
	}

/*
#page-bottom div 
{
	height:23px;
	overflow:hidden;
}
*/

										/* index zone definition */

#index ul
	{
		margin-bottom: 0px;
		margin-top:0px,
	}

#index li a 
	{
		font-family: Tahoma, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		font-style: italic ;
		color : #c60;
		padding: 1px;
	}


#index a:hover, 
#index a:focus, 
#index a:active 
	{
		font-family: Tahoma, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		font-style: italic ;
		border-bottom: 1px solid rgb(199, 143, 72);
		border-left: 1px solid rgb(191, 150, 97);
		border-right: 1px solid rgb(191, 129, 52);
		border-top: 1px solid rgb(161, 118, 62);
		padding: 1px;
		background: rgb(255, 166, 55) url(current_page_bkgd.jpg) no-repeat;
		color: white;
		text-shadow: 0px -1px 1px rgb(161, 161, 161);
	}



										/* All about Pagelets (whereever they are?) */

.pagelet 
	{
		width:224px;
		word-wrap:break-word;
		overflow:hidden;
		padding-bottom:8px;
		padding-top: 0px;
	}

.pagelet h4 
	{
		padding-top:9px;
		margin:0px 2px 0px 2px;
		font-size: 1.2em;
		font-weight: normal;
		background: url(sidebar_button.jpg) 4px 0px no-repeat;
		color: white;
		text-shadow: 0px -1px 1px rgb(161, 161, 161);
		text-align: right;
}

.pagelet h4 span.in 
	{
		display:block;
		padding:0px 13px 10px 13px;
	}


.pagelet p 
	{
		margin-top:-5px;
	}

.pagelet ul, 
.pagelet ol 
	{
		text-align: left;
		padding-left: 25px;
		padding-bottom: 10px;
		padding-right: 5px;
	}

/* improve spacing for IEs of various shapes and sizes */
* html .pagelet ul, * html .pagelet ol {
	text-align:left;
	padding-left:10px;
}

.pageletIntroduction
	{
		font-family: Tahoma, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	}


											/* All about callouts */

.callout 
	{
		background: url(background_no_sidebar.jpg) -2px;
		float: right;
		margin: 0px -3px 10px 10px;
		padding: 10px;
		border: 1px solid rgb(158, 158, 158);
		text-align: center;
		width:220px;
	}

.callout p 
{
    text-align: left;
}

.callout h4 
{
    font-weight: normal !important;
    font-size: 1.25em !important;
}

										/* All about articles */

.article 
	{
		margin:0;
		background: none;
		border: none;
		padding-bottom: 0;
		padding-top: 0;
	}

.article-summary 
	{
		padding: 0;
		margin: 0;
		clear: none;
	}

.article p 
	{
		clear: none;
	}

.article a 
	{
		text-decoration: underline;
		border-bottom: none;
	}

.article a:hover, 
.article a:focus, 
.article a:active 
	{
		border-bottom: none;
	}

.article h3 
{
     background: url(other_title.jpg) repeat-x bottom;
     border: 1px solid rgb(158, 158, 158);
     color: black;
     font-size: 1.5em;
     font-weight: normal;
     text-shadow: 0px 1px 1px white;
     margin-left: -3px;
     margin-right: -3px;
     text-align: right;
     padding: 5px;
}

.article h3 a 
{
    color: black;
    padding: 3px;
}

.article h3 a:hover, 
.article a:focus, 
.article a:active 
{
    border-bottom: 1px solid rgb(199, 143, 72);
    border-left: 1px solid rgb(191, 150, 97);
    border-right: 1px solid rgb(191, 129, 52);
    border-top: 1px solid rgb(161, 118, 62);
    background: rgb(255, 166, 55) url(current_page_bkgd.jpg) no-repeat;
    padding: 2px;
    color: white;
    text-decoration: none;
    text-shadow: 0px -1px 1px rgb(161, 161, 161);
}


.article img 
{
    border: none;
}

.article img.narrow 
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

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

div.photo-viewer-summary .article 
{
    margin: auto;
}


											/* Various classes */

.HTMLElement 
{
    margin-bottom: 10px;
}

.ImageElement, 
.VideoElement 
	{
		text-align: center;
	}

.caption 
	{
		padding: 10px;
		font-size: 1.5em;
	}

										/* Used on Photo Grid Pages ... */

.photogrid-index 
{
    text-align: center;
    background: url(background_no_sidebar.jpg) -2px;
    margin: 10px;
    margin-left: 8px;
    padding: 5px;
    border: 1px solid rgb(158, 158, 158);
    overflow: auto;
    width: 689px;
}

body.no-sidebar .photogrid-index 
{
	width:842px;
	margin-left:37px;
}

.photogrid-index a 
{
	color:#000;
	text-decoration:none;
	border:none!important;
	padding:0px!important;
}

.photogrid-index a:hover  
{
	text-decoration:underline;
}

.gridItem 
{
    float: left;
    position:relative;
    width:140px;
    height:180px;	/* room for caption */
    margin: 6px;
    padding-top: 10px;
    border: 1px solid rgb(158, 158, 158);
    background: rgb(225, 225, 225) url(other_title.jpg) repeat-x bottom;
    overflow: hidden;
}

.gridItem h3 
{
    font-size: 1.1em;
    font-weight:normal;
    color: black;
    margin-top: 2px;
    margin-left: 4px;
    margin-right: 4px;
    text-shadow: 0px 1px 1px white;
    position:absolute;
	top: 138px; /* needs to leave 38px from the bottom of the gridItem */
	width: 132px;
}


.gridItem img 
{
    border: 1px solid rgb(80, 80, 80);
    margin: auto;
    display:block;
    position: absolute;
    top: 0;
    bottom: 42px;
    right: 0;
    left: 0;
}


* html .photogrid-index 
{
	overflow:visible;
	margin:10px 0px;
}
* html .gridItem img 
{
	position: relative;
	top:0px;
}

* html .gridItem h3 
{
	position: relative;
	top: 0px;
}



										/* Used on index summary pages */
										
.listing-index #main li h3 a 
{
    text-decoration:none;
    font-size:1em;
    font-weight:normal;
}


										/* Individual Photo Pages */

.photo-navigation 
{
    position: relative;
    z-index: 100;
    height: 75px;
}

.photo-navigation div 
{
    text-indent: -5000em;
    width: 94px;
    height: 83px;
    position: absolute;
    margin-top: -10px;
}

.photo-navigation a 
{
	width:100%;
	height:100%;
	display:block;
	background:none;
}

.photo-navigation a:active, 
.photo-navigation a:hover, 
.photo-navigation a:focus 
{
    border: none;
    padding: 0px;
}

#previous-photo	
{
    background: url(photo-buttons-disabled.jpg)	no-repeat;
    left: 236px;
}

.allow-sidebar #previous-photo 
	{left:12px;}

#previous-photo a 
	{background: url(photo-buttons.jpg) no-repeat;}

#next-photo 
{
    width: 95px;
    background: url(photo-buttons-disabled-03.jpg) no-repeat;
    left: 405px;
}

.allow-sidebar #next-photo 
	{left:181px;}

#next-photo a 
	{background: url(photo-buttons-03.jpg) no-repeat;}

#photo-list 
{
    width: 75px;
    background: url(photo-buttons-disabled-02.jpg) no-repeat;
    left: 330px;
}

.allow-sidebar #photo-list
	{left: 106px;}

#photo-list a 
	{background: url(photo-buttons-02.jpg) no-repeat;}

.image-controls a:hover, 
.image-controls a:active, 
.image-controls a:focus 
{
	border:none;
	padding:0px;
	background:transparent;
}


/* IE 5/5.5 Hackery */
@media tty {
i{content:"\";/*" "*/}} @import 'ie.css'; /*";}
}/* */

/* IE:Mac Hackery */
/*\*//*/


/**/