﻿@charset "UTF-8";
* {margin:0px; padding:0px}
body,h1,h2,h3,p {font-family:Arial,Verdana; color:black} 
body {text-decoration:none; font-size:8pt; background-color:#add1f6}
h1 {font-size:24pt; font-weight:normal; padding:10px 0px 40px 0px}
h2 {font-size:20pt; font-weight:normal; text-decoration:none; margin-top:5px; margin-bottom:10px}
h3 {font-size:18pt; font-weight:normal; text-decoration:none; margin-top:30px; margin-bottom:20px}
img, table {border:none}
table {border-collapse:collapse}
td {font-size:10pt; text-align:left}
input {font-weight:normal}
input.champ, select, textarea {padding:3px; margin:5px 0px 5px 0px; width:100%}
option {margin-left:5px}
p {font-size:10pt}
#recherche {padding:20px 0px 0px 50px; height:70px}
#recherche img {margin-top:-12px; padding-right:20px; float:left}
#recherche input[type=text] {
	box-shadow:1px 1px 5px #D3D3D3 inset;
	border:1px solid #A9A9A9;
	padding:3px 5px 0px 8px;
	background-color:#fff;
	vertical-align:bottom;
	font-size:16pt;
	color:#A9A9A9;
	height:32px;
	width:400px;
	float:left;
}
#recherche input:hover[type=text] {
	box-shadow:1px 1px 5px #A9A9A9 inset;
	border-color:#808080;
	color:#8F8F8F;
}
#recherche input[type=submit] {
	background-color:#98FB98;
	border:1px solid #3A9D23;
	font-size:12pt;
	cursor:pointer;
	color:#808080;
	height:37px;
	width:100px;
	float:left;
}
#recherche input:hover[type=submit] {
	box-shadow:1px 1px 3px #808080 inset;
	background-color:#90EE90;
	border-color:#008000;
	color:#696969;
}
#cse-search-box input[type=text], #cse-search-box input[type=submit] {
	padding:2px 5px 3px 5px;
	font-size:13pt;
	color:#585858;
}
#container {
	width:800px;
	margin:0 auto;
}
#body {
	padding:10px 24px 0px 36px;
	background:#fff9bb url(../images/fond.gif);
	text-align:center;
	width:740px;
}
#menuhaut {
	width:720px;
	height:26px;
	text-align:left;
	margin-left:10px;
	margin-bottom:25px;
}
#menuhaut img {
	vertical-align:middle; margin-top:-3px
}
#menudroite {
	padding-top:5px;
	float:right;
	width:100px;
}
#menu {
	position:absolute;
	margin-top:-23px;
	margin-left:190px;
	z-index:22;
}
#search {
	padding-left:20px;
	text-align:left;
}
#search h1 {
	text-align:center;
	margin-left:-20px;
}
#search h2 {
	margin:-5px 0px 0px 0px;
	font-size:14pt
}
#search p {
	font-size:11pt;
}
#res {
	text-align:center;
	font-size:10pt;
	font-style:italic;
	margin:10px 0px 0px -20px;
}
#listeMenu li {
	color:green;
	display:block;
	font-size:12pt;
	width:210px;
	z-index:23;
}
#listeMenu .listeSsMenu {
	display:none;
	width:210px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px dotted #000;
	margin-left:-40px;
	background:#fffcdd;
	text-align:center;
}
#listeMenu li:hover {
	color:#6e6e6e;
}
#listeMenu li:hover .listeSsMenu {
	display:block;
}
#fdhome {
	background:url(../images/fond-carte.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding-left:20px;
	text-align:left;
	width:720px;
	height:auto
}
#fiche {
	color:navy;
	font-size:11pt;
	max-width:840px;
	padding:10px 30px 20px 30px;
	background-color:#fff9bb;
}
#fiche h1 {
	color:navy;
	padding:30px 0px 10px 0px;
}
#fiche p {
	color:navy;
	font-size:11pt;
	text-align:justify;
	margin-bottom:15px;
}
#fiche .logo {
	float:left;
	margin-bottom:30px
}
#fiche .info {
	font-style:italic;
}
#image img:hover {
	box-shadow: 2px 2px 6px 0px #404040;
}
#image img {
	float:left;
	width:320px;
	margin:0px 30px 15px 0px;
	box-shadow: 2px 2px 6px 0px #808080;
}
#titrefiche {
	font-size:16pt;
	padding-bottom:30px;
	text-align:center;
}
#contfiche {
	min-height:240px;
	padding:10px 0px 15px 0px;
}
#contfiche .rub {
	line-height:22px;
	text-align:left;
	font-weight:bold;
}
#contfiche .res, a.facebook {
	width:71px;
	height:17px;
	display:inline-block;
	margin:0px auto -3px auto;
	background:url(../images/facebook.png) no-repeat scroll 0 0;
}
#contfiche a.facebook {
	background-position:-71px 0;
}
#fbfiche  {
	height:60px;
	width:180px;
	float:left;
}
#pubfiche {
	height:60px;
	width:468px;
	float:right;
}
#map {
	float:left;
	width:400px;
	height:300px;
	margin:0px 30px 15px 0px;
}
#bas {
	background:url(../images/bas.gif);
	width:800px;
	height:44px
}
#footer {
	text-align:center;
	margin-bottom:30px
}
#formulaire {
	margin-top:30px;
}
#formulaire table {
	width:100%;
	margin:0px auto;
}
#formulaire td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	height:30px;
}
#formulaire input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#202020;
}
#nav {padding-top:20px; padding-bottom:10px}
#nav a {font-size:16pt; background-color:#98FB98; border:1px solid #3A9D23; cursor:pointer; color:#808080; padding:2px; margin-right:10px}
#nav a:hover {box-shadow:1px 1px 3px #808080 inset; background-color:#90EE90; border-color:#008000; color:#696969}
#suite {font-size:16pt; padding-top:20px; padding-bottom:10px}
#recom {font-size:12pt; text-align:left; color:navy; padding:50px 20px}
#recom ul {font-size:10pt; list-style:none}
#caractere {width:700px; height:980px; background:url(../images/carte-ardeche-village-de-caractere.gif); text-align:left }
#carte {width:700px; height:980px; padding-top:130px; background:url(../img/loca-caractere.php)}
#carte a {font-size:12pt}
#lexique {width:820px; margin:30px 0px 20px 10px; color:dimgray; text-align:justify}
#lexique td {padding-left:20px; font-size:12pt}
#lex_nav {margin:30px 0px 30px 0px; text-align:center; color:dimgray; font-size:16pt}

