* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: sans-serif;
    text-decoration: none;
    font-size: 11px;
}

a {
  font-size:11px;
  font-weight: bold;
  color: #0055ff;
  text-decoration: none;
}

a:hover {
  font-size:11px;
  font-weight: bold;
  color: #3399ff;
  text-decoration: none;
}

a:visited {
    font-size:11px;
  font-weight: bold;
  color: #3399ff;
  text-decoration: none;
}

table{
	background-color:#E7E7E9;
	border-color:white;
}
p,h2,h3{background-color:#E7E7E9;}
.clear_both{clear:both;}

body {
  background:url('./img/fond.gif');
}

#wrapper{
	width:99%;
	margin:0 auto;
}
#main {
  margin-top:0px;
  border: solid #ffffff 1px;
  width:1080px;
  text-align:left;
  background-color:white;
  margin:0 auto;
}

#header {
	margin-top:15px;
	width:1080px;
	height:120px;
}
#header p{background-color:#fff;}
#header_logo{
	float:left;
	margin:0 15px;
	width:350px;
}

/* menu_principal */
#menu_principal {
	float:left;
	/*border:1px solid green;*/
	width: 680px;
}

#menu_principal ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 165px;
	float: left;
}

#menu_principal a{
	font-size: 10px;
	font-family:Tahoma,Arial;
	line-height:14px;
	display: block;
	/*border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;*/
	margin: 0 0 0 25px;
	/*font-weight:bold;*/
	/*padding: 1px 3px;*/
}

#menu_principal a {
	color: #000;
	text-decoration: none;
}

#menu_principal a:hover {
	color: #a00;
}
#menurouge a:hover {	color: #E20A16;}
#menurouge a:active {color: #E20A16;}
#menuvert a:hover {	color: #008131;}
#menuvert a:active {	color: #008131;}
#menubleu a:hover {	color: #0062A9;}
#menubleu a:active {	color: #0062A9;}

#menu_principal form {
	text-align:center;
}
#menu_principal input {
	background-color: #FFFF99;
	border: 1px #FE860C solid;
	width:110px;
	margin:2px;
}

#gauche {
  float:left;
  width:350px;
  margin:10px 0 10px 15px;
  /*border:1px solid red;*/
}

.box{  width:340px;margin-bottom:15px;  background-color:#E7E7E9;}
.boxcenter{
  padding-left:10px;
  padding-right:10px;
}

.box ol, .box ul{
	padding-left:25px;
}

.boxhaut{background:url(../template/cons_oc/box_haut.png) no-repeat;height:16px;margin:0;}
.boxbas{background:url(../template/cons_oc/box_bas.png) no-repeat;height:16px;margin:0;}

.conteneur {
  margin:10px 20px 10px 0;
  margin-top:10px;
  float:right;
  width: 690px;
  /*height:75%;*/
  /*border:1px solid blue;*/
}

.titremain {
  background: url('./img/menu_principal.gif') repeat-x;
  height:30px;
  font-weight:bold;
  color:#000000;
  text-align:center;
  padding:0;
  /*border:1px solid green;*/
  background-color:#E7E7E9;
}
.titremainhaut{background:url(../template/cons_oc/content_haut.png) no-repeat;height:14px;margin:0;}
.titremainbas{background:url(../template/cons_oc/content_bas.png) no-repeat;height:14px;margin:0;}


/* //////////////////////////////// */


/*
#header {
  width:790px;
  height:150px;
  background:url('./img/header.jpg') no-repeat;
}
*/
#footer {
  width:1080px;
  margin:0 auto;
}

#corps {
  height:100%;
}

.width100{	width:100%;}
.width65{	width:65%;}
.width55{	width:55%;}
.width50{	width:50%;}
.width25{	width:25%;}

#annonce {  background-color:#E7E7E9;padding:0 10px;}
#annonce h3 { font-weight:bold;margin-left:50px;text-decoration:underline;}

.annonce_photo {
  text-align:center;
  padding:10px;
}

.annonce_descr {
  text-align:left;
  font-weight:bold;
  padding:5px;
}

.annonce_prix {
  text-align:left;
  font-weight:bold;
  color:red;
  padding:5px;
}

.annonce_prix {
  text-align:left;
  padding:5px;
}

.annonce_region {
  text-align:left;
  text-decoration:underline;
  padding:5px;
}

.annonce_commentaire {
  background-color:#bbddff;
  text-align:center;
  padding:10px;
}

/*Annonces  */

.aleatoire {
  height:150px;
  border: solid 2px #555555;
  background:#e5e5e5;
  width: 350px;
  text-align:center;
  padding-top:10px;
}

.small {
  color:#555555;
  font-size:12px;
  font-weight:bold;
}

.titreannonce {
  font-weight:bold;
  color: #aa2222;
}

