/* elements html */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(images/fond.gif);
}
#container {
	width: 970px;
	margin: 0 auto;
	position: relative;
}
p {
	margin: 0 0 2px 0;
}
img {
	border: 0;
}
div#bloc img {
	margin-left:20px
}
/* blocs */
div#header {
	height:120px;
	padding: 0px;
	margin: 0px;
	position: relative;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
}
#header table {
	width:100%;
	height:80px;
	border-collapse: collapse;
	border:0px;
}
#header table td {
	border:0px;
}
#header table h1 {
	display:none;
}
#menuhaut {
	height:25px;
	margin-left:380px;
	text-align:center;
	font-size: 1.1em;
}
#menuhaut ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menuhaut li {
float:left;
margin:auto;
padding:0;
z-index:999;
}
#menuhaut ul.sousmenu li a {
	display:block;
	background:url(images/bouton-menu-haut.jpg) no-repeat top left;
	border :solid #009 thin;
	width: 145px;
	color:black;
	text-decoration:none;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#menuhaut li.sousmenu li a {
	margin-top:0px;
	margin-bottom:0px;
}
div#menuhaut ul.drapeau li{
	margin-left:40px;
	margin-right:0px;
}
div#menuhaut ul.drapeau img {
	width:40px;
}
div#menuhaut ul.sousmenu a:hover {
		background:url(images/bouton-menu-haut-hover.jpg) no-repeat top left;
}
#menuhaut ul li ul {
	display:none;
	margin:0px;
	z-index:999;
	position:absolute;
	top:100px;
	left:550px;
}
#menuhaut ul li:hover ul {
display:block;
}
#menuhaut li:hover ul li {
float:none;
}
#menuhaut li ul li {
float:none;
}
#bandeau p marquee {
	font-size: 1.2em;
	height: 1.5em;
	padding-top: 5px;
	width:970px;
}
div#corps {
	clear:left;
}
div#centre {
	padding: 10px;
	text-align: center;
	min-height: 500px;
	color: #000;
	width: 760px;
	position: relative;
	top:0px;
	border: groove 3px #000000;
	margin-left: 180px;
	overflow: auto;
}

div#menugauche {
	float: left;
	width: 170px;
	padding: 0px 0px 0px 5px;
	margin: 10px 0px;
}
div#centre h2 {
	font-size:1.2em;
	color:black;
	font-weight:bold
}
div#centre h1 {
	color:red;
	font-size:1.4em;
	font-family: "Comic Sans MS";
}
div#centre h3 {
	color:black;
	font-size:1.1em;
	text-decoration: none;
	font-weight: normal;
}
.grosrouge {
	color:red;
	font-size:1.2em;
}
.petitrouge {
	color:red;
	font-size:1.1em;
}
table#gallerie, table#index, table#propriete, table#accueil, table#presentation, table#region, table.tarif, table#place {
	margin-top:10px; 
	border:0px; 
	width:100%; 
	border-collapse: collapse;
}
div#centre table.liens {
	margin-top:10px; 
	border-width:2px; 
	border-style:groove;
	border-color:black;
	width:100%; 
	border-collapse: collapse;

}
div#centre table#faq td {
	width:25%;
}
div#centre table#gallerie td {
	margin:0px; 
	padding:0px;
	width:25%;
}
div#centre table#index td {
	width:50%;
}
div#centre table.tarif td {
	margin-top:0; 
	margin-bottom:0;
	font-size:1.2em;
}
div#centre table#accueil td {
	width:33%;
}
div#centre table#accueil img {
	width:250px;
}
div#centre table#propriete td {
	width:25%;
	border:0px;
}

