/* CSS Document */
 body {
    	font: 11px "Trebuchet MS", sans-serif;
    	background: #FFFFFF;
    	margin: 0; 
    	padding: 0;    	 
    	color: #666666;
		background-image:url(../img/fd_page2.jpg);
		background-position: top center;
		background-repeat:no-repeat;	    		
    }
    #container {
    	width: 776px; 
    	background: #ffffff;
    	margin: 0 auto;     	
    	text-align: left;
		background-image:url(../img/fd_main_td.gif) ;
		background-repeat:no-repeat;		
    } 
	
h1 { font-size:22px; font-weight:bold; color:#000000; display:inline; padding-left:342px;}
h2 { font-size:19px; font-weight:bold; color:#006699; display:inline; padding-left:385px;}

/* styles de la nav principale */	
#btnacc{height: 31px;width: 138px;overflow:hidden;background:url(../img/btn_accueil.gif);display: block;}
#btnacc:hover{background: url(../img/btn_accueil_on.gif) top left no-repeat;}

#btnage{height: 31px;width: 138px;overflow:hidden;background:url(../img/btn_agence.gif);display: block;}
#btnage:hover{background: url(../img/btn_agence_on.gif) top left no-repeat;}

#btnsav{height: 31px;width: 170px;overflow:hidden;background:url(../img/btn_savoirfaire.gif);display: block;}
#btnsav:hover{background: url(../img/btn_savoirfaire_on.gif) top left no-repeat;}

#btnkat{height: 31px;width: 159px;overflow:hidden;background:url(../img/btn_katalog.gif);display: block;}
#btnkat:hover{background: url(../img/btn_katalog_on.gif) top left no-repeat;}

#btnact{height: 31px;width: 163px;overflow:hidden;background:url(../img/btn_actualites.gif);display: block;}
#btnact:hover{background: url(../img/btn_actualites_on.gif) top left no-repeat;}
	
/* haut de page */	
#navtop {height:19px; width:750px; text-align:right; padding-top:10px; float:left}
#navtop a:link, #navtop a:visited {color: #ffffff; text-decoration: none; margin-left:32px; font-size:10px}
#Affinion {width:776; height:78px; background-image:url(../img/header.jpg); padding-top:54px; clear:left}

/* bas de page */	
#footer {
	width:100%;
	height:22px;
	background-image:url(../img/footer.png);
	color:#999999;
	clear:left;
	text-indent:13px;
	padding-top:63px;
	margin-top: 7px;
}
#footer a:link, #footer a:visited {color: #999999; text-decoration: none;font-size:10px}
.mention {
	display: inline-block;
	font-size:10px;
	width:320px;
}

/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #999999;
border-top:2px solid transparent;
font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
line-height: 24px;
width: 176px; /* default width for menu */
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
color:#333333;
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-indent: 8px;
background-image:url(../img/fd_menu.gif);
}

.anylinkcss a:hover{ /*hover background color*/
color: white;
}

.anylinkcss ul li a:hover{
color:#0099CC;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

/* ######### country menu ######### */

#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #E1E1E2;
}