/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	/*list-style: none;*/
	margin : 10px 70px;
}

li {
	margin-top : 10px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 10px 5px;
}
caption, td {
	text-align: center;
	font-weight: normal;
	border: 1px solid #dfd3c9;
	padding: 5px 8px 5px; 8px;
}

th {
	text-align: center;
	font-weight: normal;
	border: none;
	padding: 5px 8px 5px; 8px;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* STYLES ETCHANDY */

body {
	text-align:center;
	font-family:Georgia, Georgia, serif;
	font-size:17px;
	color:#503b2f;
}

h1 {
	font-family:Georgia, Georgia, serif;
	color:#7c4d25;
	font-size:40px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

h2 {
	font-family:Georgia, Georgia, serif;
	color:#8ABA33;
	font-size:30px;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:8px;
}

h3 {
	font-family:Georgia, Georgia, serif;
	color:#8ABA33;
	font-size:25px;
	font-weight:bold;
	margin-top:6px;
	margin-bottom:6px;
}

h4 {
	font-family:Georgia, Georgia, serif;
	color:#8ABA33;
	font-size:20px;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:4px;
}

h5 {
	font-family:Georgia, Georgia, serif;
	color:#8ABA33;
	font-size:18px;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:2px;
}

#conteneur {
	text-align:left;
	margin: 0 auto;
	width:1024px;
}

#bandeau_index {
	background:url("../images/bg_menu_index.jpg") bottom no-repeat;
	height:290px;
	position:relative;
}

#bandeau {
	background:url("../images/bg_menu.jpg") bottom no-repeat;
	height:290px;
}

#logo_bandeau {
	float:left;
	width:368px;
	height:153px;
	background:url("../images/logo.png") 20px 20px no-repeat;
} 

#menu_pp {
	float:left;
	width:580px;
	height:138px;
	margin-left: 15px;
}

#m_accueil {
	float:left;	
	width: 46px; 
  height: 20px;  
	background: url("../images/btn_accueil.png") 0px 0px;  
	text-indent: -9999px;
	display:block;
	text-align:center;
	margin-top:123px;
}

#m_accueil:hover {
	background-position:46px 0px;
}

#m_appart {
	float:left;
	width: 95px; 
  height: 25px;  
	background: url("../images/btn_appart.png") 0px 0px;  
	text-indent: -9999px;
	display:block;
	text-align:center;
	margin-top:107px;
	margin-left:32px;	
}

#m_appart:hover {
	background-position:95px 0px;
}

#m_histoire {
	float:left;
	width: 49px; 
  height: 20px;  
	background: url("../images/btn_histoire.png") 0px 0px;  
	text-indent: -9999px;
	display:block;
	text-align:center;
	margin-top:93px;
	margin-left:31px;	
}

#m_histoire:hover {
	background-position:49px 0px;
}

#m_activites {
	float:left;
	width: 54px; 
  height: 21px;  
	background: url("../images/btn_activites.png") 0px 0px;  
	text-indent: -9999px;
	display:block;
	text-align:center;
	margin-top:78px;
	margin-left:32px;	
}

#m_activites:hover {
	background-position:54px 0px;
}

#m_photo {
	float:left;
	width: 46px; 
  height: 30px;  
	background: url("../images/btn_photo.png") 0px 0px;  
	text-indent: -9999px;
	display:block;
	text-align:center;
	margin-top:93px;
	margin-left:42px;
}

#m_photo:hover {
	background-position:46px 0px;
}

#m_contact {float:left;
	width: 51px; 
  height: 35px;  
	background: url("../images/btn_contact.png") 0px 0px;  
	text-indent: -9999px;
	display:block;
	text-align:center;
	margin-top:132px;
	margin-left:21px;
}

#m_contact:hover {
	background-position:51px 0px;
}

#m_tarif {float:left;
	width: 31px; 
  height: 24px;  
	background: url("../images/btn_tarif.png") 0px 0px;  
	text-indent: -9999px;
	display:block;
	text-align:center;
	margin-top:175px;
	margin-left:24px;
}

#m_tarif:hover {
	background-position:31px 0px;
}

#contenu_index {
	width:980px;
	text-align:center;
	margin-top:0px;
	margin-left:22px;
	background: url("../images/bg_contenu_index.jpg") 1px top no-repeat; 
	padding-top:140px;
}

#content_index {
	width:380px;
	height:271px;
	text-align:center;
	margin:0 auto;
	font-size: 11pt;
	padding-left:20px;
	padding-right:20px;
	background: url("../images/bg_content_index.png") no-repeat; 
	overflow:scroll;
}

