@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0;vertical-align: baseline;font-size: 9px;}
body { line-height: 1; margin: 0 20px; }
legend { display: none; }
fieldset { border: none; width:100%; }
ul, ol { list-style: none;}
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin-top: 0px; border: none; text-align: center;}
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
a img { border: none; }

@font-face {
    font-family: 'MichromaRegular';
    src: url('fonts/michroma-fontfacekit/Michroma-webfont.eot');
    src: url('fonts/michroma-fontfacekit/Michroma-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/michroma-fontfacekit/Michroma-webfont.woff') format('woff'),
         url('fonts/michroma-fontfacekit/Michroma-webfont.ttf') format('truetype'),
         url('fonts/michroma-fontfacekit/Michroma-webfont.svg#MichromaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	/*background: url("/images/populi/images_websitepromo/fond_profil.png");*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin-right:auto;
	margin-left:auto;
	width: 100%;
	}
	
p, ul li{
	font-size:11px;
	}
	

#slideshow_pub2{
	height: 134px;
	}
	
#slideshow_pub2 li{
	width: 210px !important;
	float: left !important;
	margin: 0 5px;
	padding: 5px;
	border-right: 3px solid #F8F8F8;
	height: 222px !important;
	}
	
#slideshow_pub2 li .titre{
	font-size: 10px;
	text-transform: uppercase;
	height: 20px;
	text-align: center;
	color: #111;
	}
	
#slideshow_pub2 li .lib_data{
	color: red;
	font-size: 11px;
	font-weight: bold;
	}
	
#slideshow_pub2 li .statut_prix{
	color: green;
	font-size: 11px;
	font-weight: bold;
	}

#slideshow_pub2 li .zoom_photo_btn img{
	width: 82px !important;
	}	

.zoom_photo_btn .num_annonce{
	clear: both;
	padding: 5px 0 0;
	text-align: right;
	font-size: 9px;
	font-weight: normal;
	line-height: 25px;
	}
	
.zoom_photo_btn .num_annonce span{
	float: left;
	color: green;
	}

.zoom_photo_btn .img{
	width: 30px;
	padding: 2px;
	border: 1px solid #D1D1D1;
	float: right;
	margin-left: 5px;
	}

/* ----------- NAV ----------- */

#nav{
	margin: 10px 0px 0px;
	position: relative;
	height: 60px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	}
	
#nav h1, #nav h2{
	position: absolute;
	top: 0px;
	left: 60px;
	color: #333;
	font-size: 23.5px;
	font-family: MichromaRegular;
	}
	
#nav h2{
	top: 30px;
	font-size: 10px;
	}
	
#nav img{
	height: 50px;
	}

#commentform{
	position: absolute;
	width: 422px;
	right: 0px;
	top: 5px;
	}

#nav p{
	font-size: 11px;
	text-transform: uppercase;
	}
	
#nav ul li a{
	color: white;
	font-size: 10px;
	padding: 5px 5px 5px 0px;
	}

#nav ul li{
	display: inline-block;
	}
	
#nav ul{
	position: absolute;
	top: 5px;
	right: 0px;
	}
	
#nav a img{
	width: 50px;
	}

#nav form label{
	font-size: 12px;
	font-weight: bold;
	background: #666;
	display: block;
	padding: 4px;
	border-radius: 3px;
	margin-bottom: 5px;
	margin-right: 5px;
	font-weight: normal;
	width: 160px;
	float: left;
	color: white;
}

 #nav form input{
	background: none;
	border: none;
	color: #CCC;
	font-weight: normal;
	margin-left: 3px;
	font-size: 9px;
}

#password{
	width: 60%;
	}

#email{
	width: 70%;
	}

#nav  #submit{
	background: #CCC;
	text-align: center;
	color: black;
	display: block;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	border-radius: 3px;
	cursor: pointer;
	}

	
/* ---------- CONTAINER - REGLES GENERALES ---------- */

#section{
	background: none;
	width: 100%;
	float: left;
	}
	
