/*******************************************************************************************/
/* structure */
/*******************************************************************************************/
html {
/*	height:100%;*/
}
body {
    background-color: white;
    color: #333;
    font: 90% 'Trebuchet MS', sans;
/*	height:100%;*/
}

#wrapper {
    position: relative;
    width: 991px;
}
/* page loader */
#loader {
    background: transparent url(../images/decorations/loading.gif) no-repeat 50% 0;
	color: #bbb;
	font-size:80%;
	height: 32px;
	left: 40%;
	padding-top: 30px;
	position: absolute;
	text-align: center;
	top: 30%;
	width: 20%;
	z-index:200;
}
#loader a {
	display:block;
	color:#666;
}
#header {
	padding-left: 12px;
	position:relative;
	z-index:89;
}
#header a:hover {
    text-decoration: none;
}
#header img {
    margin-bottom: -22px;
}
#header h1 em {
	bottom:1px;
    color: #ccc;
    font-family: Georgia, serif;
    font-size: 14px;
    padding-left: 2px;
	position:relative;
}
#header h1 a:hover em {
    color: black;
}
#topnavi {
	margin:-0.5em 0 0 0;
	z-index:100;
}
#topnavi:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#topnavi #teaser {
    background: transparent url(../images/decorations/menu-teaser-gray.png) no-repeat 0 0;
/*    background: transparent url(../images/decorations/menu-teaser.gif) no-repeat 0 0;*/
	display:block;
	height:41px;
	margin-left:450px;
	position:absolute;
	top:-6px;
	width:160px;
	z-index:4;
}
#topnavi #teaser.active {
	background-position:0 -20px;
	width:70px;
/*    background-image: url(../images/decorations/menu-teaser-active.png);*/
/*	height:44px;
	margin-left:415px;
	margin-top:10px;
	width:219px;
	*/
}
#topnavi li {
    background: transparent url(../images/backgrounds/yellow-small.png) no-repeat 50% 30%;
	float: left;
    list-style-type: none;
	position:relative;
	z-index:6;
}
#topnavi .full li {
    background-position:0 30%;
}
#topnavi a {
    color: black;
    display:block;
    font-size: 120%;
    height: 20px;
	line-height:100%;
    margin-right: 9px;
    padding: 16px 10px 15px 19px;
    width: 151px;
}
#topnavi .full a {
    width: 122px;
}
#topnavi a:hover {
	font-size:130%;
}
#topnavi a:hover em {
	display:none;
}
#topnavi a strong {
	font-weight:normal;
}
#topnavi a em {
	display:none;
    font-family: Georgia, serif;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0;
    padding-left: 1px;
}
#topnavi .active {
    display: none;
}
#topnavi .a-propos {
    background-image:url(../images/backgrounds/yellow-small.png);
}
#topnavi .a-propos em {
    color: #806600;
}
#topnavi .webdesign {
    background-image:url(../images/backgrounds/green-small.png);
}
#topnavi .webdesign em {
    color: #4b5918;
}
#topnavi .clients {
    background-image:url(../images/backgrounds/blue-small.png);
}
#topnavi .clients a {
    color: white;
}
#topnavi .clients em {
    color: #004455;
}
#topnavi .news {
    background-image:url(../images/backgrounds/orange-small.png);
}
#topnavi .news em {
    color: #aa1b00;
}

#topnavi .contact {
    background-image: url(../images/backgrounds/red-small.png);
}
#topnavi .contact a {
    color: white;
}

#topnavi .contact em {
    color: #2b0000;
}
#topnavi .blog {
    background-image: url(../images/backgrounds/purple-small.png);
    color: white;
    margin-right: 0;
}
#topnavi .blog a {
    color: white;
}
#topnavi .blog em {
    color: #220b28;
}


#search {
    top: 0;
    padding: 5px;
    position: absolute;
    right: 20px;
	z-index:90;
}
#search .submit {
    background: white url(../images/decorations/magnifier.png) no-repeat 50% 60%;
    border: 0;
	cursor:pointer;
	margin-left:-20px;
	text-indent:-10000px;
	width:16px;
}
#search h2, #search label {
    display: none;
}

#search .text {
    border: #ccc solid 1px;
    color: #aaa;
	font-size:120%;
    padding: 1px 20px 1px 3px;
    width: 145px;
}
#footer .wrapper {
	bottom:0.9em;
    color: #999;
	display:block;
	font-size:90%;
	left:0;
	padding-left:2%;
	position:fixed;
	text-align:center;
	width:98%;
	z-index:20;
}
#footer .wrapper a {
	background:transparent url(../images/icons-2/info-bw.png) no-repeat 0 150%;
    color: #999;
	padding:10px 40px 10px 20px;
}
#footer .wrapper a:hover {
    background-image:url(../images/icons-2/info.png);
color:#003380;
	text-decoration:none;
}
#footer .wrapper a strong {
	font-weight:normal;
}
#footer #languages a {
	background-image:url(../images/flags/fr-shadow-bw-small.png);
	background-position:0 50%;
padding-left:27px;
}
#footer #languages a:hover {
	background-image:url(../images/flags/fr-shadow-small.png);
	color:black;
}
#footer #languages .en {
	background-image:url(../images/flags/en-shadow-bw-small.png);
}
#footer #languages .en:hover {
	background-image:url(../images/flags/en-shadow-small.png);
}
#footer #scripts_activation {
    background-image:url(../images/decorations/magic-bw.png);
	background-position:0 50%;
	padding-left:22px;
}
#footer #scripts_activation:hover {
    background-image:url(../images/decorations/magic.png);
color:#aa0000;
}
#footer #scripts_activation.no {
    background-image:url(../images/decorations/no-magic-bw.png);
}
#footer #scripts_activation.no:hover {
    background-image:url(../images/decorations/no-magic.png);
}
#footer #sitemap {
    background-image:url(../images/icons-2/sitemap-bw.png);
	background-position:0 150%;
}
#footer #sitemap:hover {
    background-image:url(../images/icons-2/sitemap.png);
	color:#8800aa;
}
#footer .valid {
background:transparent url(../images/icons-2/checked-bw.png) no-repeat 0 150%;
padding:10px 20px;
padding-left:18px;
}
#footer .valid a, #footer .valid a:hover {
background-image:none;
color:#999;
padding:0;
}
#footer .valid:hover {
background-image:url(../images/icons-2/checked.png);
}
#footer .valid a:hover {
color:#668000;
}
#footer #rss {
    background-image:url(../images/icons-2/rss-bw.png);
	background-position:0 100%;
	margin-left:15px;
	padding-left:24px;
	padding-right:0;
}
#footer #rss:hover {
    background-image:url(../images/icons-2/rss.png);
	color:#d45500;
}
#footer address {
background-color:white;
    bottom: 0.9em;
    color: #999;
    font-size: 90%;
    left: 0;
	letter-spacing:1px;
position:fixed;
    text-align: center;
    width: 100%;
    z-index: 10;
}

#footer address a {
    color: #999;
}
#footer address a:hover {
color:#333;    
text-decoration:none;
    
}
#footer address a.external {
    background:none;
	padding:0;
}



/* content zone */
#content {
    background-color: white;
    height: 560px;
	margin-bottom:4em;
    padding: 20px 30px;
    position: relative; 
    width: 871px;
    z-index: 50;
}
#content:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#slideshow {
    list-style-type: none;
    padding: 0;
}

#admin {
	background-color:white;
	color:#ccc;
	font-size:80%;
	position:fixed;
	right:5px;
	text-align:right;
	top:15px;
	z-index:190;
}
#admin a {
	color:#333;
	padding:3px;
}