#content_index h2, #content_index h3, #content_index h4, #content_index h5 {
	color:#7c4d25;
}

#contenu_gite {
	width:980px;
	text-align:left;
	margin-left:22px;
	background: url("../images/bg_contenu_gite.jpg") 1px bottom no-repeat; 
}

#content_gite_txt {
	width:650px;
	text-align:left;
	margin-left:215px;
	margin-top:-100px;
}

#content_gite_apparts {
	width:800px;
	height:850px;
	margin-left:110px;
	text-align:left;
}

#content_gite_apparts_cadreleft {
	clear:left;
	float:left;
	margin-top:15px;
	height: 260px;
	width: 375px;
	border: 1px solid #dfd3c9;
	text-align:center;
}

#content_gite_apparts_cadreright {
	float:left;
	margin-top:15px;
	margin-left:20px;
	height: 260px;
	width: 375px;
	border: 1px solid #dfd3c9;
	text-align:center;
}

#content_gite_apparts_cadremiddle {
	clear:left;
	float:left;
	margin-top:15px;
	margin-left:210px;
	height: 260px;
	width: 375px;
	border: 1px solid #dfd3c9;
	text-align:center;
}

#content_gite_bottom {
	width:690px;
	height:490px;
	margin-top:270px;
	margin-left:160px;
	text-align:center;
}

#content_gite_bottom_cadre {
	width:690px;
	height:205px;
	margin-top:10px;
	border: 1px solid #dfd3c9;
	padding: 15px 5px 5px 5px;
}

#contenu_contact {
	width:980px;
	text-align:center;
	margin-left:22px;
	background: url("../images/bg_contenu_histoire.jpg") 1px bottom  no-repeat; 
}

#content_contact {
	width:420px;
	text-align:left;
	margin-left:345px;
	margin-top:-100px;
	padding-bottom:250px;
}

#content_map {
	margin-top : 50px;
	margin-left:-100px;
}

#contenu_photos {
	width:980px;
	text-align:center;
	margin-left:22px;
	background: url("../images/bg_contenu_histoire.jpg") 1px bottom  no-repeat; 
}

#content_photos {
	width:650px;
	text-align:left;
	margin-left:215px;
	margin-top:-100px;
	padding-bottom:250px;
}

#content_photos img {
	border : 4px solid #8ABA33;
}

/*#contenu_tarifs {
	width:980px;
	height:480px;
	text-align:left;
	margin-left:22px;
	background: url("../images/bg_contenu_gite.jpg") 1px bottom no-repeat; 
}

#content_tarifs_tab {
	width:650px;
	text-align:left;
	margin-left:215px;
	margin-top:-100px;
}*/

#contenu_tarifs {
	width:980px;
	text-align:center;
	margin-left:22px;
	background: url("../images/bg_contenu_histoire.jpg") 1px bottom  no-repeat; 
}

#content_tarifs {
	width:650px;
	text-align:left;
	margin-left:215px;
	margin-top:-100px;
	padding-bottom:250px;
}

#contenu_histoire {
	width:980px;
	text-align:center;
	margin-left:22px;
	background: url("../images/bg_contenu_histoire.jpg") 1px bottom  no-repeat; 
}

#content_histoire {
	width:650px;
	text-align:left;
	margin-left:215px;
	margin-top:-100px;
	padding-bottom:250px;
}


label {
	clear: left;
	float: left;
	text-align: left;
	margin-top:10px;
	width:120px;
}

input {
	float: left;
	width:250px;
	margin-top:10px;
}

textarea {
	float: left;
	text-align: left;
	height:200px;
	width:250px;
	margin-top:10px;
	overflow:auto;
}

input#igorri
{
	margin-left: 195px;
	background: url('../images/btn_envoyer.png') no-repeat; 
	width: 113px;
	height: 25px;
	text-align:center;
	font-family:Georgia, Georgia, serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border: none;
	padding-bottom:2px;
}

input#igorri:hover
{
	color:#41281b;
}

p {
	text-align:justify;
}

a {
	font-size:15px;
	font-family:Georgia, Georgia, serif;
	font-weight:normal;
	color:#8ABA33;
}

#footer {
	clear:both;
	text-align:center;
	font-size:10px;
	color:#000000;
	margin-top:20px;
	margin-bottom:20px;
}

#footer a {
	font-size:10px;
	color:#000000;
}

#error_msg {
	color:#FF0000;
	font-weight:bold;
	padding-bottom:10px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

div#langues {
	position:absolute;
	right:0;
	top:10px;
}