@import "reset.css";
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../img/head.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	position: relative;
	height: 100%;
	width: 100%;
	text-align: left;
	line-height: 1.3em;
}
img, div {
	padding: 0px;
	margin:0px;
}
p {
	margin-top: 2px;
	margin-bottom: 5px;
	line-height: 1.3em;
}
#conteneur {
	width: 925px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	position: relative;
}
#cadre {
	text-align: left;
	width: 925px;
}
#cadre h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #AE0001;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 15px;
	margin-left: 10px;
	display: block;
	padding: 0px;
}
#cadre h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #984E45;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#recherche {
	padding-top: 5px;
	padding-bottom: 0px;
	background-image: url(../img/rechercheBg.jpg);
	background-repeat: repeat-y;
	width: 925px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#rechercheBas {
	float: left;
	height: 7px;
	width: 925px;
	background-image: url(../img/rechercheBas.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#rechercher a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AE0001;
	font-size: 11px;
}
#rechercheTitre {
	position: absolute;
	bottom: 0px;
	left: 0px;
	top: auto;
	padding: 0px;
	float: left;
}
#menuMembre {
	position: absolute;
	right: 127px;
	top: 80px;
	color: #FFFFFF;
}
#pub {
	position: absolute;
	right: 40px;
	top: 69px;
	width:468px;
	height:60px;
	z-index:99999;
}
#menuMembre a {
	color: #FFFFFF;
}
#head {
	height: 168px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	position: relative;
	width: 925px;
}
#head img {
	border: none;
}
#head h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	float: left;
	top: 95px;
	left: 8px;
	font-style: italic;
	visibility: visible;
}
#head #texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: right;
	position: absolute;
	right: 170px;
	top: 133px;
	color: #FFFFFF;
	font-weight: bold;
}
#head #publicite {
	position: absolute;
	float: left;
	right: 100px;
	top: 63px;
}
#menutop {
	background-image: url(../img/menu.jpg);
	height: 50px;
	width: 407px;
	text-align: center;
	position: absolute;
	left: 467px;
	top: 0px;
}
#menutop ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
	display: inline;
}
#menutop ul li {
	float: left;
	font-weight: bold;
	padding-left: 30px;
	text-transform: uppercase;
	padding-top: 5px;
	display: inline;
}
#menutop ul li a {
	display: block;
	height: 20px;
	width: 65px;
	text-align: center;
	color: #9D4D46;
	background-image: url(../img/menuBtn.jpg);
	text-decoration: none;
	line-height: 20px;
}

#menutop ul li a:hover {
	color: #333333;
}

#menutop2 {
	height: 17px;
	width: 400px;
	text-align: center;
	position: absolute;
	left: 467px;
	top: 32px;
	display: block;
	float: left;
}
#menutop2 .last {
	width: 180px;
	float: right;
	position: absolute;
	text-align: left;
}
#menutop2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
	display: inline;
	text-align: left;
}
#menutop2 ul li {
	font-weight: bold;
	text-transform: uppercase;
	display: inline;
	float: left;
	padding-left: 60px;
}
#menutop2 ul li a {
	display: inline;
	height: 18px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 18px;
}

#menutop2 ul li a:hover {
	color: #333333;
}
#menuMembre a {
	color: #FFFFFF;
}
#total_messages {
	float: left;
	position: absolute;
}

#baselineBg {
	width: 100%;
	padding-top: 0px;
	z-index:50;
	background-image: url(../img/baseline.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding-bottom: 0px;
	background-position: left top;
	bottom: 0px;
	text-align: center;
	float: left;
	background-color: #870100;
}
#baseline {
	width: 925px;
	text-align: left;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 11px;
	color: #F4F4F4;
	/*background-color: #870100;*/
}
#baseline #left {
	float:left;
}
#baseline #right {
	float:right;
}
#baseline #sepH {
	background-image: url(../img/baselineSepH.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 925px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#baseline a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
#baseline a:hover {
	text-decoration: underline;
}
#baseline span {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 11px;
	text-align: right;
	padding-right: 0px;
	margin-right: 0px;
}
#baseline h1 {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 8px;
	margin-top: 5px;
}
#baseline p {
	text-align:justify;
	margin-left: 5px;
	padding: 3px;
	background-color: #CCC597;
	color: #333333;
}
#baseline p a {
	color: #870100;
}
#baseline #baselineBloc1 {
	width:320px;
	float:left;
	margin-top:5px;
	margin-right:15px;
	padding-right:30px;
	font-size:10px;
	background-image: url(../img/baselineSepV.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	color:#ccc;
}
#baseline #baselineBloc2 {
	width:250px;
	float:left;
	margin-top:5px;
	margin-right:15px;
	padding-right:10px;
	margin-left:10px;
	font-size:10px;
	background-image: url(../img/baselineSepV.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	color:#ccc;
}
#baseline #baselineBloc3 {
	width:240px;
	float:left;
	margin-top:5px;
	margin-left:10px;
}

/* Mise en page sur 2 colonnes */

