@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	margin-bottom: 1px;
	background: #fff;
	font: 11pt/normal Calibri, Arial, Helvetica, "Nimbus Sans L", "Free Sans", sans-serif;
	color: #000;
}

body {
	text-align: center;
	background: #fff url('../images/background.jpg') repeat-x 0 0;
}

a img { border: none; }

fieldset {
	margin: 5px 0;
	border: none;
}

.lettrine {
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #fa0;
}

.message {
	width: 440px;
	margin-left: 85px;
	padding: 10px 0;
	font: bold 0.9em/120% Courier, "Courrier New", "Nimbus Mono L", monospace;
	text-align: center;
}

.error {
	background: #f99;
	color: #800;
}

.success {
	background: #efb;
	color: #060;
}

.note {
	font: bold 0.9em/120% Courier, "Courrier New", "Nimbus Mono L", monospace;
}

.hidden {
	display: none;
}

/* Main
-----------------------------*/
#Main {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/* Main - Header
-----------------------------*/
#Header {
	overflow: hidden;
	height: 210px;
	background: #676 url('../images/header.jpg') no-repeat 0 0;
}

#Header .icons {
	float: left;
	vertical-align: middle;
}

#Header .icons * {
	float: left;
	margin: 0 7px;
}

#Header .icons .gdf { margin-top: 5px; }
#Header .icons .corns { margin-top: 7px; }
#Header .icons .routard { margin-top: 2px; }
#Header .icons .ancv { margin-top: 5px; }

#Header .icons .lang {
	overflow: hidden;
	width: 30px;
	height: 20px;
	margin-top: 10px;
	margin-left: 14px;
}

#Header .icons .fr { background: url('../images/fra.gif') no-repeat 0 -20px; }
#Header .icons .en { background: url('../images/eng.gif') no-repeat 0 -20px; }
#Header .icons .de { background: url('../images/deu.gif') no-repeat 0 -20px; }

#Header .menu {
	float: right;
}

#Header .menu .item {
	float: left;
	list-style: none;
}

#Header .menu .subItem {
	position: absolute;
	display: none;
	list-style: none;
	background: url('../images/menuaback.png') repeat;
}

#Header .menu a {
	display: block;
	height: 40px;
	padding: 0 10px;
	font: bold 0.8em/40px Calibri, Arial, Helvetica, "Nimbus Sans L", "Free Sans", sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

#Header .menu a:hover {
	color: #fff;
}

#Header .title {
	display: none;
}

/* Content
-----------------------------*/
#Content {
	overflow: hidden;
	width: 900px;
	background: #fff url('../images/content.gif') repeat-y 0 0;
	border-bottom: 2px solid #fa0;
}

/* Content - SideBar
-----------------------------*/
#Content .sideBar {
	float: right;
	width: 230px;
	margin: 10px 9px 10px 11px;
	text-align: center;
}

#Content .sideBar div {
	margin : 20px;
	padding-bottom: 10px;
}

.sideBar div h3 {
	height: 21px;
	padding: 5px 5px 0;
	font-size: 1em;
	line-height: 21px;
	vertical-align: middle;
	color: #fff;
}

.sideBar div p {
	font-size: 0.8em;
	padding-top: 10px;
	border-width: 0 2px;
	border-style: solid;
}

.sideBar .gitesDeFrance {background: url('../images/sidebar/orange-pied.gif') no-repeat 50% 100%;}
.sideBar .gitesDeFrance h3 {background: #d91 url('../images/sidebar/orange-h3.gif') no-repeat 50% 0;}
.sideBar .gitesDeFrance p {border-color: #d91; line-height: 18px; vertical-align: middle;}
.sideBar .gitesDeFrance p img {margin: 5px;}

.sideBar .routard {background: url('../images/sidebar/bleu-pied.gif') no-repeat 50% 100%;}
.sideBar .routard h3 {background: #9bc url('../images/sidebar/bleu-h3.gif') no-repeat 50% 0;}
.sideBar .routard p {border-color: #9bc;}

.sideBar .compteur {background: url('../images/sidebar/couleur-pied.gif') no-repeat 50% 100%;}
.sideBar .compteur h3 {background: #fff url('../images/sidebar/couleur-h3.gif') no-repeat 50% 0;}
.sideBar .compteur p {border-color: #fff;}

.sideBar .partenaires {background: url('../images/sidebar/violet-pied.gif') no-repeat 50% 100%;}
.sideBar .partenaires h3 {background: #a8a url('../images/sidebar/violet-h3.gif') no-repeat 50% 0;}
.sideBar .partenaires p {border-color: #a8a;}

/* Content - page
-----------------------------*/
#Content .page {
	width: 610px;
	padding: 10px 20px;
	background: #be4;
	font: 1em/normal "Times New Roman", Times, "Nimbus Serif L" , serif;
}

#Content .page h2, #Content .page h3, #Content .page h4, #Content .page h5, #Content .page h6 {
	font-family: Calibri, Arial, Helvetica, "Nimbus Sans L", "Free Sans", sans-serif;
}

#Content .page p {
	line-height: 1.5em;
	text-indent: 1em;
}

#Content .page ul, #Content .page dl {
	padding-left: 0.5em;
	list-style-position: inside;
}

#Content .page a {
	color: #060;
	text-decoration: none;
}

#Content .page a:hover {
	color: #3f3f3f;
}

#Content .page h2 {
	margin-top: 20px;
	margin-left: 10px;
	width: 600px;
	height: 85px;
	font-size: 1.6em;
	line-height: 50px;
	color: #fff;
	text-indent: 1em;
}

#Content .page .chene { background: #060 url('../images/h2chene.jpg') no-repeat 0 0; }
#Content .page .olivier { background: #060 url('../images/h2olivier.jpg') no-repeat 0 0; }

#Content .page .maps {
	width: 500px;
	height: 500px;
	margin: 15px 75px 5px;
	border: none;
}

.photos td {
	padding: 5px;
}

.photos * {
	text-align: center;
	vertical-align: middle;
}

.photos td {
	font: 1.2em/normal 'Comic Sans MS', cursive;
	color: #006600;
}

#Content .contact {
	width: 100%;
	margin-bottom: 20px;
}

#Content .contact * {
	vertical-align: top;
}
#Content .contactForm {
	width: 440px;
	margin: 0 0 0 85px;
}

#Content .contactForm input, #Content .contactForm textarea {
	border: none;
	background: #efb;
}

#Content .contactForm .submit {
	padding: 3px 20px;
}

/* Footer
-----------------------------*/
#Footer {
	padding: 10px 20px 5px;
	font: 0.75em/20px Courier, "Courrier New", "Nimbus Mono L", monospace;
	color: #999;
	text-align: center;
}

#Footer a {
	color: #555;
}