/* 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;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* STYLES */

body {
	text-align:center;
	font-family:Verdana, sans serif;
}

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

#accueil #conteneur_int {
	background:url(../images/fond.jpg) no-repeat top left;
}

#accueil #contenu {
	padding-left:418px;
	padding-top:50px;
	background-image:none;
	margin-left:0px;
}


#accueil h1 {
	position:relative;
	height:156px;
}

#accueil h1 span {
	position:absolute;
	background:url(../images/titre.gif) no-repeat;
	width:500px;
	height:156px;
}

#accueil h2 {
	font-family:Verdana, sans serif;
	font-size:21px;
	color:#4f2b11;
	margin-bottom:15px;
	margin-left:10px;
}

#accueil #contenu p {
	font-family:Verdana, sans serif;
	font-size:15px;
	color:#4f2b11;
	margin-left:13px;
	width:400px;
	line-height:110%;
	margin-bottom:3px;
}

#menu_pp {
	height:28px;
	padding-top:12px;
}

#menu_pp a {
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	height:28px;
}

#menu_pp a span {
	position:absolute;
	top:0px;
	left:0px;
	height:28px;
	display:block;
	z-index:89;
}

a#m_accueil {

	width:71px;
	margin-left:110px;
}

a#m_accueil span {
	background:url(../images/accueil2.jpg) no-repeat;
	width:71px;	
	z-index:89;
}

#accueil a#m_accueil span {
	background:url(../images/accueil.jpg) no-repeat;
}

a#m_gite {
	width:96px;
}

#accueil a#m_gite{
	margin-left:277px;
}

a#m_gite span {
	background:url(../images/gite.jpg) no-repeat;
	width:96px;	
}

a#m_saintjean {
	width:206px;
}

a#m_saintjean span {
	background:url(../images/saintjean.jpg) no-repeat;
	width:206px;	
}

a#m_activites {
	width:97px;
}

a#m_activites span {
	background:url(../images/activites.jpg) no-repeat;
	width:97px;	
}

a#m_tarifs {
	width:80px;
}

a#m_tarifs span {
	background:url(../images/tarifs.jpg) no-repeat;
	width:80px;	
}

a#m_liens {
	width:77px;
}

a#m_liens span {
	background:url(../images/liens2.jpg) no-repeat;
	width:77px;	
}

a#m_noustrouver {
	width:143px;
}

a#m_noustrouver span {
	background:url(../images/noustrouver.jpg) no-repeat;
	width:143px;	
}

#footer {
	text-align:center;
	color:#4F2B11;
	font-size:12px;
	margin-top:30px;
}

#footer a {
	color:#4F2B11;
	text-decoration:underline;
}

div#blason {
	text-align:center;
	margin-top:35px;
}

#contenu {
	margin-left:396px;
	margin-right:60px;
	width:524px;
	color:#351f12;
}

#colpp {
	background:url(../images/fond_cont.gif) no-repeat 312px 16px;
	padding-top:55px;
}

h1 {
	position:relative;	
	margin-bottom:43px;	
}

h1 span {
	position:absolute;
	top:0px;
	left:0px;
}

#gite #contenu h1 {
	width:164px;
	height:43px;		
}

#gite #contenu h1 span {
	background:url(../images/h1gite.gif) no-repeat;
	width:164px;	
	z-index:89;
	height:43px;
}

#saint-jean-pied-de-port #contenu h1 {
	width:416px;
	height:43px;		
}

#saint-jean-pied-de-port #contenu h1 span {
	background:url(../images/h1saintjean.gif) no-repeat;
	width:416px;	
	z-index:89;
	height:43px;
}

#activites #contenu h1 {
	width:184px;
	height:43px;		
}

#activites #contenu h1 span {
	background:url(../images/h1activites.gif) no-repeat;
	width:184px;	
	z-index:89;
	height:43px;
}

#tarifs #contenu h1 {
	width:129px;
	height:45px;		
}

#tarifs #contenu h1 span {
	background:url(../images/h1tarifs.gif) no-repeat;
	width:129px;	
	z-index:89;
	height:45px;
}

#liens #contenu h1 {
	width:117px;
	height:42px;		
}

#liens #contenu h1 span {
	background:url(../images/h1liens.gif) no-repeat;
	width:117px;	
	z-index:89;
	height:42px;
}

#contact #contenu h1 {
	width:299px;
	height:44px;		
}

#contact #contenu h1 span {
	background:url(../images/h1noustrouver.gif) no-repeat;
	width:299px;	
	z-index:89;
	height:44px;
}


h2, h3 {
	font-size:22px;
	margin-left:8px;
	margin-top:5px;
	line-height:130%;
}

h3 {
	font-size:14px;
	font-weight:bold;
	margin-left:14px;
}

p, ul li {
	font-size:12px;
	margin-left:14px;
	margin-bottom:4px;
	margin-top:2px;
	line-height:130%;
}

p a, li  a {
	color:#351F12;
	text-decoration:underline;
}

ul {
	list-style-type: disc;
	margin-left:8px;	
}



#m_contact {
	margin-top:20px;
}


#m_contact label {
	width:164px;
	float:left;
	text-align:right;
	padding-right:10px;
	display:block;
}

#m_contact input, #m_contact textarea {
	border:1px solid #4F2B11;
	font-family:Verdana, sans serif;
	font-size:13px;
	color:#4F2B11;
}

#m_contact textarea:hover,  #m_contact input:hover {
	border:1px solid #009B5E;
}

input#igorri {
	margin-left:174px;
}

#col_g {
	float:left;
	width:396px;
	text-align:right;
	margin-top:115px;
}

div#clear {
	clear:both;
	width:100%;
}

#col_g table.mceLayout {
	width:400px;
}

div#footer {
	line-height:140%;
	margin-bottom:15px;
}

#map {
	margin-top:20px;
	margin-left:-60px;
}

div#error_msg {
	color:#009B5E;
	font-weight:bold;
	font-size:12px;
	line-height:130%;
}

div#m_contact {
	margin-left:8px;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}