/** page par defaut : fonte, couleur texte, couleur de fond de page marges **/ 
body {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#000;
	background:#fff;
	margin:12px;
	padding:0;
}
h1, h2, h3, p {margin:0; padding:0; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;}
/** Lien par defaut **/
a {color:#314284;}
a:hover {color:#3DA980}
a.puce {background: url(curseur_on.gif) no-repeat left 6px;	padding-left:16px;}

/** image **/
img {border:0}

/** Bloc **/
#master {width:950px; }
#header {background:#eaeaea url(bandeau.jpg) no-repeat right 60px;}
#left {width:180px; float:left; }
#content {width:750px; float:right; text-align:center; }
#content2 {width:750px; float:right;}

#copyright {clear:both}

/** Elements du header **/
#logo {float:left;}



/** Accroche **/
#accroche {float:left; width:360px; border-right:1px solid #fff; background:url(h1.jpg) no-repeat center center; text-indent:-5000px}
/*h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.3em;
	color:#3DA980;
	line-height:40px;
	text-align:center;

}*/

h1 {line-height:40px;}

.ressort {color:#3DA980}

/** annonces défilentes **/
#nouvelles {overflow:hidden}
#blocA, #blocB {float:left;}
#blocA {width:80px; height:50px; background:url(news.jpg) no-repeat center center; text-indent:-2000px} 
#blocB {width:300px; margin-top:3px }

/** Exclusivité **/
#exclusivite {float:right; background:#ccc; height:20px; line-height:20px;  width:830px; text-align:right}
#exclusivite p {margin-right:6px; color:#fff}

/** Bande image*/
#bandeauImage {height:0%}

/** Newsletter **/
#newsletter {background:#fff;font-size:1.1em; clear: both; text-align:center; margin:0 0 12px 0; padding:0 4px; border-top:1px solid #314284; border-bottom:1px solid #314284}

#newsletter form, #newsletter input {margin:0; padding:0;}
#newsletter form {padding:2px 0}
#newsletter > form {padding:4px 0}

#newsletter input {width:150px; padding:0 6px; margin:0}
#newsletter input.button {
	width:auto;
	text-align:left;
	margin-right:30px;
	padding-left:20px;
	border:0;
	color:#314284;
	background:#fff url(ico-valider-v.gif) no-repeat left center;
	font-weight: bold;
	cursor:pointer;
}

/** Date **/
#date {margin-left:150px; } /** alignement de la date **/


/** Element colonne gauche **/
.cadre h2 {
	font-size:1em;
	background: #3DA980 url(bg_h2colsec.gif) no-repeat;
	padding:1px 6px 0px 12px;
	color:#fff;
	margin-bottom:3px
}
.cadre {
	margin-bottom:12px;
	padding-bottom:3px;
	background-color: #eaeaea;
	background-image: url(bg_bascolsec.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.cadre p {margin:1px 6px 1px 6px; font-size:1em}
.cadre ul, .cadre li {margin:0; padding:0; list-style:none}
.cadre ul {margin:0 6px}
.cadre ul.contact {text-align:center; font-size:1.5em}
.cadre img {margin-top:2px}
.cadre form {text-align:center; padding:3px 0 0 0; margin:0}

#rechercheoffres select {margin:0 0 3px 0; padding:0px}
#rechercheoffres input.button {
	width:8em;
	text-align:right;
	padding:0px 0px 0px 0px;
	border:0;
	color:#314284;
	background:transparent url(ico-loupe.gif) no-repeat 3px center;
	font-weight: bold;
	cursor:pointer;
	margin-bottom:0px;
	
}
.cadre select {width:80%; margin:6px 0 12px 0}
/* Encart publicite */
.publicite h2 {text-align:left}
.publicite {text-align:center}
.publicite img {margin-bottom:4px}

/** Effet hover sur cadre telephone **/
/* Align et taille telephone */
.cadre ul.contact {text-align:center; font-size:1.2em} /*texte */
.cadre ul.contact .tel {font-size:1.2em; font-weight:800;}
/* Arrondi haut */
p.bgtop {
	padding:3px 6px 0 6px;
	margin:0;
	background:#eaeaea url(bg_topcontact.gif) no-repeat top;
	}
/*Arrondi bas */
.bgbottom {
	background:#314284 url(bg_bottomcontact.gif) no-repeat bottom;
	color:#fff;
}
/* Effet survol souris */
.bgbottom:hover {
	background:#eaeaea url(bg_bottomcontact-h.gif) no-repeat bottom;
	color:#000;
	}


/** Element content **/
#content p {margin:2px 0 4px 0; font-size:1.1em}
#content h2 {font-size:1.5em; text-align:left; border-bottom:1px solid #3DA980; margin-bottom:12px; border-left:1em solid #3DA980; padding-left:6px}
#content h2.annonce {font-size:1.1em; border:0; color:#314284; font-weight:bold;padding-left:0}
#content h3 {font-size:1.5em; text-align:left; border-bottom:1px solid #3DA980; margin-bottom:12px; margin-top:12px; border-left:1em solid #3DA980; padding-left:6px}
#content ul {margin-top:0; padding-top:0}

#imgpub {float:left; margin-bottom:12px}
#imgpub img {padding-right:50px}

#enquete {float:left;width:200px;margin-right:15px;background-color: #eaeaea; margin-bottom:20px; 
padding-bottom:0px;background-image: url(bg_bascolsec.gif);background-repeat: no-repeat;background-position: right bottom;}
#enquete p {margin-top:0px; text-align:center; font-size:1.2em;background: #3DA980 url(bg_h2colsec.gif) no-repeat;color:#fff;}

#inscription {float:right; width: 315px; background:#eaeaea; border:1px solid #000066; margin-bottom:12px;}
#inscription h3 {font-size:1em; font-weight:normal; background:#3DA980; color:#fff; padding:1px 6px; margin:0}
#inscription p {margin:2px 6px; font-size:1em; margin:0 6px; text-align:left}



/** Mise en form du tableau liste annonces**/
table {
	width: 100%;
	text-align: center;
	border:1px solid #000066;
	border-spacing: 6px;
	background: #fff;
	clear:both;

}
th {background:#3DA980; padding:3px 6px; color:#fff; font-size:0.78em; font-weight:normal;}
td {padding:0 6px; font-size:0.78em;}
td.annonce {text-align:left}
tr.paire {background:#eaeaea}
tr.impaire {background:#fff}

tr.impaire:hover, tr.paire:hover{background:#ccc}
td.annonce:hover {background:#3DA980;}
td.annonce:hover a {color:#fff}
td.annonce a:hover {color:#fff}

/* Texte informatique et liberte */
#content .infolib {font-size:0.8em; margin:6px 120px; text-align:center; font-style:italic}

/** Formulaire inscription**/
.infoform {width:500px; margin:0 auto 12px auto; text-align:left}
.infoform2 {position:right; margin:0 auto 12px auto; text-align:left}

#form {text-align:center; width:500px; margin:auto}
#form .infolabel {text-align:right; margin-right:50px; font-size:0.9em; line-height:0.8em}
#form .infolabel2 {text-align:left; font-size:0.9em;}
#form label {float:left; width:150px; text-align:right; }
#form .field {width:250px;}
#form textarea, #form select {width:250px;}
#form legend {padding:0 12px; font-size:1.1em; font-weight:bold; color:#000066; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;}
#form fieldset {margin-bottom:12px; padding-bottom:6px;}
#form input.button {
	width:7em;
	text-align:right;
	padding:3px 6px 3px 23px;
	border:0;
	color:#314284;
	background:transparent url(ico-valider-v.gif) no-repeat 3px center;
	font-weight: bold;
	cursor:pointer;
}

/** Bouton retour aux annonces **/
#content p.bouton {text-align:center; margin-top:24px}
a.bouton {
	padding:3px 6px 3px 23px;
	color:#314284;
	background:transparent url(ico-valider-v.gif) no-repeat 3px center;
	font-weight: bold;
	text-decoration:none;
}



/** Copyright **/
#copyright p{text-align:center; padding-top:12px; margin-left:180px}


/** utiles **/
.clear {clear:both}

.tarif
{
width:60%;
margin-left:85px;
}
.select1
{
width:145px;
}