#two-colonnes-centre {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #EBE8D7;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 650px;
	position: relative;
	float: right;
}
#two-colonnes-centreHaut {
	float: left;
	height: 11px;
	width: 650px;
	background-image: url(../img/2colonnes-centre-haut.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#two-colonnes-centreBas {
	float: left;
	height: 11px;
	width: 650px;
	background-image: url(../img/2colonnes-centre-bas.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left bottom;
}
#two-colonnes-gauche {
	float:left;
	width: 250px;
	text-align: center;
	height: 100%;
	margin-right: 5px;
	margin-top: 11px;
	margin-bottom: 13px;
	left: 0px;
	position: relative;
}
#two-colonnes-gauche p {
	background-repeat: repeat-y;
	margin: 0px;
}
#two-colonnes-gaucheHaut {
	height: 10px;
	width: 250px;
	background-image: url(../img/2colonnes-gauche-haut.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left bottom;
}
#two-colonnes-gaucheBas {
	height: 11px;
	width: 250px;
	background-image: url(../img/2colonnes-gauche-bas.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#two-colonnes-gaucheFond {
	text-align: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 11px;
	background-color: #AB0101;
	margin: 0px;
}
#two-colonnes-gauche-gris {
	width: 250px;
	text-align: center;
	height: 100%;
	margin-right: 10px;
	margin-top: 11px;
	background-image: url(../img/2colonnes-gauche-bg-gris.jpg);
	background-repeat: repeat-y;
	margin-bottom: 13px;
	clear:both;
}
#two-colonnes-gaucheHaut-gris {
	height: 11px;
	width: 250px;
	background-image: url(../img/2colonnes-gauche-haut-gris.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#two-colonnes-gaucheBas-gris {
	height: 11px;
	width: 250px;
	background-image: url(../img/2colonnes-gauche-bas-gris.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left bottom;
}
/* Mise en page sur 1 colonne */
#one-colonne {
	width: 855px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	height: 100%;
	background-image: url(../img/1colonne-bg.jpg);
	background-repeat: repeat-y;
	margin-right: auto;
	text-align: left;
	display: block;
}
#one-colonneHaut {
	float: left;
	height: 11px;
	width: 855px;
	background-image: url(../img/1colonne-haut.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#one-colonneBas {
	float: left;
	height: 11px;
	width: 855px;
	background-image: url(../img/1colonne-bas.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#one-colonne #gauche {
	width: 565px;
	float: left;
	height: 100%;
	min-height: 100%;
	position: relative;
	margin: 0px;
}
#one-colonne #droite {
	width: 290px;
	float: right;
	height: 100%;
	min-height: inherit;
	position: relative;
	font-size: 11px;
}
#one-colonne #droite #infos {
	background-color: #FFFFFF;
	padding: 5px;
}
.clear {
	clear: both;
}
.clear-left {
	clear:left
}
.clear-right {
	clear: right;
}





/* Définition du style de tous nos formulaires */

#form-offre table{
	padding: 5px;	
}
#form-offre form{
	padding: 0px;
	margin: 0px;
}
#form-offre input{
	margin-left: 10px;
}
#form-offre select{
	margin-left: 10px;
}
#form-offre h3 {
	margin-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #AB0101;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	width: 605px;
}
input[type~=text] {
	padding:2px;
}
input[type~=password] {
	padding:2px;
}
input[type~=textarea] {
	padding:2px;
}
input[type~=file] {
	padding:2px;
}




/*///////////////////////////////////////////////////////
Pagination
///////////////////////////////////////////////////////*/
#pagination  {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 21px;
	padding-left: 0px;
	width: 637px;
}
#tri {
	margin-top: 0px;
	padding: 0px;
	float: right;
}
#tri select, option {
	margin: 0px;
}


.pages_disabled {
	border: 1px solid #C6D6E6;
	color: #C6D6E6;
	background-color: #FAFDFD;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 1px;
	text-decoration: none;
}

.pages_current {
	border: 1px solid #FFFFFF;
	color: #333333;
	background-color: #DAD1B2;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


.page {
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 1px;
	background-color: #AE0001;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #AE0001;
}

.page:hover {
	border: 1px solid #FFFFFF;
	color: #333333;
	background-color: #DAD1B2;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 1px;
	text-decoration: none;
}
#annonce #contenu-annonce #ico {
	float:left;
	margin-left: 0px;
	line-height: 1.6em;
	margin-top: 10px;
}

/* Page annonce */


#texte-contenu {
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	line-height:1.5em;
}
#contenu-block {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D3C9A5;
	border-bottom-color: #D3C9A5;
	background-color: #FBFAF6;
	padding: 5px;
	margin-top: 10px;
}
#texte-contenu h2 {
	height: 20px;
	margin-top: 17px;
	margin-left: 10px;
	padding-bottom: 6px;
}

#texte-contenu hr {
	display: block;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-image: url(../img/detail_barre.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 100%;
	clear: both;
	margin-bottom: 10px;
}








