/*
Original Style Sheet Developed by Eric Bourbigot
Copyright (c) 2006
The images that this style sheet references may not be
resold or reused by any means necessary unless otherwise noted
Last Edit: Jan 27, 2006
*/
/* Basic Elements */
html {
	font-size: 125%;
}
body {
	font: 50% Arial, Helvetica, sans-serif;
	color: #000099;
	width: 100%;
	text-align: center;
	background: #FFFFFF;
}
* {
	margin: 0;
	padding: 0;
}
div#page {
	font-size: 1.2em;
	min-width:760px;
	max-width:1180px;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	width: 98%;
}
.formulaire {
	border:1px dashed #CC6600;
	background: #FFFF99;
}
div.clearfloats {clear: both;}
.center {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
/* Style de pied de page */
div#pied {
	font-size: 0.9em;
	border-top: 1px solid #0099FF;
	text-align: center;
	margin-top: 0.75em;
	padding-top: 0.75em;
	position: relative;
	width: 100%;
	left: 0;
}
#pied ul {
	list-style-type: none;
}
#pied li {
	margin: 0 0 1em 3px;
	padding: 0 0 0 6px;
	border-left: 1px solid #0099FF;
	display: inline;
}
#pied li:first-child {
	border-left: none;
}
/* Styles des entetes */
#entete {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px 5px;
	padding: 10px 0px 0px;
	width: 98%;
	text-align: left;
	font-size: 8px;
}
#entete p {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 1px solid #0000FF;
}
#entete img, #entete iframe {
	float: left;
	padding-right: 5px;
}
#entete iframe {
	width: 483px;
	height: 60px;
	float: right;
}
#entete #pub {
	float: right;
}
/* Style de la barre de navigation */
div#navigation {
	width: 100%;
	background: #0099FF url(../pics/bleudegrade_left.jpg) no-repeat left bottom;
	padding-left: 5px;
	margin-top:0.4em;
	margin-bottom:0.4em;
}
#navigation h1 {
	font-weight: bold;
	width: 100%;
	background: #0099FF url(../pics/bleudegrade.jpg) repeat-y right top;
	color: #FFFFFF;
	font-size: 1.2em;
	padding-left: 0.3em;
	line-height: 1.4em;
}
#navigation ul {
	margin: 0 0 1em;
	padding: 0;
	display: inline;
	font-weight: bold;
	list-style-type: none;
}
#navigation ul li {
	padding-right: 5px;
	margin-left: 5px;
	display: inline;
}
#navigation ul li a {
	color: #FFFFFF;
}
/* contacter */
#annonce_location form ul {
	list-style-type: none;
}
/* Colonnes */
#colonnes #annonce_location {
	vertical-align: top;
	text-align: justify;
}
#colonneG {
	width: 29%;
	float: left;
}
#colonneC {
	width: 33%;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	border-right: 1px solid #0099FF;
	border-left: 1px solid #0099FF;
	padding-right: 10px;
	padding-left: 10px;
}
#colonnes h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-image: url(http://www.matinik.com/pics/norm_left.gif);
	background-position: left top;
	color: #FFFF00;
	text-align: left;
	font-weight: bold;
	background-repeat: no-repeat;
	width: 100%;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	background-color: #CC6600;
}
#colonnes h2 a {
	color: #FFFF00;
	text-decoration: none;
	background-image: url(http://www.matinik.com/pics/norm_right.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 100%;
	display: block;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-left: 2px;
	background-color: #CC6600;
}
#colonnes img {
	border: 0px none;
}
#colonnes form {
	border: 1px dashed #0099FF;
	background-color: #FFFF99;
	padding: 5px;
	margin: 0px;
}
#annonce_location {
	font-size: 1.2em;
	line-height: 1.6em;
	z-index: 1;
}
#annonce_location h1 {
	color: #FF6600;
	text-transform: uppercase;
	font: lighter small-caps 3em Verdana, Arial, Helvetica, sans-serif;
}
#annonce_location h1 a{
	color: #FF6600;
	text-decoration: none;
}
#annonce_location h2 {
	color: #FFFFFF;
	background-color: #FF6600;
	font-size: 10pt;
	text-transform: uppercase;
	text-align: center;
}
#annonce_location h3 {
	color: #FFFFFF;
	background-color: #FF6600;
	font-size: 10pt;
	text-transform: uppercase;
	text-align: left;
	text-indent: 5px;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}
