/* --------------------------- */
/* CSS Document BASE et MOBILE */
/* --------------------------- */

html
google.com, pub-5545008567440232, DIRECT, f08c47fec0942fa0
{
	height: 100%;
}
body 
{
	width: 100%;
	margin: auto;
	padding: 0;
	height: 100%;
	background:#eee;
	font-size:62.5%; /* pour travailler avec les em en puissance de 10*/
}
p 
{
    margin: 0;
}
img 
{
    border: 0;
}
li 
{
   list-style-type: none;
}
ul
{
   margin: 0;
   padding: 0;
}
h1
{
	margin-bottom: 0.5em;
	font-family: Tahoma,arial;
	font-size : 1.3em;
}
h2
{
	margin: 0 0 0 0;
	font-family: Tahoma,arial;
	
}
h3
{
	margin: 0 0 0 0;
	font-family: Tahoma,arial;
	font-size : 1em;
}
iframe
{
	width: 300px;
}
#uploadFrame
{
	width:100%;
	height:260px;
}
@media only screen and (min-width: 490px) and (max-width: 768px) {
	#uploadFrame
	{
		height:140px;
	}
}
@media only screen and (min-width: 400px) and (max-width: 490px) {
	#uploadFrame
	{
		height:200px;
	}
}
.img_upload
{
	width:60;
	float:left;
	margin:0 5px 5px 0;
}
.img_upload img
{
	margin-bottom:5px;
}

/* ----- TOP HEADER -----  */

#fond
{
	width: 100%;
	height: 100%;
	position: fixed;
	display: block;
	z-index: -1;
}
#top_header
{
	float:right;
	width: 40%;
	height:10%;
	margin:inherit;
	background-color: #ECECEC;
	padding-top: 3px;
}
#menu_top_header
{
	clear: both;
	margin: auto;
	max-width: 100%;
	height:inherit;
}
#left_top_header
{
	float: right;
	width: 100%;
	height:inherit;
	padding-top: 1em;
}
#right_top_header
{
	display:none;
}

/*  -----  FOND SITE -----  */

#fond_site_1
{
	margin: auto;
	width: 100%;
	height: 100%;
	background-color: #ECECEC;
	padding: 0;
}
#fond_site_2
{
	margin: 0;
	width: 100%;
	background: #FFF;
	padding-top:1.2em;
	overflow:hidden;
}
#fond_site_2_haut
{
	display:none;
}
#fond_site_2_bas
{
	display:none;
}

/*  -----  HAUT SITE -----  */

#haut_site
{   
	margin: auto;
	max-width: 100%;
	height: inherit;
}
#haut_site_logo
{   
    float: left;
    width: 56.25%;
	height: 100%;
	margin-right:2.631%;
}
#haut_site_pub
{   
	float: inherit;
    width: 95%;
	height: 100%;
	margin-left:1%;
}
#haut_site_pub p a img, #haut_site_logo img{
	float:left;
	max-width:100%;
}

#mobile_button{
	width:41px;
	height:41px;
	position:absolute;
	z-index:10;
	margin-top:0.4em;
	margin-left:82%;
}

/*  -----  BARRE  LIENS -----  */

#barre_liens_fond
{   
	clear: both;
	margin: auto;
	padding-top:0.5em;
    max-width: 100%;
	height: inherit;
}
#barre_liens
{   
	float: left;
    width: 100%;
	height: inherit;
	
}
#barre_liens_depot
{   
	float: left;
	background:url(../images/fondJauneDepot.jpg) repeat-x;
    width: 100%;
	height: inherit;
}
#barre_liens_depot img{
	margin-left:1.3em;
}

/*  -----  ANNONCES PREMIUM -----  */

