body  {
	font: 100% Arial;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	padding: 0;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	background-image: url(../images/fond-body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.slogan {
	position: absolute;
	width: 200px;
	left: -3000px;
	top: -50px;
}
div.cookiesbox {
	margin: 30px;
	background-color: #000;
	border: 2px solid grey;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	border-radius: 12px;
	height: 58px;
	width: 600px;
	position: absolute;
	left: 430px;
	top: 220px;
	font-size: 11px;
	z-index: 20;
	visibility: hidden;
}
div.cookiesbox p {
	margin: 4%;
	font-weight: bold;
	color: #fff;
}
div.cookiesbox button {
	float: right;
	padding: 5px;
	margin: 15px;
	margin-top: 15px;
}
#container {
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #999999;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	height: 100%;
} 
#temps {
	background: #FFFFFF;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	padding: 4px;
}
#timer-date {
	margin-left: 30px;
}
#timer-heure {
	margin-left: 260px;
}
#bandeau {
	background-color: #e5e3df;
	background-image: url(../images/loader-gris.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 275px;
} 

/* boite de recherche */

#lesmodules {
	z-index: 5;
	position: absolute;
	top: 105px;
	left: 6px;
	width: 210px;
}
#recherche {
	width: 200px;
	font-size: 0.7em;
	color: #573c24;
	font-weight: bold;
}
.cadre {
	background-image: url(../images/annonces-fond.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #eff0eb;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	border: 1px solid #B8A77E;
	padding: 5px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	border: 1px solid #C1B08C;
}
.cadre-interieur {
	height: 98%;
	border: 1px solid #ECECD9;
	-moz-border-radius-topleft: 12px;
	border-top-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	border-bottom-right-radius: 12px;
	background-image: url(../images/annonces-fond-texte.jpg);
	background-color: #FDFDFB;
	background-repeat: repeat-x;
	background-position: left top;
}
#form-rec {
	padding-top: 15px;
	padding-bottom: 20px;
}
.criteres {
	font-size: 13px;
	color: #FFFFFF;
	background-color: #FB9B3C;
	width: 168px;
	border: 1px solid #FF6633;
	line-height: 24px;
	margin-bottom: 1px;
	margin-top: 1px;
	height: 24px;
	padding-right: 5px;
	padding-left: 5px;
	text-shadow:2px 1px #C86604;
	position: relative;
	left: 10px;
	font-weight: bold;
}
#recherche span {
	font-weight: normal;
	font-size: 0.9em;
}
#recherche em {
	font-weight: normal;
	font-size: 0.9em;
	display: block;
	padding-top: 4px;
	text-indent: 5px;
}
.boites {
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
	left: 10px;
	position: relative;
	background-color: #f1f0e6;
	width: 170px;
}
#recherche .boites select {
	width: 170px;
	font-size: 11px;
	color: #727272;
	background-color: #FFFFDD;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
}
#recherche label{
	width: 165px;
	color: #573c24;
	font-weight: bold;
	display: block;
	padding-top: 9px;
	padding-bottom: 2px;
}
#recherche .boites input[type=text]{
	width: 165px;
	font-size: 11px;
	color: #727272;
	background-color: #FFFFDD;
	height: 15px;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
}
#recherche .boites input:focus, .milieu #recherche .boites select:focus {
	border: 2px solid #FDC995;
}
#recherche .on {
	position: relative;
	margin-left: 145px;
	top: 0px;
	margin-top: -23px;
	background-image: url(../images/boite-bouton.png);
	background-position: left top;
	height: 22px;
	width: 22px;
	cursor: pointer;
}
#recherche .off {
	position: relative;
	margin-left: 145px;
	top: 0px;
	margin-top: -23px;
	background-image: url(../images/boite-bouton.png);
	background-position: left bottom;
	height: 22px;
	width: 22px;
	cursor: pointer;
}
#recherche #lesvilles {
	height: auto;
	width: 168px;
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	border: 2px solid #AEC1F9;
	z-index: 5;
}
.villechoix {
	background-color: #EBEFFC;
	width: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	line-height: 18px;
	filter: alpha(opacity=98);
	opacity: 0.98;
}
.villechoix:hover{
	background-color: #98b1f5;
	width: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	color: #FFF;
	cursor: pointer;
}
#recherche input[type=submit] {
	margin-left: 30px;
	height: 26px;
	text-align: center;
	font-size: 11px;
}
#recherche #envoi {
	width: 120px;
}
.bouton {
	background-color: #E4E6E7;
	border: 3px outset #FFFFCC;
	color: #666666;
	font-weight: bold;
	padding-left: 30px;
	padding-right: 15px;
	cursor: pointer;
	font-family: Arial;
}
.ext-ie7 .envoi {
	background-image: url(../images/fleche-envoi.png);
	background-position: 3px 4px;
	background-repeat: no-repeat;
	padding-top: 1px;
}
.envoi {
	padding-bottom: 1px;
	background-image: url(../images/fleche-envoi.png);
	background-position: 3px 5px;
	background-repeat: no-repeat;
}
.ext-gecko .envoi {
	padding-bottom: 3px;
}
.contacter {
	background-image: url(../images/email_go.png);
	background-repeat: no-repeat;
	background-position: 8px 2px;
}
#recherche #ano_nbkms {
	width: 70px;
	float: left;
}
#recherche #ano_budget {
	width: 110px;
	float: left;
}
#recherche #ano_keywords {
	width: 160px;
}
#recherche #resultat {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	margin-top: 8px;
	height: 18px;
	margin-bottom: 8px;
}
#directliens {
    height: 160px;
    color: #333333;
    background-color: #F1F0E6;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5px;
    font-size: 1.5em;
}
#directliens a {
    font-size: 0.9em;
    line-height: 28px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
}
/* Milieu */
#contenu {
	padding-left: 222px;
	background-color: #ddd6bc;
	min-height: 390px;
} 
#cadre-photo {
	margin-right: auto;
	margin-left: auto;
}
/* CSS carto */
div#centre {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 4px;
	padding-right: 4px;
	font-family: 'Oswald', Arial;
	font-weight: 300;
	font-size: 0.9em;
	text-align: justify;
	background-color: #efecdf;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bcb59c;
	color: #544E38;
}
div#centre-bas {
	background-image: url(../images/bas-centre.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 30px;
	width: 758px;
}
#bas  {
	font-family: Arial narrow, Arial, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.4em;
	background-color: #4D5C6A;
	height:60px;
	width: auto;
	padding-left: 300px;
} 
#bas div {
	width: 150px;
	text-align: left;
	position: relative;
	top: 5px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../images/etiquette-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#bas a {
	color: #E1E1E1;
	text-decoration: none;
}
#bas a:hover {
	color: #FFFFFF;
}
div#bas li {
	height: 20px;
}
#copyright {
	font-family: "Arial narrow", Arial, sans-serif;
	font-size: 0.75em;
	color: #E1E1E1;
	margin-top: -20px;
	margin-right: 20px;
	float: right;
	font-weight: bold;
}
#macarte {
	width:700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	border: 2px solid #76B1F5;
	position: relative;
}
#entete-carte {
	background-color: #fb9b3c;
	height: 24px;
	padding-left: 25px;
	border: 1px solid #ff6633;
	padding-top: 1px;
	font-size: 1.05em;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 22px;
	text-shadow:2px 1px #C86604;
	background-image: url(../images/fleche-deco.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}
