/* CSS arzon.fr v */

body
{
	width: 1000px;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #007c98;
}

a img {border: none;}

#banniere
{
	width: 984px;
	height: 300px;
	background-image: url("bandeau.jpg");
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#banniere_small
{
	width: 984px;
	height: 200px;
	background-image: url("bandeau_small.jpg");
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#boutons
{
	float: left;
	width: 240px;
}
h1
{
	color: #ffffff;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	font-size: 2.3em;
}
h3
{
	color: #000000;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	font-size: 1.5em;
}
/*.ville
{
	background-color: #626262;
	background-image: url("ville.jpg");
	width: 240px;
	height: 240px;
}	
.ports
{
	background-color: #626262;
	background-image: url("ports.jpg");
	width: 240px;
	height: 240px;
}
.campings
{
	background-color: #626262;
	background-image: url("camping.jpg");
	width: 240px;
	height: 240px;
}
.ot
{
	background-color: #626262;
	background-image: url("ot.jpg");
	width: 240px;
	height: 240px;
}*/
.webcam
{
	background-color: #ffffff;	
	text-align: center;
	width: 984px;
}
.footer
{
	margin: auto;
	background-color: #ffffff;	
	text-align: center;
	width: 480px;
}
table
{
	border-collapse: collapse;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}
td
{
	width: 246px;
}

#travaux
{
	width: 347px;
	height: 620px;
	/*background-image: url("travaux.png");*/
	background-repeat: no-repeat;
	margin: auto;
	margin-bottom: 10px;
}
.footert
{
	margin: auto;
	background-color: #ffffff;	
	text-align: center;
	width: 347px;
	}

/* menu à onglet avec bords arrondis */
#menu {
	margin: 0;
	padding: 0;
	list-style: none;
		}
#menu li {
	display: inline; /* affichage horizontal */
	width: 480px;
	}
#menu li a {
	padding: 6px 27px;
	margin: 5,5;
	background: #fff000;
	color: #000;
	border: 1px solid #89a;
	text-decoration: none;
	-moz-border-radius: 10px 10px 0 0; 
    -webkit-border-radius: 10px 10px 0 0; 
    border-radius: 10px 10px 0 0;         
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
	}
#menu li a:hover, #menu li a:focus {
	background: #0066ff;
	color: #ffffff;
	}