#menu_an_premium
{
	clear: both;
	margin: auto;
    width: 100%;
	height: 14.8em;
	margin-top: 1.5em;
}
.fond_ann_premium
{
	float: left;
    width: 32%;
	height: 14.8em;
	background: url("../images/fond_ann_une.png") repeat-x;
	margin-right: 0.7%;
	text-align: center;
}
@media only screen and (min-width: 200px) and (max-width: 480px) {
	.fond_ann_premium a img
	{
		width: 70%;
	}
}
.fond_ann_premium:last-child
{
	margin-right: 0;
}

/*  -----  BARRE INFO -----  */

#barre_info
{   
	clear: both;
	margin: auto;
    width: 100%;
	height: 25px;
	padding-top: 1em;
}
.bt_info_left
{
	clear:both;
	float: left;
	width: 1.5em;
	height: 20px;
	background: url("../images/bt_info_left.png") no-repeat;
}
.bt_info_center
{
	float: left;
	height: 20px;
	background: url("../images/bt_info_center.png") repeat-x;
}
.bt_info_right
{
	float: left;
	width: 2.1em;
	height: 20px;
	background: url("../images/bt_info_right.png") no-repeat;
}
.bt_info_right2
{
	float: left;
	width: 3.6em;
	height: 20px;
	background: url("../images/bt_info_right2.png") no-repeat;
}
.bt_info_center_v
{
	float: left;
	height: 20px;
	background: url("../images/bt_info_center_v.png") repeat-x;
}
.bt_info_right_v
{
	float: left;
	width: 2.1em;
	height: 20px;
	background: url("../images/bt_info_right_v.png") no-repeat;
}
.bt_info_right_v2
{
	float: left;
	width: 3.6em;
	height: 20px;
	background: url("../images/bt_info_right_v2.png") no-repeat;
}
.bloc_reseaux
{
	float: left;
	margin-left: 1em;
	padding-top: 0.1em;
}
#bloc_info_right
{   
   float: right;
}
#bloc_info_right p
{  
	float: right;
}
#corps_info_ann
{   
	clear: both;
	margin: auto;
    max-width: 95%;
	padding-top: 1em;
}

/*  -----  CADRE DU CENTRE -----  */

#bloc_center
{
	clear: both;
	margin: 0;
	max-width: 100%;
}
#middle_bloc_center
{
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	margin: 1em 0 0 0;
	background: transparent url('../images/fond_carte.png') repeat;
}

/*  -----  CARTE -----  */

#carte
{   
	float: left;
    width: 350px;
	height: 383px;
	background: transparent url('../images/map/carte.png') no-repeat;
	background-size: 100% 100%;
	margin: 0;
	display:none;
}

#bloc_categories_1
{
	display:none;
}

/*  -----  FOOTER -----  */

#bloc_footer_0
{   
	clear: both;
	margin: auto;
    width: 100%;
	height: 0;
}
#bloc_footer_1
{   
	clear: both;
	margin: auto;
    width: 100%;
	height: 5.7em;
}
#bloc_footer_2
{   
	float: left;
    width: 100%;
	height: 3.7em;
	margin-top: 0;
}
#left_footer
{   
	float: left;
	width: 100%;
	text-align: center;
}
#right_footer
{   
	float: right;
	width: 100%;
	text-align: center;
}

/*  -----  LISTING ANNONCES -----  */