#slider_photos, #nos_services, #nous_contacter, #nos_annonces, #horaire{
	background: #FFF;
	margin-bottom: 5px;
	padding: 5px;
	overflow: hidden;
	}
	
.bloc{
	padding: 1%;
	overflow: hidden;
	margin-top: 5px;
	}

#nous_contacter{
	display: block;
	width: 59.5%;
	
	margin-top: -13px;
		margin-right: 7px;
	background: #FFF;
	}
	
#nos_services h1, #nous_contacter h1, #nos_annonces h1, #aside h1, #horaire h1{
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 5px;
	color: #99ACB6;
	clear: both;
	border: 1px solid #EFEFEF;
	padding: 11px;
	cursor: pointer;
	font-weight: bold;
	background: url("/images/populi/fond-volet6.png");
	}
	
#nos_services h1:hover, #nous_contacter h1:hover, #nos_annonces h1:hover, #aside h1:hover, #horaire h1:hover{
	border-color: #333;
	}
	
#nous_contacter h1 img{	
	padding: 0px;
	height: 11px;
	margin-right: 10px;
	}

/* ---------- HEADER ---------- */
	
#header{
	color: #333 !important;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background: none !important;
	}
	
#header p{
	color: #666;
	padding-top: 6px;
	background: #FFF;
	padding-bottom: 5px;
	}
	
#header img{
	display: inline-block;
	}

#header h1{
	font-size: 36px;
	font-weight: normal;
	color: #163875;
	line-height: 20px;
	padding: 10px 0;
	margin-top: -1px;
	background: none;
	}
	
#header h1:hover{
	border-color: #EFEFEF !important;}
	
#header h1 a{
	font-size: 24px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	}
	
#header h1 strong a{
	font-size: 15px !important;
	color: #999 !important;
	text-decoration: none;
	}
	
#header h1 span a{
	font-size: 17px !important;
	color: #999 !important;
	text-decoration: none;
	}

#header ul{
	
	margin-top: 0px;
	padding: 3px 0px 3px;
	}

#header ul li{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
	margin: 0px 10px;
	}
	
#header ul li a{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	}
	
#header h2{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px 0px;
	color: #333;
	}

/* --------- DEBUT SLIDER-PHOTOS ---------- */

#slider_photos{
	height: 150px;
	}
	
#slider_photos ul li{
	display: inline-block;
	}
	
#slider_photos img{
	max-height: 150px;
	text-align: center;
	padding: 0px 3px;
	}


/* ---------- DEBUT NOS-SERVICES ---------- */

#banniere_pub img{
	display: block;
	margin: 0 auto;
	width: 100%;
	}
	
/* ---------- DEBUT NOS-SERVICES ---------- */

#nos_services div{
	width: 68%;
	float: left;
	}	
	
#nos_services p #nos_services li{
	line-height: 15px;
	}
	
#nos_services .bloc img{
	padding-bottom: 10px;
	}
	
#banniere_pub img{
	padding: 0px !important;
	}

#nos_services #image_site{
	width: 26% !important;
	float: right;
	}
#image_site img{
	width: 100%;
	}
	
#nos_services a{
	font-size: 12px;
	background: #333;
	color: white;
	padding: 5px;
	text-decoration: none;
	border-radius: 3px;
	text-align: center;
	display: block;
	}

#nos_services iframe{
	margin-top: 10px;
	}
	
/* ---------- DEBUT NOS HORAIRES ------------ */
	
#horaire p, #horaire strong{
	display: inline-block;
	min-width: 80px;
	}

#horaire li{
	padding: 7px;
	font-size: 12px;
	}
	
#horaire h1{
	display: block;
	}

#horaire .divers{
	float: right;
	}
	
#horaire .divers p{
	display: block;
	line-height: 15px;
	}

#horaire table{
	width: 100%;
	margin-top: 10px;
	}
	
#horaire table tr{
	height: 15px;
	text-align: left;
	}
	
#horaire table th{
	font-size: 9px;
	text-transform: uppercase;
	font-weight: normal;
	}
	
#horaire table td{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	}


/* ---------- DEBUT NOUS CONTACTER ------------ */	

