/**
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: Mar 7, 2006

Rev 15 avril 2012
#ff5d00 // Nouveau orange
#CC6600 // ancien orange
*/
/* 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 #ff5d00;
	background: #FFFF99;
}
div.clearfloats {clear: both;}
.center {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
/* Styles des entetes */
div#entete {
	margin-top: 0.75em;
	min-height: 5px;
}
#entete img, #entete iframe, #entete span, #entete ul {
	float: left;
	padding-right: 5px;
}
#entete span {
	padding-left: 5px;
	height: 58px;
	font-size: 11px;
	float: right;
}
#entete iframe {
	width: 483px;
	height: 60px;
	float: right;
}
#entete span strong, #entete span a {
	clear: both;
	display: block;
}
#entete span a {
	text-align:right;
	padding-left: 20px;
}
#entete ul {
	list-style-type: none;
	padding: 0 0 0 5px;
	margin: 0;
}
#entete li {
	margin-bottom: 0.6em;
}
/* 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;
}
/* Style du corps du document */
div#colonnes, div#annonce{
	position:relative;
	left: -1px;
}
div#colonne1 {
	float: left;
	margin-left: -67%;
	width: 31%;
}
div#colonne2 {
	float: left;
	display: inline;
	margin-left: 33%;
	width: 34%;
}
div#colonne3 {
	width: 31%;
	float: right; 
}
div#colonnea {
	float: left;
	width: 66%;
}
div#colonneb {
	float: right;
	width: 32%;
	margin-left: 10px;
	border-top: #0099FF;
	border-right: #0099FF;
	border-bottom: #0099FF;
	border-left: 1px solid #0099FF;
	height: 100%;
	padding-left: 5px;
}
#colonnes h1, #annonce h1 {
	float: left;
	color: #ff5d00;
	margin-right: 1em;
	font: lighter small-caps 4em Verdana, Arial, Helvetica, sans-serif;
}
#colonnes h1 a {
	color: #ff5d00;
	text-decoration: none;
}
#colonnes h2 {
	font-size: 1.4em;
	background: #ff5d00 url(../pics/norm_left.gif) no-repeat left top;
	color: #FFFF00;
	padding: 0 0 0 5px;
	cursor: default;
	margin: 0 0 0.75em;
}
#colonnes h2 a, #colonnes h2 span {
	background: url(../pics/norm_right.gif) repeat-y right top;
	color: #FFFF00;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#colonnes h2 a {
	text-decoration: none;
}
#colonnes h2 a:hover {
	color: #FFFFFF;
}
#colonnes h2 strong {
	border-bottom: thin dotted #FFFF00;
}
#colonnes h3 {
	color: #ff5d00;
	margin-right: 1em;
	font: lighter small-caps 2em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#colonnes h3 a{
	color: #ff5d00;
}
#colonnes ul {
	margin: 0 0 1em;
	padding: 0;
}
#colonnes ul.location {
	float: left;
	list-style-type: none;
}
#colonnes li {
	display: inline;
	font-size: 1.2em;
	line-height: 1.6em;
}
#colonnes ul.info, #colonnes ul.astuce {
	font-size: 1em;
	list-style-type: none;
	list-style: url(../pics/actions/help.gif);
	display: block;
	float: right;
	width: 20%;
	border-top: 1px dotted #0099FF;
	border-bottom: 1px dotted #0099FF;
	margin: 6px 10px;
	padding: 1px 10px 0;
}
#colonnes ul.astuce {
	list-style: url(../pics/actions/idea.gif);
}
#colonnes ul.info li, #colonnes ul.astuce li {
	font-size: 1em;
	display: list-item;
	margin-left: 14px;
	padding-left: 2px;
	padding-top: 0;
	margin-top: 1px;
}
#colonnes ul.adresse{
	margin-left: 14px;
	width: auto;
	float: left;
	clear: left;
}
#colonnes p, #annonce p {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	font-size: 1.2em;
	line-height: 1.4em;
}
#colonnes form {
	padding: .5em;
	font-size: 1.2em;
}
#colonnes form span {
	text-align: center;
	display: block;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
#colonnes #colonnea p {
	font-size: 1.2em;
}
#colonnes p.prems:first-letter, #annonce p.prems:first-letter {
	font-size: 2em;
}
#colonnes .photos {
	float: left;
	margin-right: 1em;
	display: block;
	visibility: visible;
}
#annonce h2 {
	font-size: 1.4em;
	background: #ff5d00;
	color: #FFFFFF;
	padding: 0px 0px 0px 5px;
	cursor: default;
	margin: 0 0 0.75em;
	line-height: 1.6em;
}
#annonce div.equipements {
	background: #FF9900;
}
#annonce div.equipements ul {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}
#annonce div.equipements li {
	float: left;
	height: 48px;
	width: 48px;
}
#annonce div.equipements p {
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}
#annonce div.descriptif p {
	margin-top: 2em;
}
/* 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;
}
/* Promotions */
div.promotion, div.promotions, div.superpromotions, div#main, div#first2, div#second2 {
	font-size: 1.2em;
	padding: 0px;
	text-align: left;
	width: 100%;
	margin: 2px 0 0;
}
div.promotion img, div.promotions img, div.superpromotions img {
	float: left;
	margin-right: 2px;
}
div.promotion {
	margin-left: 0;
	display: block;
	height: 100px;
}
div.promotions, div.superpromotions {
	margin-left: 0;
	display: block;
	height: 100px;
	width: 24%;
	float: left;
	padding: 2px;
}
div.promotions {
	border: 2px dashed #FFFFFF;
}
div.superpromotions {
	border: 2px dashed #FF9900;
	background: #FFFF00;
}
div.promotions:hover {
	border: 2px dashed #0099FF;
}
div.superpromotions:hover {
	border: 2px dashed #996600;
}
div.promotion p, div.promotions p {
	margin-left: 0;
}
/* Fading Tooltips */
div#toolTip {
  position:absolute;
  width:220px;
  background:#FFFF00;
  border:2px double #fff;
  text-align:left;
  padding:5px;
  -moz-border-radius:5px;
  z-index:1000;
}
div#toolTip p {
  margin:0;
  padding:0;
  color:#0000FF;
  font:11px/12px verdana, arial, serif;
}
div#toolTip p em {
  display:block;
  margin-top:3px;
  color:#f60;
  font-style:normal;
  font-weight:bold;
}
/* Alsett clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*end backslashes hack*/
#Layer1 {
	position:absolute;
	width:96%;
	height:60px;
	z-index:1;
	text-align: left;
	visibility: hidden;
	color: #00CCFF;
	font: 9px Arial, Helvetica, sans-serif;
	top: 0px;
	left: 2%;
}
#Layer1 a,#Layer1 h1,#Layer1 h2 {
	color: #00CCFF;
	text-decoration: none;
	font-size: 9px;
	line-height: 10px;
}