h1 {font-family:verdana; font-size: 10px;} 
h2 {font-family:verdana; font-size:10px; color:#FFFFFF; font-weight:bold;} 
h3 {font-family:verdana; font-size:10px; color:#000000; font-weight:normal;} 

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
color: #000000;
background-color:#99ccff;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color:  #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
background: url(img-archi/bandeau-dordogne.jpg) repeat;
}

/* Menu horiz */
ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

.menu li {
float: left;
}

.menu a {
margin: 0 2px;
padding: 1px;
width: 25px;
max-width: 60px;
min-width: 30px;
height: 12px;
display: inline;
text-align: left;
border: 0px solid;
text-decoration: none;
color: #660099;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
position:relative;
}

.menu a:hover {
border: 0px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #fff;
background: #000080;
font-weight:bold;
}

/* Menu horiz */

#menu-top
{
	width: 700px ;
	height: 18px ;
	margin: 0 auto ;
	left: 100px ;
	top: 110px ;
	position: absolute ;	
}

#dordogne {
	 position:absolute;
     left: 50%; 
     width: 800px;
     margin-left: -400px; /* moitié de la largeur */
     border: 1px solid #000;
	 background-color:#fff;
}

#header {
width: 800px;
height: 134px;
background: url(img-archi/dordogne-top-bg.jpg) no-repeat left top;
z-index: 1;
}
#page {
width: 800px;
background: url(img-archi/dordogne-page.jpg) repeat-y;
z-index: 1;
position:relative;
height: 100%;
}
#contenu-dordogne {
width: 700px;
padding: 5;
margin: 0 auto ;
left: 20px ;
top: 10px ;
position: relative;
height: 800px;
z-index: 2;
}
#recherche {
width: 700px;
padding: 5;
height: 100%;
margin: 5px ;
left: 5px ;
top: 10px ;
position: relative;
z-index: 2;
}


#meteo
{
	width: 80px ;
	height: 60px ;
	margin: 0 auto ;
	left: 672px ;
	top: 35px ;
	position: absolute ;	
}
#date
{
	width: 170px ;
	height: 10px ;
	margin: 0 auto ;
	left: 10px ;
	top: 2px ;
	position: absolute ;	
}
#moteur
{
	width: 330px ;
	height: 10px ;
	margin: 0 auto ;
	left: 180px ;
	top: 2px ;
	position: absolute ;	
}
#lettre
{
	width: 200px ;
	height: 10px ;
	margin: 0 auto ;
	left: 480px ;
	top: 2px ;
	position: absolute ;	
}
#box-adresse
{
	width: 300px ;
	top: 25px ;
	height: 60px ;
	left: 370px ;
	margin: 0 auto ;
	position: absolute ;
	z-index: 3;	
}

#box-shopping
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/shopping.gif) no-repeat left top;
	z-index: 3;	
	left: 40px ;
	top: 2px ;
	position: relative ;
}
#box-sortie
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/sortie.gif) no-repeat left top;
	z-index: 3;	
}
#box-pub
{
	width: 256px ;
	height: 12px ;
	margin: 0px ;
	background: url(img-archi/titre-pub256.gif) no-repeat left top;
	z-index: 3;
}
#box-insert-pub
{
	width: 250px ;
	height: 240px ;
	margin: 0px ;
	z-index: 3;
	border: 3px solid #a3a3d6;
	background-color: #a3a3d6;
}

#box-logement
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/logement.gif) no-repeat left top;
	z-index: 3;	
	left: 40px ;
	top: 2px ;
	position: relative ;	
}
#descriptif
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	z-index: 3;	
	left: 350px ;
	top: 2px ;
	position: relative ;	
}
#box-auto
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/automobile.gif) no-repeat left top;
	z-index: 3;	
}
#box-pratique
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/pratique.gif) no-repeat left top;
	z-index: 3;	
}
#box-actu
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/actu.gif) no-repeat left top;
	z-index: 3;	
}
#box-restaurant
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/restaurant.gif) no-repeat left top;
	z-index: 3;	
	left: 40px ;
	top: 2px ;
	position: relative ;	
}
#box-vin
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/vin.gif) no-repeat left top;
	z-index: 3;	
}
#box-tourisme
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/tourisme.gif) no-repeat left top;
	z-index: 3;	
}
#box-art
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/art.gif) no-repeat left top;
	z-index: 3;	
	left: 40px ;
	top: 2px ;
	position: relative ;	
}
#box-artisan
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/artisan.gif) no-repeat left top;
	z-index: 3;	
}
#box-histoire
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/histoire.gif) no-repeat left top;
	z-index: 3;	
}
#box-partenaire
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/partenaire.gif) no-repeat left top;
	z-index: 3;	
}
#box-transport
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/transport.gif) no-repeat left top;
	z-index: 3;	
}
#box-administration
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/administration.gif) no-repeat left top;
	z-index: 3;	
}
#box-loisir
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/loisir.gif) no-repeat left top;
	z-index: 3;	
}
.lien-box
{
	width: 300px ;
	height: 60px ;
	left: 60px ;
	top: 43px ;
	position: relative ;	
}
#lien-box
{
	width: 300px ;
	height: 60px ;
	left: 60px ;
	top: 43px ;
	position: relative ;	
}
#bandeau
{
	width: 468px ;
	height: 60px ;
	left: 130px ;
	top: 38px ;
	position: absolute ;	
}
#legal-bordeaux
{
	width: 800px ;
	height: 50px ;
	left: 55px ;
	top: 25px ;
	position: absolute ;	
}

#pied {
height: 50px;
width: 800px ;
position: relative;
left: 0px ;
top: 0px ;
z-index: 4;
background: url(img-archi/dordogne-pied.jpg) no-repeat left top;
}
p {margin: 0;}
#titrepage
{
	width: 600px;
	font-size:10px;
  	color:#FFFFFF;
	font-weight:bold;
	position: relative;
	left: 100px;
	top: 12px;
	height: 10px;
	z-index: 2;
}	
#langbordeaux
{
	width: 200px ;
	height: 10px ;
	margin: 0 auto ;
	left: 650px ;
	top: 11px ;
	position: absolute ;	
	z-index: 3;
}
.texte {font-family:Verdana; font-size:10px; color:#000000; font-weight:normal;}
.textew {font-family:Verdana; font-size:10px; color:#ffffff; font-weight:normal;}
A.liens {font-family:Verdana; font-size:10px; color:#968DBA; font-weight:bold; text-decoration:none;}
A:hover.liens {font-family:Verdana; font-size:10px; color:#120B33; font-weight:bold; text-decoration: underline;}
A.link {font-family:Verdana; font-size:10px; color:#993300; font-weight:bold; text-decoration: none;}
  A:hover.link {font-family:Verdana; font-size:10px; color:#000000; font-weight:bold; text-decoration: none;}
  INPUT {
   background-color: #FFFFFF; border-color : #000000;  
   border-top-width : 1px; 
   border-right-width : 1px; 
   border-bottom-width : 1px; 
   border-left-width : 1px;
   text-indent : 1px;  
   font-family: Verdana; font-size: 10px; color: #120B33;
  }