#corps_listing
{   
	width: 100%; /* 705px */
	margin: 0;
}
#bloc_pagination
{
	float: left;
	width: 100%;
	padding: 0.5% 0 1.5% 0;
	margin-bottom: 1em;
	background: url("../images/fond_listing1.png") no-repeat center bottom;
	background-size:cover;
}
.fond_ann_listing_1
{   
	clear: both;
    max-width: 100%;
	height: 15.4em;
	background: url("../images/fond_listing1.png") no-repeat center bottom;
	margin-bottom: 1em;
	background-size:cover;
}
.fond_ann_listing_2
{   
	clear: both;
    max-width: 100%;
	height: 15.4em;
	background: url("../images/fond_listing2.png") no-repeat center bottom;
	margin-bottom: 1em;
	background-size:cover;
}
.bloc_lien_listing_1
{
	display: block;
	width: 100%;
	height: 12em;
}
.bloc_lien_listing_2
{
	display: block;
	width: 100%;
	height: 12em;
}
.p_titre_listing
{
	padding: 0.9em 0 0 13.5em; /* 10px 0 0 195px */
	height:17px;
	overflow:hidden;
}
.bloc_adresse_listing
{
	position:absolute;
	padding: 4em 0 0 13.5em;
	width:25;
}
.bloc_logo_urgent
{
	clear: both;
	position: absolute;	
	margin-top: -6.1em;
	margin-left: -6.9em;
	z-index:9;
}
.bloc_logo_urgent img{
	width: 80px;
}
.bloc_categorie_listing
{
	position: absolute;
	padding: 0.5em 0 0 13.5em;
	width:25;
}
.bloc_nb_photo
{
	display:block;
	position: absolute;
	padding: 8.3em 0 0 5em;
	width:25;
}
.bloc_photo_listing
{
    position: absolute;
	margin: 0.5em 0 0 1.5%;	
}
.bloc_date_listing
{
	position: absolute;
	width: 12em;
	height:28px;
	margin: 7.2em 0 0 0.4em;
	text-align: center;
}

/*  -----  VITRINES PREMIUM -----  */

#menu_vi_premium
{
	display:none;
}

/*  -----  LISTING VITRINES -----  */

.fond_vit_listing_1
{   
	clear: both;
    max-width: 100%;
	height: 15.4em;
	background: url("../images/fond_listing5.png") no-repeat bottom;
	margin-bottom: 1em;
	background-size:cover;
}
.fond_vit_listing_2
{   
	clear: both;
    max-width: 100%;
	height: 15.4em;
	background: url("../images/fond_listing7.png") no-repeat bottom;
	margin-bottom: 1em;
	background-size:cover;
}
.bloc_lien_listing_3
{
	display: block;
	width: 100%;
	height: 12em;
}
.bloc_lien_listing_4
{
	display: block;
	width: 100%;
	height: 12em;
}
.bloc_titre_listing_vit
{
	position: absolute;	
	padding: 0.2em 0 0 14.5em;
}
.bloc_region_listing_vit
{
	position:absolute;
	width: 100%;
	padding: 5em 0 0 14.5em;
	width:35%;
}
.bloc_photo_listing_vit
{
    position: absolute;
	margin: -1.5em 0 0 1.5%;
}
@media only screen and (min-width: 200px) and (max-width: 350px) {
	.bloc_titre_listing_vit
	{
		padding: 0.2em 0 0 13.5em;
	}
	.bloc_region_listing_vit
	{
		padding: 5em 0 0 13.5em;
	}
}

/*  ----- RECHERCHE -----  */

#corps_recherche
{   
	float: right;
	width: 100%;
	margin: 0;
	padding:2em 0 2em 0;
	background: url("../images/fond_form.png") repeat;
}
#corps_recherche_2
{   
	float: right;
	width:100%;
	margin: 0;
	padding:0;
	background: url("../images/fond_form.png") repeat;
}
#middle_menu_recherche
{
	float: left;
	width: 100%;
	padding-top: 4px;
}
#middle_menu_recherche_right
{
	float: left;
	width: 100%;
	margin-bottom:0;
	padding-top:1em;
}
#middle_menu_recherche_left
{
	float: left;
	width: 80%;
	margin-left:10%;
}
.p_recherche_unique
{
	font-size: 1.66em;
}
#left_checkbox_recherche
{
	clear: both;
	float: left;
	width: 100%;
	margin: 2.60% 0 0 8.411%;
	font-size:1.66em;
}
#right_checkbox_recherche
{
	float: left;
	width: 100%;
	margin: 0 0 0 8.411%;
	font-size:1.66em;
}
.p_checkbox_recherche img
{
	/*width:21px;*/
}
#submit_recherche
{
	clear: both;
	float: left;
	max-width:83.33%;
	margin: 1.3em 0 0 7%;
}
#submit_recherche_2
{
	clear: both;
	float: left;
	width: 434px;
	margin:1.2em 0 0 8.5%;
}
@media only screen and (min-width: 434px) and (max-width: 500px) {
	#submit_recherche_2
	{
		margin:1.2em 0 0 0;
	}
}
@media only screen and (min-width: 200px) and (max-width: 434px) {
	#submit_recherche_2
	{
		width: 100%;
		margin:1.2em 0 0 0;
	}
}