#entete-carte #controle {
	font-size: 0.8em;
	background-color: #FA8714;
	cursor: pointer;
	margin-left: 500px;
	padding-right: 10px;
	padding-left: 10px;
}
#loading {
	color: #FFFFFF;
	background-color: #D1B889;
	height: 15px;
	width: 200px;
	position: absolute;
	left: 80px;
	z-index: 8;
	border: 2px solid #666666;
	top: 45px;
}
#message {
	top: 245px;
	position: absolute;
	left: 0px;
	z-index: 110;
	width: 100%;
	text-align: center;
	visibility: hidden;
}
#map {
	width:100%;
	height:460px;
	background-color: #e5e3df;
	background-image: url(../images/loader-gris.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.mark {
	font-family: Arial, Tahoma;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin-top: -1px;
}
.infobox {
	height: 135px;
	width: 105px;
	background-image: url(../images/vignette-infos-mini.png);
}
.croix {
	position: absolute;
	top: 4px;
	left: 90px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	background-image: url(../images/vignette-coin.png);
	height: 10px;
	width: 10px;
}
.loader {
	position: absolute;
	top: 22px;
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 85px;
	left: 10px;
	background-image: url(../images/loader-blanc.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* CSS Joomla 1.5 */
.contentpaneopen {}
#centre .contentpaneopen a {
	color: #F88007;
}
#centre #titre-coeurs {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #76B1F5;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1.8em;
	font-family: 'Oswald', Arial narrow;
	font-weight: bold;
	margin-bottom: 8px;
}
#centre #titre-coeurs:before{
  content:"::: ";
} 
#centre #titre-coeurs:after{
  content:" :::";
} 
#centre #coeurs {
	background-color: #CCCCCC;
	/* alignement IE7
	text-align: center;
	margin-right: auto;
	margin-left: auto; */
	margin-bottom: 20px;
}
#centre .blog div {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}
.buttonheading img {
	border: none;
}
.contentpaneopen td {
	font-size: 0.9em;
	padding-left: 11px;
	padding-right: 11px;
}
td.contentheading {
	font-size: 2em;
	font-weight: bold;
	color: #76b1f5;
	font-family: 'Oswald', Arial narrow;
	background-image: url(../images/fleche-titre.png);
	background-repeat: no-repeat;
	background-position: left 60%;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}
