body{font-family: trebuchet ms, verdana, arial, tahoma; font-size: 90%;	color: #888; background-color: white; line-height: 180%; margin: 0;	padding: 0;	text-align: center;}
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer{width: 90%; margin: 0 auto; text-align: left;}

/* top-header */
#wrapper-menu-top{background: white url('images/bg02-white-left.png') no-repeat left top;}
#menu-top{background: transparent url('images/bg02-white-right.png') no-repeat right top; overflow: hidden; }
#menu-top ul{margin: 0 20px; padding: 1em 0 0 0; list-style: none;	font-size: 85%;	float: left;}
#menu-top li{display: inline; float: left;}
#menu-top a{float: left; background:url(images/menuleft.png) no-repeat left top; margin:0;	padding:0 0 0 4px;	text-decoration:none; line-height: 1.5em;}
#menu-top a span{background:transparent url(images/menuright.png) no-repeat right top; padding:5px 15px 4px 6px; color:#5b8fbe; display: block; float: left; cursor:pointer}
#menu-top a:hover{ background-position:0% -42px;}
#menu-top a:hover span {background-position:100% -42px; }
/*flags*/
span#flags{position:absolute; top:15px; right:7%;}
span#flags img{border:0;}

/* header */
#wrapper-header{background: transparent url('images/bg.png') top center repeat-x;}
#header{ background: #eee url('images/head-x.jpg') center top repeat-x;}
#wrapper-header2{background: transparent url('images/bg02-blue-left.png') top left no-repeat;}
#wrapper-header3{background: transparent url('images/bg02-blue-right.png') top right no-repeat;}
#header h1{margin:0 20px; padding:0; height:100px; background:transparent url('images/spider_head.jpg') no-repeat 100% 0; line-height:3em; color:#000000 ; font-size: 130%;}
span#titre{float:right; margin:16px 70px; }

/* contenu */
#wrapper-content{background: white url('images/bg02-white-left.png') no-repeat left top;}
* html #wrapper-content{ height: 1%;}
#content{background: transparent url('images/bg02-white-right.png') no-repeat right top; padding: 5px 40px 5px 40px; }
#wrapper-menu-page{float:left; width:180px; margin: 20px 30px 3em 2em; background: transparent url('images/menu.png') no-repeat; text-align: center; line-height: 140%; 
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;}
* html #wrapper-menu-page { margin-right: 15px; }
#menu-page{ padding-top: 58px; background: transparent url('images/hat.png') no-repeat 20px 0;}

/* footer */
#wrapper-footer {	margin-top: 1em;	text-align: center;}
#footer {margin:0 20px;background-color: #e5f0fc;border:1px dotted #ccc; border-bottom:0; clear: both; font-size:0.7em}
h2 { font-size: 110%; }
h3 { font-size: 100%; }
a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

/* divers */
p.intro{margin-top:30px}
h3#lien-une{width:487px; height:33px; background:url(icones/adlink.gif) 0 0 no-repeat; text-align:center; font-size:1em; margin:20px 0 30px 30%;}
#lien-suite{float:right; border-top:1px #003366 dotted; margin-top:20px; padding:5px 0 5px 0;}
.tablo{float:left; width: 46%; margin: 0 0 10px 4%; line-height:15px;}
.tablo a{font-weight:bold}
.description{font-size: 0.8em; margin:0; padding-right:10px;}
hr{clear: both; visibility: hidden; margin:0; padding:0; height:0;}
.gras{font-weight:bold;}
.center{text-align:center;}
.fd{float:right;}
.fg{float:left;}
.icone{float:right; margin: 0 0 10px 10px}
.image{float:left; border:#000000 1px solid; margin:10px 10px 10px 0;}
.image2{float:right; border:#000000 1px solid; margin: 10px 0 10px 10px;}
div#navigation{float:right; font-weight:bold;}


/* suggestion */
div#rechercher{float:right; background:url(design/beta-noir.png) no-repeat 100% 0; padding:0 32px 5px 0; margin:10px 0 0 20px; overflow:hidden;}
input{text-align:center; border:#993399 1px dotted; color:#888;}
div#suggest-box{width:209px; margin:0;}		
.suggestion{background:#FFFFFF; line-height:12px; font-size:12px;}
fieldset{border:0;}
div#contact-resultat{text-align:center; color:#0066CC; font-weight:bold;}

/* Moteur de recherche */
div#moteur{float:right; margin:40px 100px 0 0;}
div#moteur input{text-align:center; border:#000000 1px dotted; color:#888;}
div#moteur-reponse{margin-left:150px;}
a#lien-moteur{font-size:12px;}