#annonce_location h3 a {
	color: #FFFFFF;
}
#annonce_location .texte  {
	margin-top: 1em;
}
#annonce_location .texte:first-letter  {
	font-size: 2em;
}
#promotion {
	display: block;
}
#promotion ul {
	font-style: italic;
	list-style-type: none;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}
#promotion ul li {
	list-style-type: none;
	display: block;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}
#promotion ul li#titre {
	font-weight: bold;
	background-color: #FFFF00;
	text-indent: 5px;
	list-style-position: inside;
}
#promotion ul li#dates {
	background-color: #FF9900;
	color: #FFFFFF;
	font-style: normal;
	font-size: 9pt;
	text-indent: 5px;
	list-style-position: inside;
	font-weight: bold;
}
#promotion ul li#texte {
	background-color: #FFFF66;
	text-indent: 5px;
	list-style-position: inside;
}
#annonce_location #photo {
	float: right;
}
#annonce_location #vue {
	display: block;
	padding: 0px;
	margin: 0px 2em 0px 0px;
	float: left;
}
#annonce_location #couchages {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 1em;
	border-left: 1px solid #FF6600;
	float: left;
}
#annonce_location #equipements {
	margin: 1em 0px 0px;
	padding: 0px;
	list-style-type: none;
	background: #FF9900;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	min-height: 75px;
	display: block;
	width: 100%;
}
#annonce_location ul {
	padding-left: 2em;
}
#annonce_location #equipements ul, #annonce_location #tarif ul, #annonce_location #contact ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#annonce_location #equipements ul {
	background: #FF9900;
}
#annonce_location #equipements ul li {
	float: left;
	padding: 1px;
	list-style-type: none;
	height: 48px;
	width: 48px;
	display: block;
	background: #FF9900;
}
#annonce_location #tarif ul li {
	float: left;
	border-right: 1px solid #FF6600;
	padding-right: 1em;
	margin-right: 1em;
}
#annonce_location #services, #annonce_location #distances {
	margin: 0px;
	padding: 0px 0px 2px 1%;
	width: 49%;
	color: #FFFFFF;
	font-weight: bold;
	background: #0099FF;
	clear: right;
	float: left;
}
#annonce_location #distances {
	color: #FF6600;
	background: #FFFF00;
}
#annonce_location #services {
	color: #FFFFFF;
	background: #0099FF;
}
#annonce_location #services p, #annonce_location #distances p {
	text-align: center;
}
#annonce_location .cherche_carte {
	float: left;
	width: 494px;
}
#annonce_location .cherche {
	float: right;
	margin-left: 2px;
	width: 49%;
}
#annonce_location .cherche ul {
	margin-left: 20px;
}
#annonce_location .cherche span {
	text-align: center;
	display: block;
	width: 100%;
}
#annonce_location .cherche div {
	display: block;
	width: auto;
	min-width: 150px;
	float: left;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-bottom: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
	font-size: .8em;
	text-align: left;
}
.envoyer a, .contacter a {
	background: #CCFF99;
	float: left;
	padding: 2px 2em;
	border: 1px solid #FF6600;
}
.envoyer a:hover, .contacter a:hover {
	background: #FFFF00;
}
.envoyer {
	background: #CCFF99;
	float: left;
}
.contacter {
	background: #CCFF99;
	float: right;
}
.resa {
	background: #FF9900;
	border: 2px solid #FF9900;
	font-weight: bold;
}
#publie {
}
#non_publie {
	background: url(../pics/non_publiee.png) repeat;
	z-index: 2;
	display: block;
	position: absolute;
}
#nouvelle_annonce {
	background: url(../pics/non_publiee.gif) repeat;
	z-index: 2;
	display: block;
	position: absolute;
}
.static {
	position: static;
}