.stheading {
	font-size: 0.95em;
	color: #76b1f5;
}
.article_column {
	margin-right: 5px;
	background-color: #f2f0e6;
	padding-right: 5px;
	padding-left: 5px;
}
#titre {
	background-color:#FFFFFF;
	border-bottom:1px solid #B4D5FA;
	margin-bottom:25px;
	padding-bottom:1px;
	width:100%;
	font-family: "Arial Narrow";
	font-size: 1.7em;
	font-weight: bold;
	color: #76B1F5;
	text-align: center;
}
#titre span {
	background-image: url(../images/fleche-titre.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 20px;
	padding-left: 20px;
}
.bande {
	font-size: 11px;
	color: #727272;
	background-color: #FEFBEB;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 20px;
	margin-top: 15px;
	width: auto;
	padding-left: 20px;
	border-bottom: 2px solid #FDB342;
	border-top: 1px solid #F2F200;
}
.bande-recherche {
	background-color: #FFFF33;
	padding: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FDB342;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F2F200;
	font-family: Arial, Helvetica, sans-serif;
}
/* CSS module selection */
#maselection {
	margin-top: 15px;
	margin-bottom: 10px;
}
.info-module {
	font-size: 0.7em;
	color: #573c24;
	margin-right: auto;
	margin-left: auto;
	width: 160px;
	margin-bottom: 15px;
	text-align: center;
	background-color: #F1F0E6;
	padding: 2px;
}
.info-module a {
	color: #573c24;
	text-decoration: underline;
}
/* CSS module 10 annonces */
#lastanno {
	margin-top: 15px;
}
/* CSS module mesconnectes */
#connection {
	margin-top: 10px;
	margin-bottom: 10px;
}
#mesconnectes {
	margin-top: 15px;
	margin-bottom: 10px;
}
/* page aide */
#cadres {
	background-color: #FFFF99;
	height: 110px;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}
#cadres div {
	background-color: #CAC0B7;
	height: 98px;
	width: 100px;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 5px;
	text-align: center;
	vertical-align: text-bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #577482;
	font-weight: bold;
	padding-top: 2px;
	background-image: url(../images/check-non.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: underline;
}
#noselection {
	height: 80px;
	padding-left: 50px;
	padding-top: 30px;
}