/* CSS Document */
body {
background-color:#E5E1E5;
background-image:url(images/salsifi1.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

/* div */
#conteneur {
position: absolute;
width: 100%;
}

#header {
text-align:center;
height: 60px;
background-color:#33202F;
padding:0 0 0 30px;
border-bottom: solid 1px #E5E1E5;
border-top: solid 10px #33202F;
}

#haut {
height:50px;
margin-left: 0px;
}

#centre {
margin: 90px 1px 70px 1px;
text-align:center;
overflow:auto;
color:#666;
}
#carte {
	z-index:0;
	position:absolute;
	height:auto;
	width: 100px;
	top:50px; right:70px;
}
#bas {
margin:0 50px 20px 50px;
height:auto;
text-align:left;
overflow:auto;
color:#262626;
padding-right:10px;
}
#gites_de_france_logo {
	float:right;
	width:auto;
	height:auto;
	margin:0 40px 16px 16px;
	border: none;
}
#cadre_petit {
	float:left;
	width:auto;
	height:180px;
	margin:10px 50px 60px 30px;
	border: none;
}
#pied {
height: 50px;
background-color:#33202F;
color:#ffc;
margin:0px;
border-top: solid 2px #000;
text-align:center;
width:100%;
}
.texte_pied {
margin:0 12px;
}
.texte_pied a:link {
	color:#eee;
}
.texte_pied a:hover {
	text-decoration: none;
	background: #b92129;
	color:#eee;
}
.texte_pied a:visited {
	text-decoration: none;
	color:#eee;
	background-color:#33202F;
}
/* styles */
.titre_G {color:#F4F4C3; font-size:16px}
.titre_M {font-size:14px; font-weight:bold; color:#fff}
.mentions {color: #2E3434; font-size:8px}
.gauche { text-align:left}
.droite { text-align:right}
.titre_mauve {font-size:14px; font-weight:bold;color:#331F2F}
.photo {
border: 1px solid #33202F;
}
.listing {
	float:left;
	width: 280px;
	margin:30px 0 0 60px;
	border: 1px solid #fc3;
	padding: 15px;
	color:#232518;
}

/*menus*/
#cadre_droit {
	position:absolute;
	width: 120px;
	height:auto;
	top:20px; right:0;
	text-align: center;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu dl {
float:left;
width: 10em;
margin: 0 0 1px 0;
}
.menu dt {
text-align: center;
background-color:#494D33;
}
.menu dd {
border: none;

} 
.menu li a {
color: #fff;
background-color:#494D33;
text-decoration: none;
list-style-type: none;
text-align:center;
display: block;
height: 19px;
padding-top:2px;
margin:5px;
}
.menu dt a {
color:#fff;
text-decoration:none;
font-style:italic;
font-size: 90%;
display: block;
height: 17px;
border: 0 none;
}
.menu li a:hover, .menu dt a:hover {
     background: #C8CCB3;
     border-left: 2px solid #000;
	 color:#000;
}
.menu li a:active, .menu dt a:active {
     background: #2E3434;
     border-right: 3px solid #000;
     color:#ffc;
}
/*tableau*/
#tbase table{
overflow:auto;
width:85%;
margin:auto;
padding:25px 5px;
}
#tbase th{
padding:10px;
width:20%;
text-align:center;
background-color:#BA1A27;
color:#000;
}
.tgris td{
padding:10px;
color:#ffc;
text-align:center;
background-color:#545454;
}
.ttrans td{
padding:10px;
text-align:center;
color:#666;
}
/*liens*/
a:link {
	color:#000;
}
a:hover {
	text-decoration: none;
	background-color:#CE3131;
	color:#ffc;
}
a:active {
	color:#000;
	background: #E5E1E5;
}
a:visited {
	color:#FFF;
	background-color:#494D33;
}
/*formulaire de contact*/
textarea { width:500px; }
label { display:block; font-weight:bold; }
p#welcome { padding:10px 20px; color:#33202F; font-weight:bold; }
ul { padding:10px 20px; border:1px solid #f00; color:#f00; font-weight:bold; }
p#success { padding:10px 20px; color:#f00; font-weight:bold; }