#nous_contacter .sous_bloc{
	float: left;
	margin-left: 2%;
	padding-left: 2%;
	border-left: 1px solid #EFEFEF;
	margin-bottom: 10px;
	width: 450px;
	}
	
.bloc_volet{
	display: none;}

#nous_contacter p.image{
	width: 150px;
	float: left;
	}
	
#nous_contacter p.image img{
	width: 100%;
	}
	
#nous_contacter #agenda-map, #nous_contacter #agenda-map img{
	width: 140px;
	height: 90px;
	}

#nous_contacter iframe{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
	}

#nous_contacter h2{
	font-size: 16px;
	font-weight: bold;
	}
	
#nous_contacter h3{
	font-size: 12px;
	line-height: 20px;
	}
	
#nous_contacter p, #nous_contacter p a{
	font-size: 13px;
	font-weight: normal;
	margin: 10px 0;
	color: #666;
	}

#telephone, #fax, #gsm{
	padding: 5px 5px 5px 30px;
	}

#telephone{
	background: url(/images/populi/images_websitepromo/telephone.png) no-repeat 3px;
	margin-top: 10px;
	}
	
#gsm{
	background: url(/images/populi/images_websitepromo/telephone.png) no-repeat 3px;
	}
	
#fax{
	background: url(/images/populi/images_websitepromo/fax.png) no-repeat;
	margin-bottom: 10px;
	}
	
#nous_contacter form{
	width: 50%;
	}
	
#nous_contacter form label{
	font-size: 12px;
	font-weight: bold;
	background: #F8F8F8;
	padding: 7px;
	border-radius: 3px;
	display: block;
	margin-bottom: 5px;
}

#nous_contacter form input{
	background: none;
	border: none;
	color: #666;
	font-weight: normal;
	width: 70%;
	margin-left: 10px;
}

#nous_contacter form textarea{
width: 100%;
margin-top: 10px;
height: 200px;
border: none;
background: none;
}

#nous_contacter form #btn_envoyer{
	background: #333;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	padding: 7px;
	margin: 0px;
	border-radius: 3px;
	width: 100%;
	cursor: pointer;
	}

/* ---------- DEBUT ASIDE ------------ */

#aside{
	float: left;
	margin-left: 1%;
	color: white;
	width: 27%
	}
	
#aside img{
	width: 100%;
	margin-bottom: 10px;
	}
	
#aside iframe{
	width: 100%;
	height: 200px;
	margin-bottom: 10px;
	}

#infoslocales_pub{
		width: 97%;
		}
#infoslocales_pub a{
	width: 100%;
	}
	
#infoslocales_pub img{
	width: 30%;
	}
	
#mots_cles{
	border-radius: 3px;
	background: #CCC;
	min-height: 100px;
	padding: 10px;
	margin-bottom: 10px;
	}
	
#mots_cles h1{
	font-size: 15px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 10px;
	}
	
#mots_cles a{
	color: #333333;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
	text-decoration: none;
	}
	
/* ------------------------------------------ LISTE DES ANNONCES-ARTICLES ------------------------------------------ */