a:link {text-decoration:none; color:brown}
a:visited {text-decoration:none; color:red}
a:hover {color:black}

a.titre:link {text-decoration:none; color:black}
a.titre:visited {text-decoration:none; color:black}
a.titre:hover {color:brown}

a.com:link {text-decoration:none; color:green}
a.com:visited {text-decoration:none; color:green}
a.com:hover {text-decoration:underline; color:green}

.fd-annu {background:url(../images/fond-annu.jpg); width:360px}
.fd-comm {background:url(../images/fond-comm.jpg) no-repeat; width:360px}
.fd-site {background:url(../images/fond-site.jpg) no-repeat; width:480px}
.fd-annu1 {background:url(../images/fond-annu1.jpg); width:360px}
.fd-annu2 {background:url(../images/fond-annu2.jpg); width:360px}
.fd-annu1 img, .fd-annu2 img {padding:0px 10px 0px 10px}
.annonce {width:370px; height:92px; text-align:left; float:left}
.annonce img {width:110px; height:80px; padding:0px 10px 0px 10px; float:left}
.carte {width:360px; height:540px; background:url(../images/carte-ardeche.gif); margin-bottom:12px; float:right}
.bloc-g {width:370px; float:left}
.cse-branding-right {background-color:#FFF9BB; color:#000000; text-align:center}
.annu {float:left; margin-right:0px; height:80px; width:110px }
.dimgray {font-size:11pt; color:dimgray}
.under {text-decoration:underline}
.center {text-align:center}
.gauche {text-align:left}
.droite {text-align:right}
.vert {color:green; padding:0px 5px 0px 5px }
.red {font-size:11pt; color:red; font-style:italic}
.left {float:left}
.right {float:right}
.gras {font-weight:bold}
.url {padding-bottom:3px}
.fin {font-size:8pt}
.petit {font-size:10pt}
.moy {font-size:12pt}
.gros {font-size:16pt}
.tgros {font-size:20pt}
.small {font-size:0.8em}
.mg10 {margin-left:10px}
.md10 {margin-right:10px}
.pad20 {padding:0px 20px 20px 20px}
.lettre {font-size:36px; color:dimgray}
.rep {font-size:14pt; color:#4a4a4a; margin-bottom:20px}
.page {font-size:16pt; color:#808080}
.visitez {font-size:14pt; font-style:italic }
.site { clear:both; width:700px; margin-bottom:20px;}
.nbsites {font-size:10pt; color:green}
.infos {width:570px; float:right; margin-bottom:25px}
.opa {opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7}
.opa:hover {opacity:1; filter:alpha(opacity=100); -moz-opacity:1}
.opac {width:120px; height:90px; opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7}
.opachover {width:120px; height:90px; opacity:1; filter:alpha(opacity=100); -moz-opacity:1}
.opai {float:right; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; margin-right:10px}
.opaihover {float:right; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; margin-right:10px}
.posi {position:relative; top:231px; margin-left:30px; font-size:12pt}
.page {width:710px; font-size:16pt}
.num {font-size:16pt; background-color:#98FB98; border:1px solid #3A9D23; color:#000; padding:2px; margin-right:10px}
/* .info {height:auto; width:650px; border:1px solid #BEBEBE; background-color:#FFF9CB; margin-right:auto; margin-left:auto; padding:10px; text-align:left} */
.navy {color:navy; display:inline-block; margin-bottom:40px; padding:10px 30px 0px 30px; border-width:0px 0px 1px 0px; border-style:solid; border-color:navy}
.texthome {font-size:12pt; text-align:left; color:navy; margin:10px 0px 40px 0px; padding-top:20px}
.textnavy {font-size:12pt; text-align:left; color:navy; margin:0px 0px 30px 20px}
.update {font-size:10pt; color:navy; margin:-30px 0px 20px 0px}
.cleared { clear:both; visibility:hidden; height:0px}
.hr {visibility:hidden; clear:both}