﻿html, body
{
	margin-top:10px;
	height:100%; /* Required */
}

* { margin:0;padding:0; }

body
{
	font-family: "Century Gothic" , Verdana, Sans-Serif;
	font-size: 0.9em;
	background-color: #f9f9f9;
}

h1
{
	color:#A5A5A1;
	margin:0em;
	padding:0.4em 0em 0em 0em;
	font-size:4em;
	font-family:"Century Gothic", Verdana, sans-serif;
}
h2
{
	color:#A5A5A1;
	padding:0.2em 0em 0.4em 0em;
	font-size:1.8em;
	font-family:"Century Gothic",  Verdana, Sans-Serif;
}
h3
{
	color:#A5A5A1;
	padding:0.1em 0em 0.2em 0em;
	font-family:Garamond, Verdana, Sans-Serif;
	font-size:1.5em;
}
ul
{
	margin:15px;
}
ul li
{
	margin-bottom:2px;
}
ul li ul
{
	margin-bottom:0px;
	margin-top: 0px;
}

a img
{
	border:none;
}

/* LAYOUT */
#wrapper
{
	margin:0 auto;
	height:95%;
	width:922px;
	list-style-type:square;
}

#topBanner
{
	color:#333;
	width:922px;
	height:120px;
	padding:0em;
	margin:0;
	overflow:hidden;
	background-image: url(../../Images/TopBanner/topbanner.jpg);
	text-align:center;
}

/* LANGUAGESELECTOR */
.languageSelector ul
{
	list-style-type:none;
	padding:0;
	margin:0;
}
.languageSelector ul li
{
	float:right;
}
.languageSelector li
{
	margin:0px;
}
.languageSelector li a
{
	display:block;
	padding:0.2em 0.4em 0.2em 0.4em;
	margin:0em;
	text-decoration:none;
	color:Black;
	border-left:0.05em solid black;
}
.languageSelector li a:hover
{
	background-color:#D1DBDB;
}
.languageSelector .selectedLanguage
{
	color:Gray;
}
.languageSelector .selectedLanguage:hover
{
	background-color:inherit;
}
.languageSelector .noBorder a
{
	border:none;
}
/* END LANGUAGESELECTOR */

/* TOPMENU */
#topMenu
{
	float:left;
	height:auto;
	width:100%;
	padding: 0;
	margin:0;
	color: #333;
	background: #ABBEBE;
}
#topMenu ul
{
	list-style-type:none;
	padding:0;
	margin:0;
}
#topMenu ul li
{
	float:left;
}

#topMenu li
{
	margin:0px 0px 0px 0px;
}
#topMenu li a
{
	float:left;
	height:2em;
	display:block;
	padding:10px 15px 0px 15px;
	overflow:hidden;
	border-right:0px;
	text-decoration:none;
	text-align:left;
	color:Black;
}
#topMenu li a:hover
{
	background:#F2F2E6;
}
/* END TOPMENU */

#columnWrapper
{
	background-image: url(../../Images/faux-1-2-col.gif);
	margin:0;
	padding:0;
	overflow:auto;
	width:100%;
}

#leftColumn
{
	overflow:hidden;
	display: inline;
	color: #333;
	margin: 0px;
	padding: 10px 10px 20px 10px;
	width: 195px;
	float: left;
}
#leftColumn ul
{
	list-style-type:inherit;
}

#contentColumn
{
	position: relative;
	float: right;
	width: 683px;
	color: #333;
	margin: 10px 10px 20px 10px;
	padding: 0px;
	display: inline;
	height:auto !important;
	height: 500px;
	min-height:500px;
	overflow: inherit;
	background-image: url(../../Images/logo_transparent.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#bottomBanner
{
	width: 902px;
	clear: both;
	color: #333;
	background: #ABBEBE;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	overflow:auto;
}

.clear { clear: both; background: none; }
/* END LAYOUT */


/* MENU */

.verticalItemSelected
{
	font-style:italic;
}

/* MENU NIVEAU 1 */
.verticalMenu
{
	margin:0em 0em 1em 0em
}

.verticalMenu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

.verticalMenu ul li
{
	margin:0;
	padding:0;
	height:2em;	
	display:inline;
}
.verticalMenu ul li a
{
	width:15em;
	height:100%;
	display:block;
	line-height:2em;
	text-decoration:none;
	padding-left:5px;
	color:Black;
	border-bottom:1px solid black
}
.verticalMenu ul li a:hover
{
	background-color:#F2F2E6;
	border-bottom-style:solid;
}

/* MENU NIVEAU 2 */

.verticalMenu ul ul
{
	margin-left:1.7em;
}

.verticalMenu ul ul li a
{
	width:13.3em;
}

/* MENU NIVEAU 3 */
.verticalMenu ul ul ul li a
{
	width:11.6em;
}

/* END MENU */

/* ALBUM */

 #album
{
	margin:10px 0px 10px 0px;
	text-align:left;
	width:200px;
	height:auto;
}
#album .album_row
{
	overflow:auto;
}
#album .prevOffSet
{
	text-align:left;
	padding-left:2px;
	float:left;
	font-size:0.7em;
}
#album .nextOffSet
{
	text-align:right;
	padding-right:2px;
	float:right;
	font-size:0.7em;
}
#preview
{
	width:160px;
	height:160px;
	margin:20px 0px 10px 2px;
	border:2px solid #F2F2E6;
	padding:10px;
	text-align:center;
}
.thumb
{
	overflow:hidden;
	height:55px;
	width: 55px;
    float:left;
    display:block;
    border:2px solid #F2F2E6;
    margin:2px;
}
.thumb img
{
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
    -moz-opacity: 0.5;
    opacity:.50;
}

.thumb:hover img
{
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
    -moz-opacity: 1;
    opacity:1;
}
        
/* END ALBUM */

/* CONTENT */

#contentColumn .AspNet-TreeView-Expand, #contentColumn .AspNet-TreeView-Collapse
{
	display:none;
}

.siteMapPath
{
	font-size:smaller;
	margin:5px 0px 10px 0px;
	display:block;
}
.siteMapPath a:link
{
	color: #696969;
}
.siteMapPath a:visited
{
	color: #696969;
	font-style:italic;
}

.underline
{
	text-decoration:underline;
}

.bold
{
	font-weight:bold;
}

.plan
{
	display:block;
	width:100%;
	margin:5px 0px 20px 0px;
	height:414px;
}
/* SITEMAP */

#contentColumn ul li a:link
{
	color:#696969;
	text-decoration:none;
}
#contentColumn ul li a:visited
{
	color: #a7a7a7;
	font-style: italic;
	text-decoration: none;
}
#contentColumn ul li a:hover
{
	text-decoration:underline;
}

/* END SITEMAP

/* END CONTENT */