/*#articles_une_index{
	width: 100%;
	margin: 0 auto; 
	background: #FFF;
	overflow: hidden;
	padding: 0 0 30px;
	}

#articles_une_index #header_service{
	overflow: hidden;
	background: #FFF;
	padding: 10px; 
	position: relative;
	}
	
#articles_une_index #header_service #nom{
	position: absolute;
	margin: 0 110px;
	width: 77%;
	}
	
#articles_une_index #header_service #aglomeration{
	width:100px;
	border:3px double #000;
	float: left;
	}
	
#articles_une_index #header_service #logo{
	border:3px double #000;
	margin: 0;
	height: 74px;
	width: 100px;
	float: right;
	}

#articles_une_index #header_service p{
	font-family: Arial; 
	font-size: 12px; 
	padding-top: 3px;
	padding-bottom: 3px; 
	margin-top: 0; 
	margin-bottom: 0; 
	text-align: center;
	}
	
#articles_une_index #header_service img{
	display: block;
	margin: 0 auto 10px;
	}

#articles_une_index #header_service h1{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 34px; 
	color: #666; 
	text-align: center;
	margin: 10px 0;
	}

#articles_une_index #header_service strong{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 26px; 
	color: #ffdb59; 
	text-align: center;
	}

#articles_une_index #header_service h2{
	display: block; 
	margin-top: 14px;
	margin-bottom: 5px; 
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px; color: #333; 
	text-align: center;
	padding-top: 0; 
	padding-bottom: 0;
	}
	
#articles_une_index #header_service h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	}

#articles_une_index #header_service #banner{
	padding: 10px 0;
	}
	
#articles_une_index .menu_scroll{
	margin-top: -10px;
	}

#articles_une_index #pagination{
	display: inline-block;
	}
	
#articles_une_index #pagination li{
	float: left;
	background: white;
	padding: 5px;
	margin: 0 5px;
	width: 20px;
	text-align: center;
	border-radius: 18px;
	 -moz-border-radius: 18px; 
 	-webkit-border-radius: 18px;
	behavior: url(/PIE.htc);
	}
	
#articles_une_index h2{	
	font-size: 14px;
	text-transform: uppercase;
	color: black;
	margin-bottom: 5px;
	text-align: center;
	}
	
#articles_une_index ul{
	background: #FFF;
	overflow: hidden;
	padding: 0.5%;
	margin-top: 0px;
	display: inline-block;
	width: 99%;
	}
	
#articles_une_index ul .bloc{
	width: 175px;
	height: 175px;
	float: left;
	border: 1.5px solid #DDD;
	margin: 0.5px;
	background: #FFF;
	padding: 5px;
	position: relative;
	overflow: hidden;
	}

#articles_une_index ul .bloc img{
	max-height: 96%;
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
	margin: 4% auto 0;
	}
	
#articles_une_index ul .bloc img.icones_rub{
	position: absolute;
	height: 17px;
	top: 8px;
	margin: 0;
	padding: 0;
	left: 8px;
	}

#articles_une_index ul .bloc p{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	color: #333;
	text-align: center;
	text-transform: uppercase;
	line-height: 12px;
	position: absolute;
	background: rgba(255, 255, 255, 0.7);
	bottom: 5px;
	left: 5px;
	width: 175px;
	padding-top: 5px;
	height: 22px;
}

#articles_une_index ul .bloc span{
	color: #666;
	font-size: 10px;
	}
	
#articles_une_index ul .bloc .no_picture{
	background: none; position: relative; font-size: 16px; line-height: 19px; padding-top: 30px; width: 165px; font-weight: normal;
	}
	
#articles_une_index ul .bloc .no_picture span{
	font-size: 14px;
	}
	
#articles_une_index ul .bloc .commune{
	position: absolute !important;
	top: 5px;
	background: rgba(255,219,89,0.8) !important;
	height: 13px;
	font-size: 11px;
	color:#FFFFFF;
	}
	
/*articles a la une  */
	
#articles_une_index ul .bloc.articles{
	height: 270px;
	margin: 2px 2px 0 0 !important;
	}
	
#articles_une_index ul .bloc.articles .commune{
	left: 5px !important;
	}
	
#articles_une_index ul .bloc.articles p{
	position: relative;
	background: none;
	left: 0;
	}

#articles_une_index ul .bloc.articles .libelle{	
	left: 0;
	margin-top: -25px;
	margin-bottom: 1px;
	background: rgba(255,255,255,0.8);
	color: #333;
	}
	
#articles_une_index ul .bloc.articles .num_annonce{
	height: auto;
	padding: 0;	
	}
	
#articles_une_index ul .bloc.articles .file{
	height: 80px;
	}
	
#articles_une_index ul li #annonceur img{
	max-width: 55px;
	border:1px solid #636363;
	padding:1px;
	float: left;
	max-height: 30px;
	margin-top: -5px;
	width: auto !important;
	}
	
#articles_une_index ul .bloc.articles .no_picture{
	height: 171px;
	padding-top: 0;
	left: 0;
	margin-top: 30px;
	font-size: 12px;
	}
	
