@charset "utf-8";
/* =============================================================================
					RESET DU STYLE PAR DEFAULT DES NAVIGATEURS 
					(pour eviter les mauvaises surpprises...)
* ===========================================================================*/
*{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: #505050; text-decoration: none;}
input, select, textarea {font: inherit;}
/* =============================================================================
* ===========================================================================*/

body
{
	background-color: #c6c9cc;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #505050;
	cursor: default;
}

div#main {width: 1000px; margin: 0 auto 0 auto; padding-bottom: 80px;}
div.clear {clear: both;}


/* =============================================================================
										HEADER
* ===========================================================================*/
div#header {width: 1000px; height: 118px;}
div#header a.logo {float: left;}
div#header a.encart_publicitaire {float: right; display: block; width: 468px; height: 60px; /*overflow: hidden;*/ background: #555; margin-top: 30px;}
/* =============================================================================
* ===========================================================================*/



/* =============================================================================
										MENU
* ===========================================================================*/
div#menu {width: 1000px; height: 43px;}
div#menu div#onglets {width: 800px; height: 43px; float: left;}
div#menu div#onglets .sep {background: url(../images/menu_sep.png) no-repeat right;}
div#menu div#onglets a:link, div#menu div#onglets a:visited, div#menu div#onglets a:hover
{font-size: 13px; color: #fff; text-shadow: #333 0 0 7px;}
/*div#menu div#onglets a:hover {text-shadow: #000 0 0 5px; color: #eee;}*/
div#menu div#espaceAnnonceurs, div#menu div#espaceAnnonceursLogged
{float: right; height: 43px; width: 190px; background:url(../images/espace_annonceur.jpg) no-repeat; color: #fff; font-size: 13px; cursor: pointer;}
div#menu div#espaceAnnonceursLogged a{color: #fff; font-size: 13px;}
div#menu .pos {float: left; margin: -7px 0 0 826px;}
div#menu div#annonceurLogin {height: 144px; width: 176px; position: absolute; display: none;}
div#menu div#annonceurLoginPos {height: 100%; width: 100%; background: url(../images/espace_annonceur_bg_slide2.png) no-repeat;}
div#menu div#annonceurLogin .input {height: 20px; width: 118px; background: url(../images/espace_annonceur_bg_input.png) no-repeat; padding: 0 5px 0 5px; font-size: 100%; font-weight: bold; color: #553e24;}
div#menu div#annonceurLogin label {font-size: 11px; color: #ddd; padding-left: 10px;}
div#menu div#annonceurLogin table {margin: 5px 0 0 21px;}
div#menu div#annonceurLogin a.submit {font-size: 11px; color: #ddd; text-decoration: underline;}
div#menu div#annonceurLogin a.submit:hover {text-decoration: none;}
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
									MOTEUR RECHERCHE
* ===========================================================================*/
div#search {height: 245px; width: 1000px; background: url(../images/bg_sub_menu.jpg) no-repeat;}
div#searchContent {height: 220px; width: 711px; margin-left: 112px; padding-top: 25px;}
div#searchContent div#logementTitle {height: 27px; width: 198px; background: url(../images/trouver_votre_logement.png) no-repeat; float: left;}
div#searchContent div#offreTitle {height: 27px; width: 167px; background: url(../images/trouver_une_offre.png) no-repeat; float: right;}
div#searchContent div.sep {float: left; height: 2px; width: 711px; background: url(../images/search_sep.png) no-repeat;}
div#searchContent div#logement {float: left; margin-top: 17px; height: 138px; width: 420px; background: url(../images/icoSearch.png) no-repeat;}
div#searchContent div#logement .option {margin-left: 100px; width: 290px; color: #fff;}
div#searchContent div#logement .check {background: #fff; border: 1px solid #333; height: 10px; width: 10px;}
div#searchContent div#logement .check1 {background: #fff; border: 1px solid #333; height: 10px; width: 10px;}
div#searchContent div#logement .localisation {margin-top: 6px;}
div#searchContent div#logement .bg_input {height: 60px; width: 357px; background: url(../images/input_logement.png) no-repeat;}
div#searchContent div#logement .input {height: 32px; width: 332px; margin-left: 11px; background: none; color: #090a0a; font-size: 16px; padding:0; font-style: italic; padding-left: 8px;}
div#searchContent div#logement .submit {display: block; height: 60px; width: 43px; background: url(../images/input_logement_valid.png) no-repeat;}

div#searchContent div#offre {float: right; margin-top: 17px; height: 138px; width: 240px; background: url(../images/icoSearch2.png) no-repeat;}
div#searchContent div#offre div.desc {float: right; height: 65px; width: 165px; margin-top: 8px; text-align: justify; color: #eee; text-shadow: #000 0 0 7px; line-height: 20px;}
div#searchContent div#offre .trouveOffre {float: right; margin-top: 3px;}
div#searchContent div#offre .bg_input {height: 63px; width: 182px; background: url(../images/input_offre.png) no-repeat;}
div#searchContent div#offre .input {height: 32px; width: 160px; margin-left: 11px; background: none; color: #090a0a; font-size: 16px; padding:0; font-style: italic; padding-left: 8px;}
div#searchContent div#offre .submit {display: block; height: 63px; width: 41px; background: url(../images/input_offre_valid.png) no-repeat;}

div#searchContent div#advanceSearch 
{
	float: left;
	margin-top: 7px;
	height: 21px; 
	width: 175px; 
	background: #000; 
	border: 1px solid #999; 
	border-bottom: none; 
	-moz-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=60);
	text-align: center;
	padding-top: 7px;
	color: #fff;
	cursor: pointer;
}
/* =============================================================================
* ===========================================================================*/





/* =============================================================================
									RECHERCHE AVANCE
* ===========================================================================*/
div#adSearch {height: 245px; width: 712px; color: #cfcfcf; position: absolute; z-index: 100; margin-left: 112px; display: none;}
div#adSearch_bg 
{
	z-index: 10; 
	background: #000; 
	-moz-opacity: 0.93; opacity: 0.93; filter:alpha(opacity=93); 
	height: 0; 
	width: 712px; 
	position: absolute; 
	margin-left: 112px;
	display: none; 
	margin-top: 245px;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
}
div#adSearch div.title {width: 697px; height: 42px; background: url(../images/ad_search_sep.png) no-repeat bottom; margin-left: 7px; margin-bottom: 15px;}
div#adSearch div.close {position: absolute; width: 77px; height: 40px; background: url(../images/ad_search_close.png) no-repeat; right: 17px; top: 0; cursor: pointer;}
div#adSearch div.searchType1 {width: 150px; height: 85px; float: left; margin-right: 34px; margin-left: 20px;}
div#adSearch div.searchType2 {width: 265px; height: 85px; float: left; margin-left: 20px;}
div#adSearch div.titleType {color: #fe901a; padding: 0 0 3px 2px; border-bottom: 1px solid #fe901a; font-size: 12px; margin-bottom: 8px;}
div#adSearch label {color: #fff; font-size: 12px;}
div#adSearch .check {background: #fff; border: 1px solid #555; height: 12px; width: 12px; margin-right: 6px;}
div#adSearch .select {background: #2e2e2e; border: 1px solid #838383; height: 25px; width: 130px; color: #ddd; font-size: 100%; font-weight: bold; color: #888; padding: 0 5px 0 5px;}
div#adSearch .budget {background: #2e2e2e; border: 1px solid #838383; height: 25px; width: 80px; color: #ddd; font-size: 100%; font-weight: bold; color: #888; padding: 0 5px 0 5px;}
div#adSearch .localisation {background: #2e2e2e; border: 1px solid #838383; height: 25px; width: 253px; color: #ddd; font-size: 100%; font-weight: bold; color: #888; padding: 0 5px 0 5px;}
div#adSearch .submit {display: block; height: 31px; width: 112px; background: url(../images/ad_search_btn_send.png) no-repeat top; float: right;}
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
										TOOLBAR
* ===========================================================================*/
div#toolbar_global {width: 100%; height: 40px; position: fixed; bottom: 0;}
div#toolbar {height: 40px; width: 1100px; margin: auto;}
div#toolbarFav, div#toolbarFavHid {position: absolute; height: 40px; width: 58px; background: url(../images/toolbar/favoris.png) no-repeat top; cursor: pointer;}
div#toolbarFav:hover, div#toolbarFavHid:hover {background-position: bottom;}
div#toolbarOnglets, div#toolbarOngletsHid
{
	position: absolute; 
	margin-left: 50px; 
	height: 39px; 
	width: 0px; 
	background: url(../images/toolbar/bg_toolbar.png) repeat-x; 
	border: 1px solid #909396; 
	border-bottom: none; 
}


#tooltip, #tooltip2
{
	position: absolute;
	border: 1px solid #333;
	background: #be9e3e;
	padding: 5px 6px;
	color: #473610;
	font-weight: bold;
	text-shadow: #fff 1px 1px 1px;
	display: none;
	-moz-opacity: 0.7; opacity: 0.7; filter:alpha(opacity=70);
}
#screenshot{position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#bbb; text-align: center;}
#screenshot2{position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#bbb; text-align: center;}

a.toolbarOnglet {display: block; float: left; height: 24px; padding: 16px 20px 0 20px; font-size: 11px; color: #295e95; background: url(../images/toolbar/sep.png) no-repeat right;}
a.toolbarOngletVoir {display: block; float: right; height: 24px; padding: 16px 20px 0 20px; font-size: 11px; color: #295e95;}
a.toolbarOnglet:hover {text-decoration: underline;}
a.toolbarOngletVoir:hover {text-decoration: underline;}
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
									TPL_HOME
* ===========================================================================*/
div#tpl_home div#top_annonce {float: left; margin-top: 65px; height: 308px; width: 531px; background: url(../images/top_annonce_bg.png) no-repeat;}
div#tpl_home div#accroche {position: absolute; height: 94px; width: 155px; background: url(../images/top_annonce_accroche.png) no-repeat; margin: -8px 0 0 381px;}
div#tpl_home div.left {float: left; height: 300px; width: 290px;}
div#tpl_home div.right {float: left; height: 274px; width: 221px; color: #fff; padding: 26px 0 0 9px;}
div#tpl_home div#photoTop {height: 200px; width: 279px; background: url(../images/top_annonce_bg_photo.png) no-repeat; text-align: center; padding-top: 11px; margin: 8px 0 0 9px;}
div#tpl_home div#top_annonce div.infos 
{height: 72px; width: 279px; background: url(../images/top_annonce_infos.png) no-repeat; color: #fff; margin: 6px 0 0 12px; text-align: center;}
div#tpl_home div#top_annonce div.table-cell {display: table-cell; vertical-align: middle; height: 72px; width: 279px; padding: 0 5px 0 5px;}
div#tpl_home div#top_annonce p.adresse {font-size: 14px; font-weight: bold;}
div#tpl_home div#top_annonce p.surface {font-size: 12px; font-style: italic; margin-bottom: 10px;}
div#tpl_home div#top_annonce p.prix {font-size: 18px; font-weight: bold;}
div#tpl_home div#top_annonce p.title {font-size: 18px; font-weight: bold; margin-bottom: 15px;}
div#tpl_home div#top_annonce p.desc {line-height: 20px; font-size: 11px; height: 160px; text-align: justify;}
div#tpl_home div#top_annonce p.agence {height: 64px; float: right; text-align: right; padding-top: 6px;}
div#tpl_home div#top_annonce p.agence a{display: block;margin-top: 10px; font-size: 10px; color: #fff;}

div#tpl_home a#annonceur {float: right; margin: 65px 0 0 65px; height: 173px; width: 403px; background: url(../images/devenir_annonceur.png) no-repeat;}
div#tpl_home a#annonceur p {height: 105px; width: 250px; margin: 60px 0 0 140px; text-align: justify; color: #dcdcdc; text-shadow: #000 0 0 7px; line-height: 20px;}
div#tpl_home a#annonceur strong {color: #fff;}

div#tpl_home a#magazine {float: right; margin: 11px 0 0 71px;height: 124px; width: 398px; background: url(../images/magazine.png) no-repeat;}
div#tpl_home a#magazine:hover {background: url(../images/magazine_over.png) no-repeat;}
div#tpl_home a#magazine p {height: 65px; width: 255px; margin: 55px 0 0 130px; text-align: justify; color: #dcdcdc; text-shadow: #000 0 0 7px; line-height: 20px;}

div#tpl_home div#bonPlan {float: left; margin-top: 40px; height: 546px; width: 1000px; background: url(../images/bon_plan_bg.jpg) no-repeat; position: relative;}
div#tpl_home div#bonPlan div.prev {cursor:pointer;position: absolute; top: 40%; left: -14px; height: 58px; width: 24px; background: url(../images/bon_plan_prev.png) no-repeat;}
div#tpl_home div#bonPlan div.next {cursor:pointer;position: absolute; top: 40%; right: -14px; height: 58px; width: 24px; background: url(../images/bon_plan_next.png) no-repeat;}
div#tpl_home div.annonce {float: left; height: 260px; width: 194px; margin: 10px 28px 10px 28px;}
div#tpl_home div.photoAnnonce {height: 158px; width: 193px; background: url(../images/bon_plan_bg_photo.png) no-repeat; text-align: center; padding-top: 8px;}
div#tpl_home div.annonce:hover div.photoAnnonce {background: url(../images/bon_plan_bg_photo_over.png) no-repeat;}
div#tpl_home div.photoAnnonce a.lien {color: #565656; text-shadow: #eee 1px 1px 0; font-size: 11px; display: block; margin-top: 8px;}
div#tpl_home div.annonce:hover div.photoAnnonce a.lien {}
div#tpl_home div.photoAnnonce img {border: 1px solid #aaa;}
div#tpl_home div.annonce div.infos {height: 64px; width: 194px; color: #fff; margin-top: 10px; text-align: center;}
div#tpl_home div.annonce p.adresse {font-size: 12px; font-weight: bold; margin-bottom: 6px;}
div#tpl_home div.annonce p.surface {font-size: 11px; margin-bottom: 6px;}
div#tpl_home div.annonce p.prix {font-size: 20px; font-weight: bold;}
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
									TPL_FPRODUIT = fiche produit
* ===========================================================================*/
div#tpl_fProduit div#titre_global {float: left; margin-top: 65px; height: 61px;}
div#tpl_fProduit div#date 
{
	float: left; 
	height: 47px; 
	width: 125px; 
	background: url(../images/fiche_produit/title_left.png) no-repeat; 
	color: #707070; 
	font-size: 11px; 
	text-align: center;
	padding: 14px 10px 0 0;
}
div#tpl_fProduit div#date p.date {font-size: 18px; margin-top: 6px;}
div#tpl_fProduit div#titre {float: left; height: 59px; width: 856px; background: #fff; border-top: 1px solid #909396; border-bottom: 1px solid #909396;}
div#tpl_fProduit div#titre .left {float: left; height: 39px; color: #494848;}
div#tpl_fProduit div#titre .right {float: right; height: 39px; text-align: right; font-size: 11px; color: #a24810;}
div#tpl_fProduit div#titre .left p.titreAnnonce {font-size: 14px; padding-top: 8px; margin-bottom: 13px;}
div#tpl_fProduit div#titre .left p.titreAnnonce span.title {font-size: 18px; font-weight: bold;}
div#tpl_fProduit div#titre .left p.codeSearch {font-size: 11px;}
div#tpl_fProduit div#titre .left p.codeSearch span.code {color: #a7653d; font-size: 12px; font-weight: bold;}
div#tpl_fProduit div#titre .right p.prix {font-size: 24px; font-weight: bold; padding-top: 7px;}
div#tpl_fProduit div#titre_droite {float: left; height: 61px; width: 9px; background: url(../images/fiche_produit/title_right.png) no-repeat;}

div#navItems {width: 99px; float: left; margin-top: 9px;}
div#navItems div#selector {position: absolute; margin: 16px 0 0 -19px; height: 38px; width: 19px; background: url(../images/fiche_produit/nav_selecteur.png) no-repeat;}
div#navItems .item {display: block; height: 27px; width: 99px; text-align: center; color: #3e3e3e; text-shadow: #fff 1px 1px 0; padding-top: 50px; font-size: 10px;}
div#navItems .item:hover {line-height: 12px;}
div#navItems .favoris {background: url(../images/fiche_produit/nav_favoris.png) no-repeat;}
div#navItems .rappeler {background: url(../images/fiche_produit/nav_rappeler.png) no-repeat;}
div#navItems .print {background: url(../images/fiche_produit/nav_print.png) no-repeat;}
div#navItems .pdf {background: url(../images/fiche_produit/nav_pdf.png) no-repeat;}
div#navItems .mail {background: url(../images/fiche_produit/nav_mail.png) no-repeat;}
div#navItems .facebook {background: url(../images/fiche_produit/nav_facebook.png) no-repeat;}
div#navItems .twitter {background: url(../images/fiche_produit/nav_twitter.png) no-repeat;}

div#tpl_fProduit div#fiche_global {float: left; margin-top: 9px; width: 900px;}
div#tpl_fProduit div#fiche_top {float: left; height: 7px; width: 900px; background: url(../images/fiche_produit/content_top.png) no-repeat;}
div#tpl_fProduit div#fiche_bottom {float: left; height: 7px; width: 900px; background: url(../images/fiche_produit/content_bottom.png) no-repeat;}
div#tpl_fProduit div#fiche {float: left; width: 775px; border-left: 1px solid #909396; border-right: 1px solid #909396; padding: 15px 61px 15px 62px; background: #fff;}
div#tpl_fProduit div#gallery {float: left; height: 421px; width: 778px; background:url(../images/fiche_produit/photos_bg.png) no-repeat; padding-top: 20px;}
div#tpl_fProduit div#gallery .left {float: left; height: 387px; width: 450px; margin-left: 20px; background: url(../images/fiche_produit/ajax-loader.gif) no-repeat 50% 45%;}
div#tpl_fProduit div#gallery .middle {height: 387px; width: 450px; margin: auto; background: url(../images/fiche_produit/ajax-loader.gif) no-repeat 50% 45%;}
div#tpl_fProduit div#gallery .right {float: left; height: 387px; width: 304px; margin-left: 2px;}
div#tpl_fProduit div#thumbnail img {float: left; margin: 0 0 24px 15px;}

div#tpl_fProduit div#description 
{float: left; margin: 10px 0 0 4px; width: 379px; min-height: 292px; background: url(../images/fiche_produit/description.png) no-repeat; color: #444; font-size: 11px;}
div#tpl_fProduit div#description div.title {font-size: 14px; font-weight: bold; margin: 8px 0 0 33px; color: #999a99;}
div#tpl_fProduit div#description div.desc {width: 357px; text-align: justify; margin: 15px 0 0 4px;}
div#tpl_fProduit div#description p.type {font-size: 13px; font-weight: bold; margin-top: 15px;}
div#tpl_fProduit div#description ul {margin: 15px 0 0 10px;}
div#tpl_fProduit div#description li 
{float: left; height: 15px; width: 170px; background: url(../images/fiche_produit/puce.png) 0 6px no-repeat; padding-left: 10px; color: #747474; font-weight: 200;}

div#tpl_fProduit div#map {float: right; height: 264px; width: 358px; background: url(../images/fiche_produit/map_bg.png) no-repeat; margin: 19px 0 0 0; padding: 12px 0 0 19px;}

div#tpl_fProduit div#reContact 
{
	float: right; 
	height: 150px; 
	width: 367px; 
	background: url(../images/fiche_produit/etre_recontacter.png) left bottom no-repeat; 
	margin: 9px 0 0 0; 
	padding: 12px 0 0 19px;
	border-bottom: 1px dotted #747474;
}
div#tpl_fProduit div#reContact div.desc {height: 60px; width: 280px; text-align: center; margin: 50px 0 0 65px; color: #617613; font-size: 14px;}
div#tpl_fProduit div#reContact a 
{display: block; height: 39px; width: 201px; background: url(../images/fiche_produit/etre_recontacter_btn.png) no-repeat; float: right; text-indent: -999em; margin-top: 1px;}

div#tpl_fProduit div.sepBottom {float: left; height:1px; width: 770px; border-bottom: 1px dotted #747474; margin: 15px 0 0 5px;}

div#tpl_fProduit div#contact {float: left; height: 213px; width: 782px; background: url(../images/fiche_produit/contact_bg.png) no-repeat; color: #333;}
div#tpl_fProduit div#contact .left {float: left; margin: 26px 0 0 34px;}
div#tpl_fProduit div#contact p.title {text-decoration: underline; margin-bottom: 30px;}
div#tpl_fProduit div#contact .right {float: right; text-align: right; margin: 26px 34px 0 0;}
div#tpl_fProduit div#contact .right span.tel {font-size: 24px; font-weight: bold; color: #ff8f18;}
div#tpl_fProduit div#contact .right p.adresse {font-size: 14px; margin-top: 15px;}
div#tpl_fProduit div#contact .right a.btn 
{display: block; height: 53px; width: 266px; background: url(../images/fiche_produit/contact_btn.png) no-repeat; float: right; margin-top: 15px;}
/* =============================================================================
* ===========================================================================*/

/* =============================================================================
					tpl_best liste des produits (recherche)
* ===========================================================================*/
div#tpl_best div#recherche {float: left; width: 308px; margin-top: 65px;}
div#tpl_best div#recherche_top {float: left; height: 71px; width: 308px; background: url(../images/liste_produits/search_top.png) no-repeat; text-align: center;}
div#tpl_best div#recherche_top .title {font-size: 18px; font-weight: bold; color: #494848; text-shadow: #fff 1px 1px 1px; padding-top: 15px;}
div#tpl_best div#recherche_top .desc {width: 300px; text-align: right; color: #707070; font-size: 11px; padding-right: 8px; margin-top: 12px;}
div#tpl_best div#recherche_top .count {font-size: 12px; color: #a7653d; font-weight: bold;}
div#tpl_best div#recherche_bottom {float: left; margin-bottom: 15px; height: 7px; width: 308px; background: url(../images/liste_produits/search_bottom.png) no-repeat;}
div#tpl_best div#recherche_middle {float: left; width: 256px; background: #fff; border-left: 1px solid #97999c; border-right: 1px solid #97999c; padding: 25px;}
div#tpl_best div#recherche_middle .title {cursor:pointer;color: #7e7d7c; font-size: 18px; font-weight: bold; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px;}
div#tpl_best div#recherche_middle .title:hover {background: url(../images/liste_produits/search_puce.png) right 10px no-repeat;}
div#tpl_best div#recherche_middle .title2 {color: #7e7d7c; font-size: 18px; font-weight: bold; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px;}
div#tpl_best div#recherche_middle .title2:hover {background: url(../images/liste_produits/search_puce2.png) right 10px no-repeat;}
div#tpl_best div#recherche_middle .check_best {float: left; height: 13px; width: 13px; background: url(../images/liste_produits/search_select.png) no-repeat; cursor: pointer;}  
div#tpl_best div#recherche_middle .activ {float: left; height: 7px; width: 7px; background: url(../images/liste_produits/search_select_activ.png) no-repeat; margin: 3px 0 0 3px;}
div#tpl_best div#recherche_middle .txt {float: left; color: #a64c14; margin-left: 8px; font-weight: bold;}
div#tpl_best div#recherche_middle ul {margin: 10px 0 20px 6px;}
div#tpl_best div#recherche_middle li {height: 20px; clear: both; padding-top: 5px;}
div#tpl_best div#recherche_middle li:hover {background-color: #f7f7f7;}
div#tpl_best div#recherche_middle .toggle {margin-top: 20px; margin-bottom: 20px;}
div#tpl_best div#recherche_middle p.infos {width: 255px; text-align: center; font-size: 11px; color: #a24810; margin-top: 8px;}
div#tpl_best div#recherche_middle p.infos strong {font-size: 12px;}

div#tpl_best a#annonceur {float: left; height: 168px; width: 308px; background: url(../images/liste_produits/devenez_annonceur.png) no-repeat;}
div#tpl_best a#annonceur p {margin-top: 50px; text-align: justify; color: #dcdcdc; text-shadow: #000 0 0 7px; line-height: 20px; padding: 10px;}
div#tpl_best a#annonceur strong {color: #fff;}

div#tpl_best div#list {float: left; margin: 62px 0 0 25px; width: 666px;}
div#tpl_best div.annonce {position: relative; height: 169px; width: 642px; margin-bottom: 20px; padding: 12px;}
div#tpl_best div.annonceO {background: url(../images/liste_produits/list_bg_orange.png) no-repeat;}
div#tpl_best div.annonceG {background: url(../images/liste_produits/list_bg_gris.png) no-repeat;}
div#tpl_best div.favoris 
{position: absolute; height: 52px; width: 0px; background: url(../images/liste_produits/list_favoris.png) no-repeat; margin: 20px 0 0 643px; display: none; cursor: pointer;}
div#tpl_best div.photoAnnonce 
{float: left; height: 157px; width: 193px; background: url(../images/liste_produits/list_photo_bg.png) no-repeat; text-align: center; padding-top: 10px; margin: 2px 0 0 2px;}
div#tpl_best div.photoAnnonce p.photos {color: #565656; text-shadow: #eee 1px 1px 0; font-size: 11px; display: block; margin-top: 8px;}
div#tpl_best div.annonce div.title {position: absolute; margin: 10px 0 0 213px; color: #917b51; font-size: 14px; height: 35px; width: 290px; overflow: hidden;}
div#tpl_best div.annonce div.left {float: left; margin: 40px 0 0 20px;}
div#tpl_best div.annonce div.right {float: right; margin: 10px 10px 0 0;}
div#tpl_best div.annonce p.prix {color: #f7982b; font-size: 11px;}
div#tpl_best div.annonce p.prix strong {font-size: 24px;}
div#tpl_best div.annonce ul {margin: 15px 0 0 10px;}
div#tpl_best div.annonce li 
{height: 15px; width: 170px; background: url(../images/fiche_produit/puce.png) 0 6px no-repeat; padding-left: 10px; color: #747474; font-weight: 200;}
div#tpl_best div.annonce div.logoAgence {float: right; height: 73px;}
div#tpl_best div.annonce div.telContact 
{float: right; clear: right; height: 44px; width: 182px; background: url(../images/liste_produits/list_tel_bg.png) no-repeat; color: #6f6f6f; margin-right: 1px; text-align: right; padding: 8px 15px 0 0;}
div#tpl_best div.annonce p.tel {font-size: 20px; color: #f7982b; margin-top: 6px;}
div#tpl_best div.annonce a.link {float: right; clear: right; margin: -4px 0 0 0; height: 40px; width: 197px;}
div#tpl_best div.annonceO a.link {background: url(../images/liste_produits/list_btn_orange.png) no-repeat;}
div#tpl_best div.annonceG a.link {background: url(../images/liste_produits/list_btn_gris.png) no-repeat;}

div#tpl_best div#pagination {float: left; width: 666px; text-align: center; color: #666; text-shadow: #fff 1px 0 1px;}
div#tpl_best div#pagination a.page {font-size: 18px; font-weight: bold; color: #666; text-shadow: #fff 1px 0 1px; padding: 0 3px 0 3px;}
div#tpl_best div#pagination a.page:hover {color: #b6640e;}
div#tpl_best div#pagination span.pageSelect {font-weight: bold; font-size: 24px;}
/* =============================================================================
* ===========================================================================*/


/* =============================================================================
					TPL_LPRODUITS liste des produits (recherche)
* ===========================================================================*/
div#tpl_lProduits div#recherche {float: left; width: 308px; margin-top: 65px;}
div#tpl_lProduits div#recherche_top {float: left; height: 71px; width: 308px; background: url(../images/liste_produits/search_top.png) no-repeat; text-align: center;}
div#tpl_lProduits div#recherche_top .title {font-size: 18px; font-weight: bold; color: #494848; text-shadow: #fff 1px 1px 1px; padding-top: 15px;}
div#tpl_lProduits div#recherche_top .desc {width: 300px; text-align: right; color: #707070; font-size: 11px; padding-right: 8px; margin-top: 12px;}
div#tpl_lProduits div#recherche_top .count {font-size: 12px; color: #a7653d; font-weight: bold;}
div#tpl_lProduits div#recherche_bottom {float: left; margin-bottom: 15px; height: 7px; width: 308px; background: url(../images/liste_produits/search_bottom.png) no-repeat;}
div#tpl_lProduits div#recherche_middle {float: left; width: 256px; background: #fff; border-left: 1px solid #97999c; border-right: 1px solid #97999c; padding: 25px;}
div#tpl_lProduits div#recherche_middle .title {cursor:pointer;color: #7e7d7c; font-size: 18px; font-weight: bold; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px;}
div#tpl_lProduits div#recherche_middle .title:hover {background: url(../images/liste_produits/search_puce.png) right 10px no-repeat;}
div#tpl_lProduits div#recherche_middle .title2 {color: #7e7d7c; font-size: 18px; font-weight: bold; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px;}
div#tpl_lProduits div#recherche_middle .title2:hover {background: url(../images/liste_produits/search_puce2.png) right 10px no-repeat;}
div#tpl_lProduits div#recherche_middle .check {float: left; height: 13px; width: 13px; background: url(../images/liste_produits/search_select.png) no-repeat; cursor: pointer;}  
div#tpl_lProduits div#recherche_middle .activ {float: left; height: 7px; width: 7px; background: url(../images/liste_produits/search_select_activ.png) no-repeat; margin: 3px 0 0 3px;}
div#tpl_lProduits div#recherche_middle .txt {float: left; color: #a64c14; margin-left: 8px; font-weight: bold;}
div#tpl_lProduits div#recherche_middle ul {margin: 10px 0 20px 6px;}
div#tpl_lProduits div#recherche_middle li {height: 20px; clear: both; padding-top: 5px;}
div#tpl_lProduits div#recherche_middle li:hover {background-color: #f7f7f7;}
div#tpl_lProduits div#recherche_middle .toggle {margin-top: 20px; margin-bottom: 20px;}
div#tpl_lProduits div.slider {height: 15px; width: 255px; background: url(../images/liste_produits/search_slider_bg.png) no-repeat; position: relative;}
div#tpl_lProduits div.slider div.pointeur {position: absolute; height: 19px; width: 11px; background: url(../images/liste_produits/search_slider_pointeur.png) no-repeat; top:-8px;visibility:hidden; cursor:pointer;}
div#tpl_lProduits div.slider span.repere {position: absolute;float: left; height: 9px; width: 250px; background: url(../images/liste_produits/search_slider_repere.png) repeat-x; margin: 3px 4px 0px 4px;visibility:hidden}
div#tpl_lProduits div#recherche_middle p.infos {width: 255px; text-align: center; font-size: 11px; color: #a24810; margin-top: 8px;}
div#tpl_lProduits div#recherche_middle p.infos strong {font-size: 12px;}

div#tpl_lProduits a#annonceur {float: left; height: 168px; width: 308px; background: url(../images/liste_produits/devenez_annonceur.png) no-repeat;}
div#tpl_lProduits a#annonceur p {margin-top: 50px; text-align: justify; color: #dcdcdc; text-shadow: #000 0 0 7px; line-height: 20px; padding: 10px;}
div#tpl_lProduits a#annonceur strong {color: #fff;}

div#tpl_lProduits div#list {float: left; margin: 62px 0 0 25px; width: 666px;}
div#noResult {width: 666px; text-align: center; font-size: 24px; color: #666; text-shadow: #fff 1px 0 1px; margin-top: 100px;}
div#tpl_lProduits div.annonce {position: relative; height: 169px; width: 642px; margin-bottom: 20px; padding: 12px;}
div#tpl_lProduits div.annonceO {background: url(../images/liste_produits/list_bg_orange.png) no-repeat;}
div#tpl_lProduits div.annonceG {background: url(../images/liste_produits/list_bg_gris.png) no-repeat;}
div#tpl_lProduits div.favoris 
{position: absolute; height: 52px; width: 0px; background: url(../images/liste_produits/list_favoris.png) no-repeat; margin: 20px 0 0 643px; display: none; cursor: pointer;}
div#tpl_lProduits div.photoAnnonce 
{float: left; height: 157px; width: 193px; background: url(../images/liste_produits/list_photo_bg.png) no-repeat; text-align: center; padding-top: 10px; margin: 2px 0 0 2px;}
div#tpl_lProduits div.photoAnnonce p.photos {color: #565656; text-shadow: #eee 1px 1px 0; font-size: 11px; display: block; margin-top: 8px;}
div#tpl_lProduits div.annonce div.title {position: absolute; margin: 10px 0 0 213px; color: #917b51; font-size: 14px; height: 35px; width: 290px; overflow: hidden;}
div#tpl_lProduits div.annonce div.left {float: left; margin: 40px 0 0 20px;}
div#tpl_lProduits div.annonce div.right {float: right; margin: 10px 10px 0 0;}
div#tpl_lProduits div.annonce p.prix {color: #f7982b; font-size: 11px;}
div#tpl_lProduits div.annonce p.prix strong {font-size: 24px;}
div#tpl_lProduits div.annonce ul {margin: 15px 0 0 10px;}
div#tpl_lProduits div.annonce li 
{height: 15px; width: 170px; background: url(../images/fiche_produit/puce.png) 0 6px no-repeat; padding-left: 10px; color: #747474; font-weight: 200;}
div#tpl_lProduits div.annonce div.logoAgence {float: right; height: 73px;}
div#tpl_lProduits div.annonce div.telContact 
{float: right; clear: right; height: 44px; width: 182px; background: url(../images/liste_produits/list_tel_bg.png) no-repeat; color: #6f6f6f; margin-right: 1px; text-align: right; padding: 8px 15px 0 0;}
div#tpl_lProduits div.annonce p.tel {font-size: 20px; color: #f7982b; margin-top: 6px;}
div#tpl_lProduits div.annonce a.link {float: right; clear: right; margin: -4px 0 0 0; height: 40px; width: 197px;}
div#tpl_lProduits div.annonceO a.link {background: url(../images/liste_produits/list_btn_orange.png) no-repeat;}
div#tpl_lProduits div.annonceG a.link {background: url(../images/liste_produits/list_btn_gris.png) no-repeat;}

div#tpl_lProduits div#pagination {float: left; width: 666px; text-align: center; color: #666; text-shadow: #fff 1px 0 1px;}
div#tpl_lProduits div#pagination a.page {font-size: 18px; font-weight: bold; color: #666; text-shadow: #fff 1px 0 1px; padding: 0 3px 0 3px;}
div#tpl_lProduits div#pagination a.page:hover {color: #b6640e;}
div#tpl_lProduits div#pagination span.pageSelect {font-weight: bold; font-size: 24px;}
/*div#tpl_lProduits div#pagination a.prec {display: block; height: 40px; width: 40px; background: url(../images/pagination_prec.png) no-repeat;}
div#tpl_lProduits div#pagination a.suiv {display: block; height: 40px; width: 40px; background: url(../images/pagination_suiv.png) no-repeat;}*/
/* =============================================================================
* ===========================================================================*/


/* =============================================================================
					TPL_LPRODUITSF liste des produits (Favoris)
* ===========================================================================*/
div#tpl_lProduitsf div#recherche {float: left; width: 308px; margin-top: 65px;}
div#tpl_lProduitsf div#recherche_top {float: left; height: 71px; width: 308px; background: url(../images/liste_produits/search_top.png) no-repeat; text-align: center;}
div#tpl_lProduitsf div#recherche_top .title {font-size: 18px; font-weight: bold; color: #494848; text-shadow: #fff 1px 1px 1px; padding-top: 15px;}
div#tpl_lProduitsf div#recherche_top .desc {width: 300px; text-align: right; color: #707070; font-size: 11px; padding-right: 8px; margin-top: 12px;}
div#tpl_lProduitsf div#recherche_top .count {font-size: 12px; color: #a7653d; font-weight: bold;}
div#tpl_lProduitsf div#recherche_bottom {float: left; margin-bottom: 15px; height: 7px; width: 308px; background: url(../images/liste_produits/search_bottom.png) no-repeat;}
div#tpl_lProduitsf div#recherche_middle {float: left; width: 256px; background: #fff; border-left: 1px solid #97999c; border-right: 1px solid #97999c; padding: 25px;}
div#tpl_lProduitsf div#recherche_middle .title { cursor:pointer;color: #7e7d7c; font-size: 18px; font-weight: bold; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px;}
div#tpl_lProduitsf div#recherche_middle .title:hover {background: url(../images/liste_produits/search_puce.png) right 10px no-repeat;}
div#tpl_lProduitsf div#recherche_middle .title2 {color: #7e7d7c; font-size: 18px; font-weight: bold; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px;}
div#tpl_lProduitsf div#recherche_middle .title2:hover {background: url(../images/liste_produits/search_puce2.png) right 10px no-repeat;}
div#tpl_lProduitsf div#recherche_middle .check {float: left; height: 13px; width: 13px; background: url(../images/liste_produits/search_select.png) no-repeat; cursor: pointer;}  
div#tpl_lProduitsf div#recherche_middle .activ {float: left; height: 7px; width: 7px; background: url(../images/liste_produits/search_select_activ.png) no-repeat; margin: 3px 0 0 3px;}
div#tpl_lProduitsf div#recherche_middle .txt {float: left; color: #a64c14; margin-left: 8px; font-weight: bold;}
div#tpl_lProduitsf div#recherche_middle ul {margin: 10px 0 20px 6px;}
div#tpl_lProduitsf div#recherche_middle li {height: 20px; clear: both; padding-top: 5px;}
div#tpl_lProduitsf div#recherche_middle li:hover {background-color: #f7f7f7;}
div#tpl_lProduitsf div#recherche_middle .toggle {margin-top: 20px; margin-bottom: 20px;}
div#tpl_lProduitsf div.slider {height: 15px; width: 255px; background: url(../images/liste_produits/search_slider_bg.png) no-repeat; position: relative;}
div#tpl_lProduitsf div.slider div.pointeur {position: absolute; height: 19px; width: 11px; background: url(../images/liste_produits/search_slider_pointeur.png) no-repeat; top:-8px;visibility:hidden; cursor:pointer;}
div#tpl_lProduitsf div.slider span.repere {position: absolute;float: left; height: 9px; width: 244px; background: url(../images/liste_produits/search_slider_repere.png) repeat-x; margin: 3px 4px 0px 4px;visibility:hidden}
div#tpl_lProduitsf div#recherche_middle p.infos {width: 255px; text-align: center; font-size: 11px; color: #a24810; margin-top: 8px;}
div#tpl_lProduitsf div#recherche_middle p.infos strong {font-size: 12px;}

div#tpl_lProduitsf a#annonceur {float: left; height: 168px; width: 308px; background: url(../images/liste_produits/devenez_annonceur.png) no-repeat;}
div#tpl_lProduitsf a#annonceur p {margin-top: 50px; text-align: justify; color: #dcdcdc; text-shadow: #000 0 0 7px; line-height: 20px; padding: 10px;}
div#tpl_lProduitsf a#annonceur strong {color: #fff;}

div#tpl_lProduitsf div#list {float: left; margin: 62px 0 0 25px; width: 666px;}
div#tpl_lProduitsf div.annonce2 {position: relative; height: 169px; width: 642px; margin-bottom: 20px; padding: 12px;}
div#tpl_lProduitsf div.annonceO {background: url(../images/liste_produits/list_bg_orange.png) no-repeat;}
div#tpl_lProduitsf div.annonceG {background: url(../images/liste_produits/list_bg_gris.png) no-repeat;}
div#tpl_lProduitsf div.favoris 
{position: absolute; height: 52px; width: 0px; background: url(../images/liste_produits/list_favoris.png) no-repeat; margin: 20px 0 0 643px; display: none; cursor: pointer;}
div#tpl_lProduitsf div.photoAnnonce 
{float: left; height: 157px; width: 193px; background: url(../images/liste_produits/list_photo_bg.png) no-repeat; text-align: center; padding-top: 10px; margin: 2px 0 0 2px;}
div#tpl_lProduitsf div.photoAnnonce p.photos {color: #565656; text-shadow: #eee 1px 1px 0; font-size: 11px; display: block; margin-top: 8px;}
div#tpl_lProduitsf div.annonce2 div.title {position: absolute; margin: 10px 0 0 213px; color: #917b51; font-size: 14px; height: 35px; width: 290px; overflow: hidden;}
div#tpl_lProduitsf div.annonce2 div.left {float: left; margin: 40px 0 0 20px;}
div#tpl_lProduitsf div.annonce2 div.right {float: right; margin: 10px 10px 0 0;}
div#tpl_lProduitsf div.annonce2 p.prix {color: #f7982b; font-size: 11px;}
div#tpl_lProduitsf div.annonce2 p.prix strong {font-size: 24px;}
div#tpl_lProduitsf div.annonce2 ul {margin: 15px 0 0 10px;}
div#tpl_lProduitsf div.annonce2 li 
{height: 15px; width: 170px; background: url(../images/fiche_produit/puce.png) 0 6px no-repeat; padding-left: 10px; color: #747474; font-weight: 200;}
div#tpl_lProduitsf div.annonce2 div.logoAgence {float: right; height: 73px;}
div#tpl_lProduitsf div.annonce2 div.telContact 
{float: right; clear: right; height: 44px; width: 182px; background: url(../images/liste_produits/list_tel_bg.png) no-repeat; color: #6f6f6f; margin-right: 1px; text-align: right; padding: 8px 15px 0 0;}
div#tpl_lProduitsf div.annonce2 p.tel {font-size: 20px; color: #f7982b; margin-top: 6px;}
div#tpl_lProduitsf div.annonce2 a.link {float: right; clear: right; margin: -4px 0 0 0; height: 40px; width: 197px;}
div#tpl_lProduitsf div.annonceO a.link {background: url(../images/liste_produits/list_btn_orange.png) no-repeat;}
div#tpl_lProduitsf div.annonceG a.link {background: url(../images/liste_produits/list_btn_gris.png) no-repeat;}

div#tpl_lProduitsf div#pagination {float: left; width: 666px; text-align: center; color: #666; text-shadow: #fff 1px 0 1px;}
div#tpl_lProduitsf div#pagination a.page {font-size: 18px; font-weight: bold; color: #666; text-shadow: #fff 1px 0 1px; padding: 0 3px 0 3px;}
div#tpl_lProduitsf div#pagination a.page:hover {color: #b6640e;}
div#tpl_lProduitsf div#pagination span.pageSelect {font-weight: bold; font-size: 24px;}
/* =============================================================================
* ===========================================================================*/



/* =============================================================================
									TPL_INTERNE = page générique
* ===========================================================================*/
div#tpl_interne div#fiche_global {float: left; margin-top: 65px; margin-left: 112px; width: 712px;}
div#tpl_interne div#fiche_top {float: left; height: 9px; width: 712px; background: url(../images/interne_top.png) no-repeat;}
div#tpl_interne div#fiche_bottom {float: left; height: 9px; width: 712px; background: url(../images/interne_bottom.png) no-repeat;}
div#tpl_interne div#fiche {float: left; width: 630px; border-left: 1px solid #909396; border-right: 1px solid #909396; padding: 40px; background: #fff;}

div#tpl_interne h1 {font-size: 24px; font-weight: normal; color: #fe901a; border-bottom: 2px solid #fe901a; margin-bottom: 40px;}
div#tpl_interne h2 {font-size: 16px; margin-bottom: 20px; padding-left: 20px; border-bottom: 1px dotted #aaa;}
div#tpl_interne p {margin-bottom: 20px;}
div#tpl_interne .imgLeft {float: left; margin-right: 10px; margin-bottom: 10px;}
div#tpl_interne .imgRight {float: right; margin-left: 10px; margin-bottom: 10px;}

div#tpl_interne div#whoSign {float: right; text-align: right;}

div#tpl_interne .input_contact {height: 20px; width: 196px; background: #e2e2e2; border: 1px solid #fe901a; color: #898989;}
div#tpl_interne .textarea_contact {height: 60px; width: 196px; background: #e2e2e2; border: 1px solid #fe901a; color: #898989;}
div#tpl_interne label {color: #898989;}
div#tpl_interne div.contactez_nous_message {width: 100%; text-align: center; font-size: 24px; color: #666; text-shadow: #fff 1px 0 1px; margin-top: 100px;margin-bottom: 100px; display:none; visibility:hidden}
div#tpl_interne #form_contactez_nous {float: left;}
div#tpl_interne .imgContact {float: right;}
div#tpl_interne .submit {padding: 4px 0 4px 0; background: #fe901a; color: #fff; cursor: pointer; width: 100%; text-align: center;}

div#tpl_interne #form_devenir_annonceur {margin: -40px 0 0 160px;}
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
									TPL_AGENCES
* ===========================================================================*/
div#tpl_interne div.agence {height: 250px; width: 198px; float: left; border: 1px solid #fe901a; margin: 10px 5px 10px 5px; text-align: center; padding-top: 20px; font-size: 11px;}
div#tpl_interne div.agence div.sep {height: 1px; border-bottom: 1px dotted #fe901a; margin-top: 20px; margin-bottom: 15px;}
div#tpl_interne div.agence a.link {margin: 10px auto 0 auto; display: block; height: 25px; width: 168px; background: url(../images/agences_btn.png) no-repeat;}
/* =============================================================================
* ===========================================================================*/

/* =============================================================================
									FOOTER
* ===========================================================================*/
div#footer_global {height: 71px; width: 100%; background: url(../images/footer_bg_global.png) repeat-x; clear: both;}
div#footer {height: 61px; width: 1000px; margin: auto; background: url(../images/footer_bg.png) no-repeat; padding-top: 10px;}
div#footer div.left {color: #fff; font-size: 10px; float: left;}
div#footer div.left a {color: #fff; }
div#footer div.left a:hover {text-decoration: underline;}
div#footer div.right {float: right;}
/* =============================================================================
* ===========================================================================*/
