h1 {font-family:verdana; font-size: 10px;} 
h2 {font-family:verdana; font-size:10px; color:#FFFFFF; font-weight:bold;} 
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: 10px;
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: 60px ;
	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: 1000px;
}
#contenu-dordogne {
width: 700px;
padding: 5;
height: 1000px ;
margin: 0 auto ;
left: 20px ;
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 ;	
}
#visuel-dordogne-gauche
{
	width: 320px ;
	margin: 0 auto ;
	height: 18px ;
	left: 0px ;
	top: 25px ;
	position: absolute ;
	z-index: 3;
}
#visuel-dordogne-droite
{
	width: 320px ;
	margin: 0 auto ;
	height: 18px ;
	left: 370px ;
	top: 25px ;
	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;	
}
#box-sortie
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/sortie.gif) no-repeat left top;
	z-index: 3;	
}
#box-logement
{
	width: 300px ;
	height: 60px ;
	margin: 10px ;
	background: url(img-archi/logement.gif) no-repeat left top;
	z-index: 3;	
}
#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;	
}
#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;	
}
#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;	
}
.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: 45px ;
	position: absolute ;	
}
#legal-dordogne
{
	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:#660099; font-weight:bold; text-decoration: none;}
A:hover.link {font-family:Verdana; font-size:10px; color:#000000; font-weight:bold; text-decoration: none;}
A.menu {font-family:verdana; font-size:10px; color:#993300; text-decoration:none; font-weight:bold;}
A.menu:hover { BACKGROUND:#92682c; font-family:verdana; font-size:10px; color:#ffffff; text-decoration:none; font-weight:bold;}

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;
  }
  
.contentslide{
background: url(img/bg-news.jpg) repeat;
border: 0px solid navy;
border-bottom-width: 0px;
padding: 8px;
width: 300px;
height: 100px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 316px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background: url(img/bg-news.jpg) repeat;
background-color: white;
border: 0px solid navy;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 300px; /*IE5 width*/
width: 316px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}