.nommarquepied a {
  font-weight:bold;
  font-size:14px;
  color: #aa2222;
}
.nommarquepied a:hover {
  font-weight:bold;
  font-size:14px;
  color: #aa2222;
}
.nommarquepied a:visited {
  font-weight:bold;
  font-size:14px;
  color: #aa2222;
}


.commentaire {
  margin-left:5px;
  text-align: left;
  text-indent: 15px;
  padding:0.5em;
  font-size:12px;
}


.ok {
  color: #00aa00;
}

.pasok {
  color: #ff0000;
}

.help {
  border:1px #000000 dotted;
  color:#000000;
  font-size:10px;
  margin-left:10px;
  padding-right:5px;
  padding-left:5px;
}

.admin {
  margin-top:20px;
  background:#ffffff;
  text-align:center;
}

.validee {
  color:#00aa00;
  font-weight:bold;
}

.nonvalidee {
  color:#ff0000;
  font-weight:bold;
}

.petit {
  font-size:10px;
}

/* COULEURS TEXTE */
.black, .black a{color:#000000;}

/* Formulaires */
.cssform{background-color:#E7E7E9;}
.cssform p{
width: 450px;
clear: left;
/*margin: 0;
padding: 5px 0 8px 0;*/
padding-left: 230px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
line-height:24px;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -205px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

.cssform legend{
font-size:1.4em;
font-weight:bold;
margin:20px;
}
.cssform .aide{
font-size:0.9em;
font-style:italic;
color:red;
background-color:yellow;
}
.cssform input[type=submit]{ /*width of text boxes. IE6 does not understand this attribute*/
	border:1px black solid;
	font-weight:bold;
	font-size:13px;
}
.cssform input[type=reset]{ /*width of text boxes. IE6 does not understand this attribute*/
	border:1px solid #646464;
	font-weight:normal;
	font-size:12px;
}

.form_vendre{background-color:#E7E7E9;}
.form_vendre p{padding-left:125px;width:450px;line-height:24px;background-color:#E7E7E9;}
.form_vendre label {
float: left;
margin-left: -125px; /*width of left column*/
padding-left:10px;
width:105px;
font-size:12px;
}
.form_vendre .help {
  border:1px #000000 dotted;
  color:#000000;
  font-size:10px;
  margin-left:10px;
  padding-right:5px;
  padding-left:5px;
}
.form_vendre input[type=text],.form_vendre input[type=password]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}
.form_vendre input[type=submit]{ /*width of text boxes. IE6 does not understand this attribute*/
	border:1px black solid;
	font-weight:bold;
	font-size:13px;
}
.form_vendre input[type=reset]{ /*width of text boxes. IE6 does not understand this attribute*/
	border:1px solid #646464;
	font-weight:normal;
	font-size:12px;
}
.form_vendre select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}
.form_vendre textarea{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}

/* LISTE ANNONCES */
#listeAnnonces {
		list-style-type:none;
		margin-left:0;
		padding-left:0;
		overflow:auto;
		background-color:#E7E7E9;
	}
		.Annonce {
			margin:0.4em;
			padding:0.4em;
			width:47%;
			float:left;
		}
		.Annonce.newLine {
			clear:both;
		}
			.Annonce h3 {
				text-align:center;
				margin:0;
				padding:0.5em 0;
				
				border:1px solid black;
				font-size:1em;
			}
			.Annonce .corpse {
				border:1px solid black;
				border-top:none;
				margin:0;
				overflow:auto;
				
			}
			.Annonce .blue {background-color:#79f;}
			.Annonce .red {background-color:#FF1C07;}
			.Annonce .green {background-color:#33CC00;}
				.Annonce .corpse img {
					float:left;
					margin-right:0.2em;
				}
				.Annonce .corpse p {
					float:left;
				}
			.Annonce .date {
				float:left;
				margin:0;
			} 
			.Annonce .more {
				float:right;
				margin:0;
			}
		.illustration {
			float:right;
			text-align:center;
		}
#triAnnonces {
		list-style-type:none;
		margin-left:0;
		padding-left:0;
		overflow:auto;
		background-color:#E7E7E9;
	}
		.Tri {
			margin:0.5em;
			padding:0;
			width:217px;
			float:left;
		}
		.Tri.newLine {
			clear:both;
		}
		.Tri label {
			float: left;
			margin-left: -182px; /*width of left column*/
			padding-left:1px;
			width:178px;
		}
		.Tri p {padding-left:190px;width:25px;line-height:8px;background-color:#E7E7E9;	}

/* PAGES */
.pages{
	text-align:center;
	/*margin:5px 0;*/
	background-color:#E7E7E9;
}
.page{
	text-align:center;
	border:1px solid black;
	background-color:grey;
	color:black;
	font-weight:bold;
	margin:0 2px;
	padding:3px;
	
}
.courante{background-color:yellow;}

.inlineUL ul{
			list-style-type:none;
			margin:auto;
			font-size:1.1em;
}
.inlineUL ul li{
				display:inline;
				padding:0 0.6em;
				font-size:1.1em;
}