/*  ----- PUB LISTING -----  */

#cadre_droit
{
	width: 100%; /* 210px */
}
#bloc_pub
{
	clear: both;
	float: right;
	margin-top: 1em;
}
#bloc_pub_listing
{
	clear: both;
	width: 208px;
	margin-left: auto;
	margin-right: auto;
}
#img_info_pub
{   
	float: right;
	width: 100%; /* 210px */
	height: 2.1em;
	background:url("../images/img_info_pub.png") no-repeat center center;
	text-align: center;
	margin:30px 0 10px 0;
}
.img_pub
{
	float:right;
	max-width:83.33%;
	padding-right:10%;
}
.img_pub a img{
	max-width: 100%;
}
.bloc_pub_texte_listing
{   
	clear: both;
	float: right;
    width: 100%;
	height: 65px;
	background:url("../images/fond_pub_texte.png") no-repeat;
	margin-bottom: 10px;
}
.logo_pub_texte_listing
{   
	float: right;
    width: 6em;
	margin: 8px 0 0 10px;
}
.p_pub_text_listing
{
	float: right;
	width: 61.90%;
	padding: 3px 0 0 0;
}
.espace_pub
{
	height: 8px;
	float: right;
	width: 100%;
}
.pub_script
{
	clear: both;
	float: right;
	width: 100%;
	text-align: center;
}

/*  ----- LISTING SELECTIONS -----  */

#corps_listing_selection
{   
	clear: both;
	float: left;
	width: 80%;
	margin: 15px 0 0 15px;
}
#corps_listing_selection .bloc_photo_listing
{ 
	margin: -1em 0 0 1.5%;
}
.supp_selection
{
	position: absolute;
	margin-top: 5px;
	margin-left: 75%;
	z-index:99;
}

/*  ----- PAGE D'UNE ANNONCE -----  */

