/* CSS Document */

/*------------BODY------------*/
body{
	margin: 10px 0 0 0;
	padding: 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #4F4F4F;
	background-color: #A09F96;
	text-align: center; /* pour corriger le bug de centrage IE */
}

p{
	margin: 0;
	padding: 0;
}

/*------------HEADER------------*/
#header{
	margin: 0;
	padding: 0;
/*	height: 5em; /* A mettre avec le FLOAT du MENU */
	height: 123px;
	width: 780px;
/*	background-color: #FF9900;*/
}

#logo{
	width: 64px;
	height: 123px;
	margin: 0;
	padding: 3px 0 0 3px;
/*	background-color: #00FF00;*/
	float: left;
}

#adresse{
	width: 500px;
/*	background-color: #009966;*/
	margin: 0;
	padding: 65px 0 0 0;
	float: left;
}

/*------------CONTAINER------------*/
#container{
	width: 778px;
    margin: 0 auto;
	text-align: left; /* on rétablit l'alignement normal du texte > Bug de IE*/
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

#content{
	width: 564px;
	margin: 0 0 0 30px;
	padding: 0;
	float: left;
}

#agence{
	width: 564px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: justify;
}

/*------------NAVIGATION------------*/
#navigation{
	width: 160px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	clear: left;
}

#menutop {
	font-size: 13px;
/*	width: 600px;*/
/*	float: left; /* A mettre avec le HEIGHT du HEADER */ 
/*	clear: left;*/
	width: 625px;
	position: relative;
	margin-left: -40px;
/*	background-color: #FFFFFF;*/
}

.menu ul {
/*	width: 560px;  /* précision pour Opera 
	margin: 0;
	padding: 0;*/
}

.menu li {
	display: inline;
	list-style-type: none;
	background-image: url(/img/puce.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding: 0 0 0 13px;
}

.menu li a {
	text-decoration: none;
	color: #81001E;
	font-weight: bold;
	padding: 0 17px 0 0;
}

.menu li a:hover {
	text-decoration: none;
	color: #4F4F4F;
	font-weight: bold;
}

.plan ul {
/*	width: 560px;  /* précision pour Opera */
	margin: 0;
	padding: 0;
}

.plan li a {
	text-decoration: none;
	color: #81001E;
	font-weight: bold;
}

.plan li a:hover {
	text-decoration: none;
	color: #4F4F4F;
	font-weight: bold;
}

/*------------BOX------------*/
.boxAgence{
	width: 145px;
	margin: 0 0 15px 0;
	padding: 0 0 0 5px;
	text-align: justify;
}

.boxAgence a{
	color: #FFFFFF;
	text-decoration: none;
}

.boxAgence a:hover{
	color: #4F4F4F;
	text-decoration: none;
}

.boxAnnonce{
	border-right: 1px solid #FFF;
	width: 140px;
	margin: 0;
	padding: 0;
}

.boxSavoir{
	margin: 0 0 20px 0;
	padding: 0;
	text-align: justify;
}

.boxEven{
	margin: 0 0 20px 0;
	padding: 0;
	text-align: justify;
}

.boxContact{
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
}

.contact{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	margin: 5px 0 0 0;
	padding: 0;
}


/*------------DETAIL ANNONCE------------*/

#detailIMG {
	width: 560px;
	height: 420px;
	clear: left;
}

#detailIMGall {
	width: 140px;
	height: auto;
	margin: 10px 0 0 0;
	float: left;
}

.detailBOX {
	clear: left;
	border-top: 1px solid #FFF;
}

#detailTEXTE {
	margin: 10px 0 0 10px;
	width: 410px;
	height: 435px;
	float: left;
	background-image: url(/img/filigrane_gris.gif);
	background-repeat: no-repeat;
}

/*------------IMPRIMER------------*/
#containerIMP{
	width: 600px;
    margin: 0 auto;
	text-align: left;
}

#adresseIMP{
	width: 300px;
	margin: 0;
	padding: 65px 0 0 0;
	float: left;
}

/*------------FOOTER------------*/
#footer{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 40px 0 0 0;
	color: #DEDCDD;
/*	border-top: 1px solid #660000;
	background-color: #F7F7F7;*/
	text-align: center;
}

#footer p{
	margin: 0 0 5px 0;
	padding: 0;
}

#footer a{
	color: #DEDCDD;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#footer img{
	vertical-align: middle;
}

/*------------MISE EN FORME------------*/
h1{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
	margin: 5px 0 0 0;
	padding: 0;
}

h2{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
	margin: 5px 0 0 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #660000;
}

a:hover {
	text-decoration: none;
	color: #4D4D4D;
}

img{
	border: 0;
}

.lienpage {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.lienpage:hover{
	text-decoration: underline overline;
	font-weight: bold;
	color: #FFFFFF;
}

.BIG {
	font-weight: bold;
}

.BIGcolor{
	font-weight: bold;
	color: #81001E;
}

.even_date{
	color: #4D4D4D;
	font-weight: bold;
	font-style: italic;
}

.even_chapo{
	color: #4D4D4D;
	font-weight: bold;
}

.even_url{
	color: #CCCCCC;
	font-style: italic;
}

/*------------DIVERS------------*/
#alerteMSG{
	width: 300px; /* précision pour Opera */
	margin: 5px 5px 5px 5px ;
	padding: 5px 5px 5px 5px ;
	border: 1px dotted #81001E;
	color: #81001E;
	text-align: center;
	background-color: #FFFFFF;
/*	text-align: center;  on rétablit l'alignement normal du texte > Bug de IE*/
}

#planAgenceTXT {
	float: left;
	width: 230px;
	margin-top: 10px;
	padding-left: 10px;
}

#planAgenceIMG {
	float: left;
	width: 320px;
	height: 320px;
	margin-top: 10px;
}

#texteAgence {
	float: left;
	width: 220px;
	padding-right: 10px;
}

#photoAgence {
	float: left;
	width: 330px;
	height: 209px;
}