#spacer {
	float: left;
	padding-top: 5px;
	clear: both;
}
#annonce_tb {
	background-color: #EEEEEE;
	float: left;
	border: 1px solid #B9B9B9;
	margin-right: 8px;
	padding: 5px;
}
#annonceBtns {
	margin-bottom: 8px;
	margin-top: -8px;
	padding: 0px;
	float: right;
}



/* */
#confirmation {
	background-color:#FFF9D7;
	padding:8px;
	padding-left:30px;
	font-weight: bold;
	border: 1px solid #E2C822;
	margin-bottom:8px;
}
























/* Bloc membre */

#infosAnnonceur {
	text-align:left;
	width:230px;
	background-color:#AB0101;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
}


#viewProfil {
	margin-top:8px;
	margin-bottom:15px;
	text-align:center;
	font-size:12px;
}
#viewProfil a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.photo-annonceur {
	margin-right: 8px;
	margin-bottom: 8px;
	border: 4px solid #FFFFFF;
}

#blocMembreinfos {
	float:left;
}

#blocMembreinfos li {
	font-size:11px;
	line-height:1.8em;
}

#menuGauche {
	background-color:#890101;
	text-align:left;
}

#menuGauche li {
	background-image: url(../img/sepMenuAnnonce.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-left:15px;
}
#menuGauche li a {
	padding-top: 5px;
	padding-bottom: 5px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-indent: 25px;
}
#menuGauche li a:hover {
	color:#CDC69C;
	text-decoration:underline;
}
#menuGauche li a.modifier {
	background-image: url(../img/icons/page_white_edit.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#menuGauche li a.supprimer {
	background-image: url(../img/icons/delete.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#menuGauche li a.alerteEmail {
	background-image: url(../img/icons/email_error.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#menuGauche li a.fluxRss {
	background-image: url(../img/icons/rss_add.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#menuGauche li a.btnAjoutSelection {
	background-image: url(../img/icons/heart.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#menuGauche li a.denoncer {
	background-image: url(../img/icons/exclamation.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#menuGauche li a.repondre {
	background-image: url(../img/icons/email.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#menuGauche li a.transmettre {
	background-image: url(../img/icons/email_link.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#menuGauche li a.imprimer {
	background-image: url(../img/icons/printer.png);
	background-position: left center;
	background-repeat: no-repeat;
}

/* La box inline */
.hidden {
	display:none;
}
#boxInline {
	background-color:#fff;
}
#boxInline h1 {
	background-color: #AB0101;
	font-size: 14px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 20px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#boxInline p {
	margin-left:10px;
	margin-right:10px;
	text-align:justify;
}

div.formV { margin: 0px; padding: 0px; }

div.formV p.legend { margin-bottom: 1em; }
div.formV p.legend em { color: #C00; font-style: normal; }

div.formV div.errors,
.checkError {
	background-color: #F7E8DE;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 210px;
	padding-top: 15px;
	padding-right: 17px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DF9981;
	border-bottom-color: #DF9981;
	background-image: url(../img/icons/delete.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	display:block;
	width: 300px;
}
.checkValid {
	background-color: #90EE8E;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 210px;
	padding-top: 15px;
	padding-right: 17px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #007F07;
	border-bottom-color: #007F07;
	background-image: url(../img/icons/accept.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	display:block;
	width:300px;
}

.disponibilite {
	display:none;
}
.loading {
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	display:block;
	background-position: center center;
}

div.formV div div.errors p { margin: 0; }
div.formV div div.errors p em,
.checkError p em,
.checkValid p em {
	color: #C00;
	font-style: normal;
	font-weight: bold;
	margin-left: 10px;
	display:block;
}
div.formV form { margin:0px; padding:0;}
div.formV form p { margin: 0; }
div.formV form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.formV form fieldset {
	margin: 0px 0;
	padding: 0px;
	border: #DDD 0px solid;
	position: relative;
}
div.formV form legend { font-weight: bold; color: #666; }
div.formV form fieldset div {
	font-size: 10px;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
}
div.formV label, 
div.formV span.label {
	margin-right: 10px;
	padding-right: 10px;
	width: 190px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	font-size: 12px;
	padding-top: 5px;
}
div.formV label.error, 
div.formV span.error { color: #C00; }
div.formV label em, 
div.formV span.label em {
	right: 0;
	font-style: normal;
	color: #C00;
}
div.formV textarea {
	width: 90%;
	margin-left: 30px;
	margin-top: 8px;
	float: left;
	margin-bottom: 8px;
	padding: 3px;
}
div.formV input.error { border-color: #C00; background-color: #FEF; }
div.formV input:focus,
div.formV input.error:focus, 
div.formV textarea:focus {	background-color: #FFFFFF; border-color: #FC6; }
div.formV div.controlset label, 
div.formV div.controlset input { display: inline; float: none; }
div.formV div.controlset div { margin-left: 170px; }
div.formV div.buttonrow {
	margin-left: 210px;
	clear: left;
}

/* Fin de  box */


.lien {
	color:#AE0001;
}
.blanc {
	color:#FFF;
}
.legend {
	font-size: 11px;
	font-style: italic;
	color: #666666;
}