#bloc_titre_ann
{   
	clear: both;
	float: left;
	width: 95%;
	margin: 5px 0 0 0;
}
#bloc_depot_ann
{   
	float: left;
	width: 95%;
	margin: 5px 10px 0 0;
	text-align: right;
}
#bloc_vignettes_ann
{
	float: left;
	width: 95%;
	margin: 0 2.5%;
}
.bloc_vignette_ann
{
	float: left;
	width: 90px;
	height: 63px;
	margin-right: 3px;
	padding-top: 6px;
	background: url("../images/no_photo4.png") no-repeat;
	text-align: center;
}
#bloc_photo_ann
{
	clear: both;
	float: left;
	max-width: 677px; 
	
	padding: 0;
	text-align: center;
}
#bloc_photo_ann img
{
	width: 100%; 
	margin: 0 2em;
}
#bloc_video
{
	clear: both;
	float: left;
	width: 100%;
	background-color: #eee;
	padding-top:3px;
	text-align: center;
	border-bottom:solid 2px #ddd;
}
#bloc_photo_ann iframe,
#bloc_photo_ann object,
#bloc_photo_ann embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#video div
{
	width:100%;
	background-color: #eee;
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
}
#bloc_infos_ann
{
	clear: both;
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
	background:#fff;
	border:solid 1px #fff;
}
#bloc_info_ann_left
{
	float: left;
	width: 100%;
	margin-right:0;
}
#bloc_info_ann_right
{
	float: left;
	width: 100%;
	margin-right:0;
}
#bloc_contact_ann
{
	float: left;
	width: 100%;
}
.bloc_contact_ann
{
	clear: both;
	float: left;
	width: 232px;
	height: 28px;
	border-left: 3px solid #FEDF00;
	background:#fff;
	padding-top:5px;
}
.bloc_contact_ann img
{
	float: left;
}
.bloc_pub_ann
{   
	clear: both;
    width: 234px;
	height: 65px;
	background: url("../images/pub_fond_ann.png") no-repeat;
}
.p_pub_ann_img
{   
	float: left;
    width: 60px;
	padding: 8px 0 0 10px;
	text-align: left;
}
.p_pub_ann_txt
{   
	float: left;
    width: 150px;
	margin: 4px 0 10px 0;
	text-align: left;
}
#bloc_envoye_ann
{
	clear: both;
	float: left;
	height: inherit;
	background-color: #ECECEC;
	margin: 0 0 0 0;
	padding: 5px 0 5px 15px;
}
#bloc_action_ann
{
	clear: both;
	float: left;
	padding: 20px 0 20px 10px;
	background:#fff;
}
.bloc_action_ann
{
	float: left;
	width: 230px;
	height: 28px;
	border-bottom: 4px solid #FEDF00;
	padding-top:4px;
}
.bloc_action_ann img
{
	float:left;
	margin-right: 5px;
	margin-left: 5px;
}

/*  ----- PAGE D'UNE VITRINE -----  */

#bloc_top_vit
{   
	float: left;
	width: 97.68%;
	margin: 20px 0 0 10px;
}
#bloc_logo_vit
{
	float: left;
	width: 50%;
}
#bloc_logo_vit img
{
	width: 100%;
}
#bloc_adresse_vit
{
	float: left;
	width: 40%;
	margin-left: 10px;
}
#bloc_horaires_vit
{
	clear:both;
	float: left;
	width: 50%;
	margin-top: 10px;
	margin-left: 0;
}
#bloc_site_vit
{
	float: left;
	width: 40%;
	margin-top: 10px;
	margin-left: 10px;
}
#bloc_separation_vit
{
	float: left;
	width: 97.68%;
	height: 1px;
	margin: 15px 0 0 10px;
	background-color: #E3E3E3;
}
#bloc_bottom_vit
{   
	float: left;
	width: 71%;
	margin: 10px 0 30px 30px;
}
#bloc_bottom_vit_right
{
	float: left;
	width: 24.42%;
	margin-top: 10px;
}

/*  ----- PAGE DE PAIEMENT-----  */

#bloc_paiement
{   
	float: left;
	width: 928px;
	margin: 20px 0 20px 20px;
}

/*  ----- FORMULAIRES-----  */

#corps
{   
	clear: both;
	float: left;
    width: 100%;
	padding: 30px 0 20px 0;
}
#corps_upload
{   
	clear: both;
	float: left;
    width: 100%;
	margin: 50px 0 0 0;
}
#corps_form
{   
	clear: both;
	float: left;
    width: 100%;
	padding-bottom: 25px;
}
.f_left_ph
{
	float: left;
	padding-left: 5px;
	padding-right: 8px;
}
.f_left
{
	float: left;
	padding-left: 7px;
}
.f_left_2
{
	float: left;
	padding: 3px 0 0 7px;
}
.input_recherche,
.select_recherche_form,
.small_input,
.av_input,
.long_input,
.form_right_bord
{
	font-size: 1.66em;
	height: 34px;
}
.select_recherche
{
	font-size: 1.66em;
	height: 36px;
	width: 87%;
}
.textarea	
{
	font-size: 1.66em;
	width: 90%;
	height: 70px;
}
.form_left,
.form_left_info,
.form_left_opts
{
	font-size: 1.66em;
}
.button_mobile
{
	width:auto;
}