div#centre table#region td.img {
	background-image:url(images/torchis2.gif)
}
div#centre table#place td img {
	width:80px;
}
div#centre label {
	text-align:right;
	clear:left;
	float:left;
	margin-top:0px;
	margin-right:10px;
	width: 190px;
	padding-right: 5px;
}
div#centre .labelbouton{
	width:250px;
}
div#centre input[type=button],input[type=reset], input[type=submit] {
	font-size:1.2em;
	text-align:center;
	width:130px;
	margin:0px 10px;
}
div#centre input[type=text] {
	width:250px;
	margin-top:0px;
	margin-right: 20px;
	margin-left: 10px;
	height: 1.5em;
	padding-left: 5px;
	font-size:1em;
	border-color: #000000;
	border-width: 2px;
	border-style: groove;
	background-color: #c6e3f3;
float:left;
 }
div#centre .input_text {
	position:absolute;
	top:0px;
	right:70px;
}
div#centre input[type=radio] {
	width:20px;
	margin-left: 10px;
	margin-top: 0px;
}
div#centre textarea {
	background-color: #c6e3f3;
	margin: -10px auto 0px auto;
	padding: 10px;
}
div#centre .message {
	width:630px;
	height:200px;
}
div#centre .bloc {
	border-color: #6ff;
}
table {
	font-size: 1em;
}
table th {
	border:solid #000 1px;
	padding:5px;
}
table td {
	border: solid #000 1px;
	padding: 5px;
	text-align: center;
	
}
table td.coldroite {
	color: #FF0000;
    font-style: italic;
}
/* design */
#menugauche {
	height: 500px;
	background-image: url(images/AniGif1.gif);
	background-repeat: no-repeat;
}
#menugauche .bloc {
	padding: 0px 2px 0px 0px;
	font-size:0.9em;
	margin: 0px 0px 0px 0px;
	color: #555753;
}
#menugauche h3  {
	padding: 0px 5px 0px 22px;
	margin: 0px 0px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #660000;
	font-family: Arial, "MS Serif", serif;
	line-height: 1.9em;
}
#menugauche ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-position: outside;
}
#menugauche li {
	margin: 0px;
	background:  url(images/plaque_bronze.jpg) repeat-y top left;
	line-height: 32px;
	padding: 0px 5px 0px 22px;
}
#menugauche a {
	color: #000;
	text-decoration: none;
	padding: 2px 3px 3px 24px;
	line-height: 1.6em;
	background-position: 0px 0px;
	font-size: 1.2em;
}
#menugauche h4 a {
	margin: 0px;
	padding:0px;
	display: inline;
}
#menugauche a.selected {
	color: #000;
	background-image: url(images/favicon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#menugauche a:hover {
	color: #000;
	background: url(images/pc2.gif) no-repeat 0px 0px;
	text-decoration:underline;
	font-style:oblique;
	font-weight: bolder;
}
#menugauche a.selectionne {
	color: #000;
	background: url(images/pc.gif) no-repeat 0px 0px;
	font-size: 1.2em;
	font-style: oblique;
	font-weight: bold;
	text-decoration:underline;
}
#menugauche a.selectionne2 {
	color: #000;
	font-size: 1.2em;
	font-style: oblique;
	font-weight: bold;
	text-decoration:underline;
}

#centre h3 , #centre h4, #centre h2 {
	text-align: center;
}
#carte h2, #carte h3, #carte p{
	text-align:left;
	margin-left: 160px;
}
#centre q {
	font-style: italic;	
}
#centre p {
	margin: 10px;
	
}
#carte img {
	float:left;
	border: groove #000000 3px;
}
#carte #map_canvas {
	width: 500px;
	height: 300px;
	padding-top: 50px;
	margin:0 auto;
}
.liste-simple{
	list-style-type:none;
	text-align: left;
	margin-left:30px;
}
.souligne {
	text-decoration:underline
}
.gras {
	font-weight:bold;
}
.gros {
	font-size:1.3em;
}
.gauche {
	float:left;
	margin-left:15px;
	margin-right: 20px;
}
.droit {
	float:right;
	margin-right: 15px;
	margin-left: 20px;
}
.centrer {
	text-align:center;
}
div#menugauche div#firstMenu {
	margin-top:0px;
}
.rose {background-color:#FF66CC;}
.blanc {background-color:#FFFFFF;}
.gris {background-color:#CCCCCC;}