#articles_une_index ul .bloc.articles .no_picture_horeca, .commune .no_picture_horeca{
	height: 177px;
	padding-top: 0;
	left: 0;
	margin-top: 30px;
	font-size: 12px;
	}

#articles_une_index ul .bloc.articles .no_picture_horeca img, .commune .no_picture_horeca img{
	max-height: 80px;
	}

#articles_une_index ul .bloc.articles .ref{	

font-size: 10px;
line-height: 13px;
text-transform: none;
}

#articles_une_index ul .bloc.articles .old_prix{
	float: left;
	width: 50% !important;
	padding: 9px 0 0;
	margin: 0;
	height: 13px;
	text-decoration: line-through;
	font-size: 12px;
	}

#articles_une_index ul .bloc.articles .nv_prix{
	padding: 0;
	margin: 4px 0;
	color: #80B809;

	left: 0;
	font-size: 13px;
	line-height: 16px;
	height: 15px;
	width: 100%;
	}
	
#articles_une_index ul .bloc.articles .emporte, .commune .emporte {
	margin: 0;
	text-transform: none;
	font-weight: bold;
	color: #009900;
	}
	
#articles_une_index ul .bloc.articles .sur_place, .commune .sur_place  {
	margin: 0;
	text-transform: none;
	font-weight: normal;
	}
	
#articles_une_index ul .bloc.articles .emporte span, #articles_une_index ul .bloc.articles .sur_place span, .commune .emporte span, .commune .sur_place span {
	font-weight: normal;
	color: #999;
	font-size: 11px;
	}

#articles_une_index ul .bloc.articles .pourcent2{	
	background: red;
	width: 42px !important;
	height: 23px;
	padding-top: 14px;
	border-radius: 23px;
	 -moz-border-radius: 23px; 
 	-webkit-border-radius: 23px;
	behavior: url(/PIE.htc);
	color: white;
	font-size: 15px;
	position: absolute;
	top: 110px;
	}

#articles_une_index ul .bloc.articles #annonceur{	
	width: 100%;
	position: absolute;
	bottom: -1px;
	}

#articles_une_index #icones{
	background: #F0F0F0;
	height: auto;
	padding: 6px 5px 0;
	display: block;
	}
	
#articles_une_index #icones li{
	float: left;
	margin: 0 2px;
	}

#articles_une_index #icones li p{
	font-size: 19px;
	text-transform: uppercase;
	padding: 9px 5px 0;
	color: #333;
	}	
	
/* changement pour les cahiers internes */
.homepage-list #articles_une_index ul .bloc.articles{
	width: 140px; 
	margin: 1.5px;
	height: 253px;
	}
	
.homepage-list #articles_une_index ul li #annonceur img{
	max-width: 37px;
	}
	
.homepage-list #articles_une_index ul .bloc.articles .num_annonce{
	width: 100%;
	}
	
.homepage-list #articles_une_index ul .bloc.articles .libelle{
	width: 100%;
	}

.homepage-list #articles_une_index ul .bloc.articles .no_picture{
	width: 100%;
	}
	
.homepage-list #articles_une_index ul .bloc.articles p{
	width: 100%;
	}
	
.homepage-list .nv_prix{
	margin-bottom: 0px !important;
	border-bottom: none !important;
	}
	
.homepage-list .nb_vu{
	border-bottom: 1px solid #636363 !important; 
	height: 12px !important; 
	font-size: 10px !important; 
	color: #666 !important; 
	text-transform: none !important; 
	font-weight:normal !important; 
	padding: 2px 6px !important;
	text-align: left !important;
	position: absolute !important;
	bottom: 41px !important;
	left: 5px !important;
	border-top: 1px solid #636363 !important;
	width: 89% !important;
	}
	
.homepage-list .nb_vu a{
	float: right !important;
	font-weight: bold !important;
	}
	
.homepage-list .zoom_depliants{
	position: fixed !important;
	top: 130px !important;
	left: 200px !important;
	z-index:1001;
	}
*/