@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');
* { 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 { font-family: 'Comfortaa' , cursive ; border: 0; margin: 0; padding: 0;} /**/

body { line-height: 1; margin: 0 20px; background-color:#FFFFFF;}
legend { display: none; }
fieldset { border: none; }
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; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }

a{
	text-decoration: none;
	color: inherit;
	font-size:inherit;
	}

body{
	margin: 0px !important;
	background: #f7f7f7;

	}
#header{
	text-align: center;
	padding: 1px 0px;
	position: relative;
	background-color:#FFFFFF;
	margin: 5px 0px 2px;
	font-size: 7px;
	color: #888;
	text-transform: uppercase;
	}
	
#header h1{
	color:#292929;  
	text-align:center; 
	font-size:18px; /* 18px */
	text-transform: uppercase;
	padding: 2px 0px 2px;
	
	margin-top:4px;
	margin-bottom:10px;
	}
	
#header h1 span{	
	padding-left:2px;
	padding-right:2px;
	color:#FFFFFF;
	background-color:#FF6700;
	margin:1px;
	}
	
#header img{
	position: absolute;
	left: 3px;
	top: 3px;
	height: 25px;
	width: auto;
	}

	
#btnAccueil{
	position: fixed;
	left: 5px;
	bottom: 5px;
	width: 25px;
	height: 25px;
	}



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

.header_global_generate{
font-size:14px;

	
	padding-left:2%;
	padding-right:2%;
	width: 92%;
	margin: auto;
	margin-top:5px;
	}
	
#index #header_recherche{
	width: 500px;
	margin-top:30px;
	margin-bottom:5px;
	}
	
#index h1{

	text-transform: uppercase;
	color: #c7c5c7 !important;
	font-size: 30px;
	text-align:left !important;
	padding: 0px !important;
	font-weight: normal !important;
	}
	
#index h1 span{
	font-size: 30px;
	}

#index h2{	

	color: #737373;
	box-shadow: none;
	text-shadow: none;
	width: 400px;
	text-align: left;
	font-size: 14px;
	padding-top: 0px;
	font-weight: normal !important;
	}
	
.index_lien{
	width: 760px;
	margin: 6px auto;
	height: 15px;
	}
.button{
	width: 280px;
	margin: 8px auto;
	background: #7390C4;
	color: #FFF;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	display: block;
	text-transform: uppercase;
	height:28px;
	}	
.index_lien a{
	display: inline-block;
	margin-left: 10px;
	float: right;
	color: #999;
	font-size: 15px;
	font-weight: normal;
	}

#index .btn_connexion_meta a {
	
	width: auto !important;
	display: inline-block;
	font-size: 10px;
	color: #2C91CB !important;
	line-height: 3px;
	font-weight: normal;
	padding-right: 8px;
	padding-left: 8px;
	vertical-align: middle;
	height: 22px;
	text-transform:uppercase;

	}
	
#index #header_recherche{
	width: 500px !important;
	margin-top:30px !important;
	margin-bottom:5px;
	}
	
.liens_marge{
	margin-left: 3px !important;
	color: #d1d1d1 !important;
	text-transform:uppercase;
	font-size:8px !important;

	}

/* TITRE - SOUS-TITRE */

#mobile_categories #header{
	text-align: center;
	padding: 1px 0px;
	position: relative;
	background-color:#FFFFFF;
	}
	
#mobile_categories #header h1{
	color:#292929; 
	text-align:center; 
	font-size:10px; /* 18px */
	text-transform: uppercase;
	padding: 1px 0px 0px;
	
	margin-top:2px;
	margin-bottom:2px;
	}
	
#mobile_categories #header h1 span{	
	padding-left:2px;
	padding-right:2px;
	color:#FFFFFF;
	background-color:#FF6700;
	margin:1px;
	}

#mobile_categories #header img{
	position: absolute;
	top: 3px !important;
	background: none;
	}
	
#mobile_categories #header .icone_recherche {
	right: 55px;
	width: 17px;
	height:17px;
	}
#mobile_categories #header .icone_connexion {
	right: 16px;
	width: 17px;
	height:17px;
	}
#mobile_categories #header .icone_menu {
	left: 5px;
	width: 20px;
	height: 20px;
	}
#mobile_categories #header .icone_favori{
	left: 50px;
	width: 17px;
	height:17px;
	}

/* BLOC D'EXPLICATIONS */

#mobile_categories #bloc_explications{	
background-color:#e7e7e7;color: #353535; text-align:center;font-size:14px!important;font-weight: normal;
	}

#mobile_categories #bloc_explications h1{	
margin-top:10px;
color: #353535;
line-height:15px;
background: none;
text-transform: none;
font-size: 14px;
font-weight: normal;
padding: 0px;
	}

#mobile_categories #bloc_explications p{
	line-height: 10px;
	font-size: 8px!important;
	text-transform:none;
	
	}

#mobile_categories #bloc_explications p strong{	
	color: #2C91CB; 
	font-weight:normal;
	}

#mobile_categories #bloc_explications a.pourquoi{
font-size:11px!important;margin-top:3px;color: #12C;text-decoration: underline;
}

#mobile_categories #bloc_explications ul{
	font-weight:bold; 	
	background-color:#ffffff;
	padding:0px 8px 8px;
	margin:1px auto;
	margin-top:2px;
	width:100%;
	height:25px;
	}

#mobile_categories #bloc_explications ul a{	
	margin:5px auto 0px;
	width:93%;
	color: #282828;
	display: block;
	text-transform:uppercase;
	background-color:#ffffff;
	padding:3px;
	height:10px!important;
	margin-top:5px;
	border:none;
	font-size:9px;
	font-weight:normal;
	}

#mobile_categories #bloc_explications ul li{
	color: #7D59A5; 
	font-weight:bold;
	border-bottom: 1px solid #f4f4f4; 
	position: relative;
	font-size:12px;
		background-color:#ffffff;
		
	}

#mobile_categories #bloc_explications ul li img{
	position: absolute;
	height: 9px;
	right: 5px;
	top: 3px;
	}
	
	
#mobile_categories #bloc_explications ul li p{
	display: none;
	}

#mobile_categories #bloc_explications ul .explications{
	font-size:11px;
	color: #a5a5a5; 
	margin:1px 0px 2px;
	}
	
/*  */

#bloc_explications #stylesPresentation{
	height: 332px;
	overflow: auto;
	width: 100%;
	
	background-color:#ff7e00;
	
	/*overflow: hidden;*/
	}
	
#bloc_explications #stylesPresentation ul{
	height: 320px;
	width: 1500px;
	
	}

#bloc_explications #stylesPresentation ul li{
	float: left;
	}

#bloc_explications #stylesPresentation ul li img{
	position: relative;
	height: 320px;
	
	margin-right:2px;
	margin-left:2px;
	}	

/* DIAPO SITE PERSO - BOUTIQUE */

#bloc_explicationsperso {
	height: 78px;
	background-color:#ececec;
	margin-bottom:10px;
	padding-top:10px;
	margin-top:5px;
	overflow: auto;
	width: 100%;
	/*overflow: hidden;*/
	}
#bloc_explicationsperso ul{
	height: 45px;
	width: 880px;
	text-align: left;
	}

#bloc_explicationsperso ul li{
	display: inline-block;
	}

#bloc_explicationsperso ul li img{
	position: relative;
	height: 40px;

margin-right:5px;
	}
#bloc_explicationspartenaire {
	height: 78px;
	background-color:#ececec;
	margin-bottom:10px;
	padding-top:1px;
	margin-top:5px;
	overflow: auto;
	width: 100%;
	/*overflow: hidden;*/
	}
/* DIAPO SITE PERSO - DEPLIANT */
#bloc_depliant{
	height:auto;
	overflow: auto;
	width: 100%;
	background-color:#ffffff;
	margin-bottom:10px;
	
	}
#bloc_depliant ul{
	height:auto;
	overflow: hidden;
	}
#bloc_depliant ul li img{	

	margin-top:5px;
	}	
/* DIAPO SITE PERSO - FOLDERS */
#bloc_folders{
	height: 165px;
	overflow: auto;
	width: 100%;
	background-color:#ffffff;
	/*overflow: hidden;*/
	}
#bloc_folders ul{
	height:162px;
width: 200px;
min-width:100%;
	text-align:center;

	}

#bloc_folders ul li{
	display:inline-block;
	}

/* FILTRE PROMOS */
#bloc_filtre_prom{
	height: 34px;
	width: auto;
	}
#bloc_filtre_prom ul{
	height:32px;
width: auto;
	text-align:left;	
	}
#bloc_filtre_prom ul li{
	display:inline-block;
	}
#bloc_filtre_prom ul li img{
	margin-left:0px;
	}
/* DIAPO SITE PERSO - ACTIONS */
#bloc_explicationsactions{
	height: auto;
	overflow: auto;
	width: 100%;
	background-color:#ffffff;
	
	/*overflow: hidden;*/
	}
#bloc_explicationsactions ul{
	height: 95px;
	width: 880px;
	}

#bloc_explicationsactions ul li{
	float: left;
	}
#bloc_explicationsactions ul li img{	
	height: 33px;
	max-width:90px;
	margin-top:5px;
	}

/* DIAPO SITE PERSO - ANNONCES */
#bloc_explicationsannonces{

margin-top:5px;
margin-bottom:5px;

	/*overflow: hidden;*/
	}		
/* CHANGEMENT DE PAYS - DRAPEAUX */

#bloc_explicationscoin{
	height: auto;
	overflow: auto;
	width: 100%;
	background-color:#ffffff;
	
	/*overflow: hidden;*/
	}
#bloc_explicationscoin ul{
	height: 100px;
	width: 100%;
	}
#bloc_explicationscoin ul li{
	float: left;
	}
#bloc_explicationspromo{
	height: auto;
	overflow: auto;
	width: 100%;
	background-color:#ffffff;
	
	/*overflow: hidden;*/
	}

#bloc_explicationspromo ul{
	height: 100px;
	width: 100%;
	}

#bloc_explicationspromo ul li{
	float: left;
	}

#mobile_categories ul.nav_pays{
	height: 65px;
	text-align: center;
	background:#ffffff; 
	border-radius: 1px;
	}
	
#mobile_categories ul.nav_pays li{
	display: inline-block;
	width: 30%;
	margin: 5px 5px;
	}

#mobile_categories span.nb_annonce{	
position: absolute;width: 15px !important;height: 15px !important;right: 15px; font-size:18px;color: #a4a4a4;margin-top:2px;
}

#mobile_categories ul.nav_pays img {
	margin:-5px auto 0px;
	width:50px;
	
	border: 2px solid #ececec;
	padding:3px;
	background-color:#FFFFFF;
	display: block;
	}
	
#mobile_categories ul.nav_pays p{
	text-align: center;
	color:#a4a4a4; 
	font-weight: bold;
	font-size:12px;
	background-color:#FFFFFF;
	padding:5px;
	margin-left:-5px;
	}
	
/* SCROLL AVEC LES ANNONCES EN HOMEPGAE */

#mobile_categories .annoncesTop{
	background : #ececec;
	padding: 3px 5px 3px 0px;
	position: relative;
}

#mobile_categories .annoncesTop .titre{
	font-size: 12px !important;
	margin-bottom:3px;
	font-weight:bold!important;
	}

#mobile_categories .annoncesTop img{
	width: 165px;
	position:absolute;

	left: 7px;
	}

#mobile_categories .annoncesTop p.modifCommune{
width:97%;
text-align:center; 
color:#8b8b8b; 
padding-top:3px; 
font-weight:bold; 
text-transform:uppercase;
}

#mobile_categories .annoncesTop p.modifCommune span{
color:#4a4a4a;font-size:13px;
}

#mobile_categories .annoncesTop p.modifCommune img{
	width: 10px;
	margin-right: 5px;
	}

#mobile_categories .annoncesTop a.changer{
font-size:9px;text-decoration: underline;margin-left:5px; color:#12C;
}

/* TOP ANNONCES - VOLET 8 */

#mobile_categories #menu_general #topAnnonces li{

background: none repeat scroll 0% 0% #FFF;
width: 43%;
height: 200px;
border: 1.5px solid #ECECEC;
overflow: hidden;
padding: 5px;
display: block;
margin: 0px 2px 2px;
float: left;
border-radius: 1px;
position: relative;
	}
	
#mobile_categories #menu_general #topAnnonces li p{
	color: #292929;
font-size: 9px;
font-weight: bold;
margin: 0px 0px 1px;
padding: 1px 0px;
text-align: center;
text-transform: uppercase;
	}
	
/*  */
/* TOP ANNONCES - VOLET 8 */
#mobile_categories #menu_general{
	overflow: hidden;
	}


#mobile_categories #menu_general #facebook li{

background: none repeat scroll 0% 0% #FFF;
width: 43%;
height: 20px;
border: 1.5px solid #ECECEC;
overflow: hidden;
padding: 5px;
display: block;
margin: 0px 2px 2px;
float: left;
border-radius: 1px;
position: relative;
	}
	
#mobile_categories #menu_general #facebook li p{
	color: #292929;
font-size: 9px;
font-weight: bold;
margin: 0px 0px 1px;
padding: 1px 0px;
text-align: center;
text-transform: uppercase;
	}
#detailRub #mots_cles_associes, #mots_cles_associes{
	background: #ffffff;
  padding: 3px;
  overflow: hidden;
  margin: 5px 0;
  z-index: 100 !important;
  position: relative;
	}

#detailRub #mots_cles_associes ul, #mots_cles_associes ul{
	width: 50% !important;
	float: left;
	}
	
#detailRub #mots_cles_associes ul li, #mots_cles_associes ul li{
	background: #FFDA3E;
	margin:2px;
	margin-left:0px;
	padding:3px;
	font-size: 10px;
	color: #292929;
	text-align: left;
	border: none !important;
	height: 12px !important;
	text-transform: uppercase !important;
	}
	
#detailRub #mots_cles_associes ul li:first-letter, #mots_cles_associes ul li:first-letter{
color: red !important;
line-height:14px;
}

#detailRub #mots_cles_associes p, #mots_cles_associes p{	
	margin:0px 0px 5px;
	color:#282828 !important;
	background: ffffff !important; 
	text-align: center; 
	text-transform: uppercase;
	line-height: 14px;	
	font-weight: bold;
	font-style:normal;
	padding: 0;
	font-size: 8px;
}

/* BLOC POUR QUAND ON EST PAS CONNECTE*/

#nonConnecte{
background: #ffffff; padding:5px; height:200px;border: 1px solid #e86510; font-size:12px; text-align:center;  border-radius: 1px;
}

#nonConnecte a{
margin-top:15px;color:#12C; text-decoration:underline; display:block;
}

#nonConnecte p{
font-size: 14px;
color: #292929;
margin: 5px;
}

#nonConnecte img{
	width: 50px;
	margin: 5px;
	}


/* MENU GENERAL - BLOC AVEC LES ICONES */

#mobile_categories #menu_general, #rubFav{
	margin: 0px auto -1px;
	text-align: center;
	background-color:#ffffff;
	}

#mobile_categories #menu_general li, #rubFav li{
	border-radius: 3px;
background-color:#ffffff;
	width: 72px;
	height: 59px;
	padding-top:5px;
	padding-bottom:5px;
border: 1px solid #ececec;
	display: inline-block;
	margin:1px;
	margin-top:1px;
	}
	
#mobile_categories #menu_general li img, #rubFav li img{
	max-width: 110px;
	height: 39px;
	padding:1px;
	background-color:#ffffff;
	margin-left:14px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
/* ----------- TOUS LES VOLETS --------------- */

#mobile_categories #ann_homepage{
	width:95%;
	height: auto;
	size:9px;
	position: relative;
	overflow:scroll;
padding:7px;
padding-left:10px;
	padding-bottom:25px;
	
	text-align: center; /* *** */
	}
#mobile_categories #ann_homepage_volet{
	height: auto;
	size:9px;
	position: relative;
	
	background-color:#E8E8E8;
	}
#mobile_categories #ann_mesannonces{
	width:100%;
	height: auto;
	size:9px;
	position: relative;
	overflow:hidden;
	
	padding-top:5px;
	padding-bottom:10px;

	
	
	
	}
#mobile_categories #ann_clientsfavoris{
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	
	padding-left:2px;
	}
#mobile_categories #ann_clientscontacts{
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	
	padding-left:2px;
	}
	
#mobile_categories #ann_favoris{

    position: relative;
	display: block; 
	width: 1200px; 
	overflow: auto;
	height:auto;
	text-align:left;
}
#mobile_categories #ann_pageslues{
	size:10px;
	position: relative;
	margin-top: 5px;
	
	padding-top:5px;
		background-color:#e3e3e3;
		height:700px;
	}
#mobile_categories #ann_notifications{
	height: 900px;
	size:9px;
	position: relative;
	
	margin: 2px 0px;
	padding:3px;
	padding-bottom:23px;
	background-color:#ececec;
	}
#mobile_categories #ann_aide{
	height: auto;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 3px;
	padding:3px;
	padding-bottom:5px;
	background-color:#ffffff;
	
	}
#mobile_categories #ann_journal{
	height: auto;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;
	padding:3px;
	padding-bottom:23px;
	}
#mobile_categories img.fleche{

	width: 15px;
	left:3px;
	z-index: 10;
	
	bottom: 70px;
	right: auto;
	}
	
#mobile_categories #ann_homepage ul{
	width: 280px;	
	}
#mobile_categories #ann_pageslues ul{
	width: 94%;
	}
#mobile_categories #ann_notifications ul{
	width: auto;	
	}
#mobile_categories #ann_aide ul{
	width: 280px;	
	}
#mobile_categories #ann_depliants ul{
	width: 100%;
	}
#mobile_categories #ann_depliants_logo ul{
	width: 3000px;
	}
#mobile_categories #ann_annuaire ul{
	width: 2000px;
	}
#mobile_categories #annuaire_homepage ul{
	width: 2000px;
	}	
#mobile_categories #commercial_homepage ul{
	height: 92%;
	width:120%;

padding:2px;
	}
#mobile_categories #annonces_homepage ul{
	height:100%;
		width: 950px;

	}
#mobile_categories #journal_homepage ul{
	height: 95%;
	width:150%;
background : #38c014;
	}
#mobile_categories #rubriques_homepage ul{
	height: 95%;
	width:150%;
background : #57b6ed;
	}
#mobile_categories #ann_mesannonces ul{
	width: 280px;	
	}
#mobile_categories #ann_clientsfavoris ul{
	width: 1180px;	
	}
#mobile_categories #ann_clientscontacts ul{
	width: 280px;	
	}
#mobile_categories #ann_favoris ul{
	width: 100%;
	}
#mobile_categories #ann_favoris ul li{
		
	display: inline-block;
	vertical-align:middle;
	height: 50px;
	overflow: hidden;
	padding:3px;

	

	}

#mobile_categories #ann_pageslues ul li{
			width: 99%;
	display: inline-block;
	vertical-align:middle;
	height: 50px;
	overflow: hidden;
	padding:3px;
	
	border-radius:1px;
	margin-bottom:4px;
	
	}
#mobile_categories #ann_demandes ul li{
			width: 100%;
	display: inline-block;
	vertical-align:middle;
	height: auto;
	overflow: hidden;
	padding:5px;
	margin-bottom:4px;
	margin-left:3px;
	}
#mobile_categories #ann_notifications ul li{
	
	height: 88px;
	border:none;
	border: 1px solid #ffffff;
	overflow: hidden;
	padding: 3px;
	display: inline-block;
	
	margin-bottom:5px;
	float: left;
	background : #FFF;
	position: relative;
	}
#mobile_categories #ann_aide ul li{
	width: 280px;
	height: auto;
	border:none;
	border-bottom: 1px solid #ececec;
	overflow: hidden;
	padding: 3px;
	display: block;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	padding-top:5px;
	}
#mobile_categories #ann_journal ul{
	width: 280px;
	
	}
#mobile_categories #ann_journal ul li{
	width: 283px;
	height: auto;
	border:none;
	border: 1px solid #ececec;
	overflow: hidden;
	padding: 3px;
	display: block;
	margin: 0px 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #ann_journal ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_homepage ul li{
	width: 31%;
	height: 185px;
	overflow: hidden;
	display:inline-block;
	margin:2px;
	float: left;
	background : #FFFFFF;
	position: relative;
	border-radius:5px;
	}
#mobile_categories #ann_homepage_volet ul li{
	width: 99%;
	height: 115px;
	overflow: hidden;
	display:inline-block;
	margin:1px;
	float: left;
	background : #FFFFFF;
	position: relative;
	color : #FFFFFF;
	}
#mobile_categories #ann_mesannonces ul li{
	width: 100%;
	height: auto;
	border:none;
	overflow: hidden;
	padding: 3px;
	display: block;
	
	margin:4px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #ann_clientsfavoris ul li{
	width: 50px;
	height: 135px;
	padding:3px;
	border:none;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #ann_clientscontacts ul li{
		height: auto;
	size:9px;
	position: relative;	
	margin: 2px 0px;	
	background-color:#ffffff;
	}
#mobile_categories #ann_homepage ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_homepage_volet ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_mesannonces ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_clientsfavoris ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_clientscontacts ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_notifications ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:left;
	}
#mobile_categories #ann_aide ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_depliants{
	height:500px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;
	padding:3px;
	background-color:#F0F0F0;
	padding-left:5px;
	padding-top:5px;
	}
#mobile_categories #ann_depliants_logo{
	
	height:75px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;

	background-color:#ffffff;
	padding-left:20px;
	

	}
#mobile_categories #ann_annuaire{
	
	height:115px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;

	background-color:#ffffff;
	padding-left:2px;

	}
#mobile_categories #annuaire_homepage{
	
	height:143px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 1px 0px;

	background-color:#ffffff;
	padding-left:2px;

	}
#mobile_categories #commercial_homepage{
	
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;	
	padding-left:2px;

	}
#mobile_categories #rubriques_homepage{
	
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;	
	padding-left:2px;

	}
#mobile_categories #annonces_homepage{
	
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	
	padding-left:2px;

	}
#mobile_categories #journal_homepage{
	
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;
	padding-left:2px;

	}
#mobile_categories #ann_depliants li{
	width: 92px;
	height: 148px;
	border:none;
	overflow: hidden;
	display: inline-block;
	margin-left: 5px;
	margin-bottom:5px;
	float: left;
	background : #FFF;
	border-radius: 5px;
	position: relative;
	vertical-align: top;

	
	
	}
#mobile_categories #ann_depliants_logo li{
	width: auto;
	height: 81px;
	padding:3px;
	border:none;
	border: 1.5px solid #ececec;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #ann_annuaire li{
	width: auto;
	height: 81px;
	padding:3px;
	border:none;
	border: 1.5px solid #ececec;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #annuaire_homepage li{
	width: auto;
	height: 81px;
	padding:3px;
	border:none;
	border: 1px solid #ffffff;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #annonces_homepage li{
	width: auto;
	height: 81px;
	padding:3px;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #journal_homepage li{
	width: auto;
	height: 81px;
	padding:3px;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #ann_depliants{
	height:500px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;
	padding:3px;
	background-color:#F0F0F0;
	padding-left:2px;
	padding-top:5px;
	}
#mobile_categories #ann_depliants_volet{
	height:500px;
	size:9px;
	position: relative;
	background-color:#F0F0F0;
	

	}
#mobile_categories #ann_depliants_volet li{
	height: 30px;
	margin: 0px auto;
	background-color:#ececec;
	width:101%;
	margin-left:-4px;
	behavior: url(/PIE.htc);
	position: relative;
	cursor: pointer;
	text-align: left;
	border-bottom: 1px solid #ececec;

	}

#mobile_categories ul.volets{
	width: 93%;
	margin: 0px auto;
	}
	
#mobile_categories ul.volets li{
	height: 14px;
	margin: 0px auto;
	background-color:#eeeeee;
	width:97%;
	position: relative;
	cursor: pointer;
	text-align: left;
	border-bottom: 1px solid #f4f4f4;
	
	}
	
#mobile_categories h1 {
	padding: 4px 10px;
	font-size: 18px;
	color: #656565;
	text-transform: uppercase;
	/* font-weight: normal; */
	}

#mobile_categories .subcategory, #mobile_categories .subcategory2 {
	display: none;
	margin: auto;
	margin: 0px 0px 0px;
	position: relative;
		width:100%;

	}
	
#mobile_categories span.titre{
	text-transform: lowercase;
	font-size: 12px;
	color: #4A4A4A;
	background-color:#FFFFFF;
	}
	
#mobile_categories .btn_subcategory, #mobile_categories .btn_subcategory2, #mobile_categories .btn_subcategory_false{
	background: #ffffff;
	height: 26px;
	position: relative;
	text-align: left; /*16-07-15*/
	}
	
#mobile_categories .btn_subcategory2.annonce {
	background: url(/images/populi/fleche_menu_droite.png) no-repeat right 10px top 8px !important;
	background-size: 10px !important;
	text-align: left;
	}
	
#mobile_categories .btn_subcategory, #mobile_categories .btn_subcategory_false{
	display: none;
	}
	
#mobile_categories .btn_subcategory.navigation, #mobile_categories .btn_subcategory.btnNavigation, #mobile_categories .btn_subcategory_false.btnNavigation{
	display: block !important;
	}
	
#mobile_categories .btn_subcategory.navigation p{
	background: url(/images/populi/croix_supp_gris.png) no-repeat right 4px top 5px;
	background-size: 10px;
	}
	
#mobile_categories .subcategory.navigation{
	display: block;
	}
	
#mobile_categories .subcategory.btnNavigation{
	display: block;
	}
	
#mobile_categories .btn_subcategory.navigation{
	display: block;
	}
	
.imgClose{
    width: 10px;
    position: absolute;
    right: 3px;
    top: 3px;
	
}

 #mobile_categories .close,  #mobile_categories .close2.magique{
	display: none;
	}

#mobile_categories .btnClose, #mobile_categories .btnClose2.magique{
	display: none;
	}

#mobile_categories .btnClose.navigation, #mobile_categories .btnClose2.magique.navigation{
	display: block;
	}
	
#mobile_categories .close.navigation, #mobile_categories .close2.magique.navigation{
	display: block;
	}
	
.magique{
	position: relative; margin: -46px 0px 0px -71px; background: #FFF; height: 475px;z-index: 10;
	}
	
/* --***** fin -- */
	
#mobile_categories .btn_subcategory p, #mobile_categories .btn_subcategory2 p, #mobile_categories .btn_subcategory_false p{
	margin-left:1px;
	color:#454545;
	font-size:8px;
	line-height:10px;
	text-transform:uppercase;
	margin-top:3px;
	}

#mobile_categories .btn_subcategory p span.selection, #mobile_categories .btn_subcategory2 {
color: #E00; 
font-weight: bold;
}

#mobile_categories .btn_subcategory p span.changer, #mobile_categories .btn_subcategory2 p span.changer{
font-size:9px;text-decoration: underline;margin-left:5px; color: #12C;
}


#mobile_categories .btnClose .navigation, #mobile_categories .close .navigation{
	display: block;
	}

#mobile_categories .delete, #mobile_categories .btnClose img.imgClose{	
	position: absolute;
	top: 3px;
	right: 4px;
	width: 17px;
	height:17px;
	background: none;
}

#mobile_categories ul.subcategory li, #mobile_categories ul.subcategory2 li{
	
	
 	
	position: relative;
	cursor: pointer;
	background: #FFF;
	text-decoration: none;
	
	}
	
#mobile_categories ul.nav_pays li{
	width: 30%;
	}
		
#mobile_categories ul.subcategory2 li a {
	height: auto;
	font-size: 8px!important;
	color: #878787;
	text-transform: uppercase;
	line-height: 8px;
	text-decoration: none;
	background-color:#FFFFFF;
	margin-left:10px;
	}
	
#mobile_categories ul.subcategory li a.delete{
	text-align: center;
	font-size: 8px;
	padding-top: 1px;
	color:#FF0000;
	border-top :	1.5px solid #ececec;
	background:none !important;
	}

#mobile_categories .icone_mobile {
	height: 10px !important;
	position: absolute;
	left: 5px;
	top: 1px;
	width: 10px !important;
	}

/* ------------ formulaire IDENIFICATION pour le login ------------ */

#mobile_categories #formLoginMobile{
	
	position: absolute;
	
	margin: 0px;
	
	left: 0;
	display: none;
	z-index: 10;
	height: 95%;
	width: 100%;
	}
	
#mobile_categories #formLoginMobile .loginExplain{
	font-size: 8px;
	padding: 2px;
	margin: 2px;
	color: #009EE0;
	text-transform: uppercase;
	text-align: center;
	font-weight:bold;
	}
	
#mobile_categories #formLoginMobile label{
	padding: 2px;
	margin: 1px auto 0px;
	font-size: 8px;
	display: block;
	text-align: center;
	color: #6e6e6e;
	}
	
#mobile_categories #formLoginMobile input{
	margin: 0px auto;
	height: 10px;
	font-size: 11px;
	display: block;
	padding:2px;
	background: #ffffff;
	border:none;
	border-radius:3px;
	}
	
#mobile_categories #formLoginMobile input#submit{
	width: 80%;
	height: 18px;
	background: #009EE0;
	text-transform:none;
	color: #FFF;
	border-radius: 3px;
	border: none;
	display: block;
	margin: 5px auto;
	font-size:10px!important;
	padding:4px!important;
	}

#mobile_categories #formLoginMobile .texte{
	width: 180px; 
	font-size: 11px; 
	float: left; 
	border: 1px solid #c9c9c9; 
	border-radius: 3px; 
	font-style: normal; 
	padding: 8px 5px; 
	height:10px;
	}

#mobile_categories #formLoginMobile a{
	font-size: 8px;
	text-decoration: underline; 
	text-align:center;
	color: #12C;
	margin-top:5px;
	display: block;
	}



.newcompte p{
	width: 45%;
	float: left;
	font-size:12px;
	text-align:center;

	margin-bottom:5px;
	margin-left:5px;
	font-weight:bold;
	padding:3px;
	}
	
input[type=radio].profil {
    position: absolute !important;
	width: 111px !important;
	height: 68px !important;
	border: 1px solid #FFF;
	opacity: 0;
	padding:3px;
}

input[type=radio].profil + label.profil {
    padding-left:20px !important;
	height:68px !important;
	width: 90px !important; 
    display:inline-block !important;
    background-repeat:no-repeat !important;
    background-position: 0 0 !important;
    vertical-align:middle !important;
    cursor:pointer !important;
	border: 1px solid #FFF;
	
}

input[type=radio].profil:checked + label.profil {
    border: 1px solid red !important;
	
}

label.profil.madame{ 
    background-image:url(http://www.lesinfoslocales.be/images/populi/profil_madame.png) !important;
}

label.profil.monsieur{ 
    background-image:url(http://www.lesinfoslocales.be/images/populi/profil_monsieur.png) !important;
}

label.profil.senior{ 
    background-image:url(http://www.lesinfoslocales.be/images/populi/profil_senior.png) !important;
}

label.profil.ado{ 
    background-image:url(http://www.lesinfoslocales.be/images/populi/profil_ado.png) !important;
}

/* recherche generale */

#search-service .texte{
	padding-left: 3px;
	height: 20px;
	width: 200px;
	}

#search-service .submit{
	border: none;
	border-radius: 4px;
	color:#ffffff;
	font-size:15px;
	padding:5px;
	background-color:#009EE0;
	display: inline-block;
	font-weight:bold;
	
}

/* ANNUAIRE */

#mobile_categories #indexListeAnnuaire li{
	background: #FFDB59;
	margin: 3px 0px;
	padding: 5px 10px;
	font-size: 12px;
	text-transform: uppercase;
	}

#mobile_categories .voletsAnnuaire{
	display: none;
	}
	
#mobile_categories #annuaire_liste p.liens{
	background: #FFDB59;
	margin: 3px 0px;
	padding: 4px 10px;
	font-size: 12px;
	text-transform: uppercase;
	position: relative
	}
	
#mobile_categories #annuaire_liste p.liens img{
	position: absolute;
	top: 2px;
	right: 2px;
	}
	
#mobile_categories #annuaire_liste .texte{
	width: 100%;
	overflow: hidden;
	}
	
/* ------- */

#mobile_categories #administration p{
	margin: 3px 0px;
	padding: 5px;
	color: #292929;
	border-bottom: 1.5px solid #ececec!important;
	font-size:12px;	}

/* ----- */

#mobile_categories .btnMenuCategories{
	display: block;
	font-size:7px!important;
	line-height:8px;
	width: 279px;
	margin-bottom:1px;
	text-decoration: none;
	height:19px; 
	
	text-transform:uppercase; 
	margin-top:3px;
	color: #919191;
	font-weight:bold;
	padding-top:3px;
	}
#mobile_categories .annonce_texte_titre {
	text-align: center !important;
	font-size: 7px;
	padding-top: 1px;
	margin-bottom:0px;
	color:#292929;
	background:none !important;
	}
#mobile_categories .nv_annonce {
	padding: 6px 10px;
	font-size: 10px;
	color: #737373;
	text-transform: uppercase;
	}
#mobile_categories .nv_annonce h1{	
	color: #1eaadd;
	font-size: 11px;
	margin: 5px 0px;
	text-align: center;
	padding: 0;
	background: none;
	}
	
#mobile_categories .nv_annonce label{
	display: inline-block;
	width: 1%;
	}
	
#mobile_categories .nv_annonce input, #mobile_categories .nv_annonce textarea {
	width: 94%;
	margin-left:2px;
	border:none;
	font-size: 14px;
	color:#3b3b3b;
	background-color: #f3f3f3;
	}

#mobile_categories .nv_annonce_titre {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom:5px;
	
	}

#mobile_categories .nv_annonce_texte_pro {
	padding-left:3px;
	font-size: 12px;
	
	margin-bottom:1px;
	background-color: #ffffff;
	line-height:22px;
	border:none;
	color:#9b9b9b;
	width:217px;
	margin-left:1px;
	}
#mobile_categories .nv_annonce_label_pro {
	padding-left:3px;
	font-size: 14px;
	text-transform: none;
	line-height:17px;
	border:none;
	color:#606060;
	width:95px!important;
	margin-left:3px;
	display: block;
float: left;
clear: both;
	
	}


#mobile_categories .nv_annonce_combo_pro {
	font-size: 14px;
	padding-left:3px;
	width:217px;
	margin:3px;
	line-height:30px;
	border:none;
	}
#mobile_categories .nv_annonce_contact_combo {
	
	font-size: 26px;
	text-transform: uppercase;
	margin-bottom:5px;
background-color:#ffffff;
	height:37px;
	border:none;
	border-radius:0px;
	color:#a2a2a2;
	}
#mobile_categories .obligatoire {
	color:#151515;
	font-weight:bold;
	}	


/* MISE EN PAGE DES ANNONCES-ARTICLES */

#mobile_categories .subcategory2#annonce li{
	height: auto;
	padding: 5px 0px;
	}
	
#mobile_categories .subcategory2#annonce li p{
	font-size:10px;
	color: #AAA;
	text-transform: none;
	}

#mobile_categories .subcategory2#annonce li a.plus_infos{	
  position: absolute;
  bottom: 2px;
  right: 2px;
  font-size: 8px;
  color: blue;
  text-decoration: underline;
}

#mobile_categories .subcategory2#annonce a.acces_rubrique{
  color: blue;
  font-size: 9px;
  text-align: center;
  display: block;
  text-transform: uppercase;
  padding: 5px 0px 0px;
  text-decoration: underline;
}
	
	
	
/* ------------- DETAIL DES RUBRIQUES -------------- */

#detailRub{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.95);
	width: 100%;
	height: 1250px;
	z-index: 10;
	}

#detailRub img.icone{
	display: block;
	margin: 5px auto 5px;
	width:60px;
	}

#detailRub h1{
	background: none;
	text-align: center;
	margin: 0px;
	padding: 0;
	font-size: 16px;
	color: #222;
	}
	
#detailRub p{
	text-align: center;
	font-style:italic;
	padding: 7px;
	color: #555;
	font-size: 10px;
	}
	
#detailRub ul li{
	text-align: center;
	}
	
#detailRub ul li a{
	
	font-size: 8px;
	text-decoration: none;
	text-transform:uppercase;
	}
	
#detailRub ul li a.supp{
	color: #E00;
	}
	
/* RUBRIQUES FAVORITES - MON JOURNAL */

#favoris li{
	height: 23px;
	width: 98%;
	}

#favoris li div{	
padding:3px;
}

#favoris li .icones_rub{
width: 18px; height: 18px; margin-top:-4px;background-color:#ffffff;
}

#favoris li div p{
font-size:12px;margin-top:-20px !important;margin-left:25px;
}

#favoris li a{
font-size:6px; color:#ff0000;
}

#favoris li a img{
height:79px;
background-color:#FFFFFF;
}

#favoris li .no_annonces .icones_rub{
width: 12px; height: 12px; padding: 1px;margin-top:-4px;
}

#favoris li div.no_annonces p{
font-size:10px;margin-top:-20px !important;margin-left:25px;
}



/* ----------------- smartphone_recherche.php ----------------- */


 #resultat_articles, #resultat_clients{
	 width: 100%; 
	 overflow: hidden;
	
	 
	 background-color:#ffffff;
	 padding-top:10px;

	 }
	 
#resultat_clients{
	margin-top: 2px;
	}
	 
#resultat_articles ul, #resultat_clients ul{
	}
	 
#resultat_articles p{
	
	font-weight: normal !important;
	font-size: 14px;
	
	}
	 
#resultat_clients h1, #resultat_articles h1{
	font-size: 18px;
	text-transform: uppercase;

	background:none;
	text-align:center;
	width: 100%;
	line-height: 18px;
	}
	

	
#resultat_articles p.btnPlus, #resultat_clients p.btnPlus2{
		
		text-transform: uppercase;
	font-size: 12px;
	color: #009EE0;
	text-align: center;
font-weight: bold;
	display: block;
	}
	
#resultat_clients h1 span, #resultat_articles h1 span{
	color:#00D; font-size:9px; font-weight:bold; margin-bottom:10px; line-height:18px; text-decoration:underline;
	text-transform: none
	}
 
 #resultat_articles ul li,  #resultat_clients ul li{
	
	
	  padding : 5px ;	
	 list-style: none;
	 height: auto;
	 min-height:50px;
	
	 float:left;
	 background-color: #FFDB59;
	 position: relative;
	padding-bottom:33px;
	 margin:5px;
	 padding-right:9px;
	 padding-left:7px;

	 }
	 .icons_contact{
	width:32px;
	height:32px!important;
	margin-left:8px;
	
	}
	 .icons_no_contact{
	width:25px;
	height:25px!important;
	background-color:#ececec;
	padding:5px;
	margin-left:3px;
	}
	.image_profil{

border-radius:40px;
	
	height:40px;
	width:40px; 

	display: inline-block;
	border:1px solid #dbdbdb;
	padding:3px;
	background-color:#ffffff;
	}
	.image_no_profil{
	
	border-radius: 35px;
	padding: 4px;
	background-color: #ffffff;
	float: left;
	height: 25px;
	width: 35px;
	display: inline-block;
	padding-top:13px;
	}
	.image_profil_centre{
	border-radius:30px;
	padding:1px;
	height:40px;
	width:40px; 
	border: 2px solid #dddddd;
	display: inline-block;
	background-color:#ffffff;
	}
	.image_no_profil_centre{
	margin-left: 5px;
	border-radius: 35px;
	padding: 5px;
	background-color: #ececec;
	height: 40px;
	width: 40px;
	display: inline-block;
	}
	.image_no_profil_small{
	border-radius: 15px;
	padding: 5px;
	background-color: #ececec;
	height: 20px;
	width: 20px;
	display: inline-block;
	border:2px solid #f3f3f3;
	}
.image_profil_small{
	border-radius:15px;
	padding:1px;
	height:20px;
	width:20px; 
	border: 2px solid #dddddd;
	display: inline-block;
	background-color:#ffffff;
	}
	 .form_contact{
	height:22px;
	padding-left:5px;
	color:#737373!important;
	width: 80%;
	max-width:220px;
	margin-bottom:8px;
	font-size:16px;
	border:none;
	border-radius:0px;
	background-color: #ececec!important;
	}
	.formul_bouton_smartphone{
	background-color:#ffdb61!important;
	color:#232323!important;
	text-transform:none;
	height:32px;
	font-size:14px;
	width:190px;
	border-radius:5px;
	padding-left:3px;
	padding-right:3px;
	font-weight:bold;
	padding-top:12px;
	border:none;
	text-align:center;
	
	
	}
 #resultat_articles li span,  #resultat_clients li span{
	position: absolute;
	right: 5px;
	top: 20px;
	color: #3b3b3b;
	background: #f3f3f3;
	padding: 5px 0 0;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	behavior: url(/PIE.htc);
	height: 15px;
	width: 19px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	 }


 #resultat_articles li .image_art{
	 float: left;
	 margin-right: 5px;
	 }
	 
 #resultat_articles li .image_art img{
	border: 2px solid #dddddd;
	padding:1px;
	width:48px;
	 margin-top:2px;
	 margin-bottom:3px;
	 }
 
#resultat_articles li .titre, #resultat_clients li .titre{
	  font-size: 14px;
	  font-weight:bold;
	  text-transform: uppercase;
	  text-decoration:underline;
	  width: 90%;
	  margin-left:3px;
	  }
#resultat_articles li .infos_compl{
	color: #444444;
	font-size:8px;
	} 
#resultat_articles li .infos_compl_label{
	color: #9b9b9b;
margin-bottom:5px;
	font-size:10px;
	text-transform: uppercase;
line-height:16px;
width: 100px !important;
margin-left: 3px;
display: block;
float: left;
clear: both;
	}
#resultat_articles li .infos_compl_ss{
	font-size:14px!important;
	color: #444444;
	line-height:14px!important;
	margin-bottom:10px;
	} 
#resultat_articles li .infos_compl_textarea{
	font-size:14px!important;
	border: 1px solid #ececec;
	margin-left:5px;
	} 
#resultat_clients li .company_fonction{
	color: #999;
	padding: 5px 0;
	text-transform:lowercase;
	font-size:11px;
	font-style:italic;
	margin-left: 5px;
	}
#resultat_clients li .mots_cles{
	text-transform: uppercase !important;
font-weight: bold !important;
font-size: 10px !important;
color: #232323 !important;
border-top: 1.5px dashed #E3E3E3;
line-height: 12px !important;
margin-bottom: 3px;
margin-top: 1px;
padding-top: 1px;
margin-left:3px;
	}
#resultat_clients li .texte{
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	padding-right: 5px;
	}
	
#resultat_clients li .image_meta{
	float: left;
	margin: 1px 6px 3px 3px;
	padding: 1px;
	border: 1px solid #CCC;
	height:40px;

	}
	
#resultat_clients li .sous_commune{
	margin-top: 1px;
	margin-left:3px;
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	}
#resultat_clients li .infos_compl_label{
	color: #000000;
	margin-bottom:3px;
	font-size:14px;
	text-transform: uppercase;
	line-height:13px;
	font-weight:bold;
	font-style: italic;
	}
#resultat_clients li .infos_compl{
	font-size:14px;
	
	}
/* smartphone_articles.php */

#voletsAutresInfos{
width:80%; 

background: #ffffff;
margin-top:2px;
margin-bottom:3px;
padding-bottom:5px;
}

#voletsAutresInfos .volets{
	padding:2px; margin-bottom:1px;
	}
	
#voletsAutresInfos .volets p, #voletsAutresInfos .volets a{
height:23px;
padding:5px; 
padding-top:9px;
margin: auto;
width:97.5%;
color:#FFFFFF; 
margin-top: 6px; 
line-height:18px; 
border-radius: 5px;
font-size:16px!important; 
display: block;
}


#mobile_articles li{
	/*
	width: 44%;
	background: #ffffff;
	border: 1.5px solid #e3e3e3;
	display: inline-block;
	padding:4px 3px;
	margin:3px;
	min-height: 80px;*/
	vertical-align: top;
	
	width:80%; 
	

	background: #ffffff;

	}
	
#mobile_articles li.annoncePerso{

	display: inline-block;
	overflow: hidden;
	position: relative;

	height: 205px;
	margin-bottom:1px;
width: 116px;


padding: 1px;
padding-top:5px;
 text-align: center;
	}

#mobile_articles li.annoncePerso .modifier{	
	color: #2C91CB; 
	z-index: 1000;
	padding: 5px;
	font-size: 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 89%;
}

#mobile_articles li.annoncePerso img{
max-width: 100px;
	max-height:125px
	
	}

#mobile_articles li .libelle{	
	background: #ffffff;
	display:block;
	height:25px;
    color: #5f5f5f;
    font-size: 12px;
  
    margin-top: 1px;

    padding: 1px 0;
    text-align: center;
    text-transform: uppercase;
	}

#mobile_articles li .id_ref{	
font-size:11px; text-align:center;
}

#mobile_articles li .client img{
max-width:40px!important;max-height:40px;left:40px;padding:5px;
}

#mobile_articles li .publication{
font-size:10px; text-align:center;border-bottom: 1px solid #e3e3e3;margin-bottom:5px;padding:5px;width:99%;margin-left:-3px;
}

#mobile_articles li .photo{
	
	
	margin-right: 5px;
	margin-bottom: 10px;

	display: block;
margin: 0px auto 0px;
	}

#mobile_articles li .px_new{
    clear: both;
    color: #80B71B;
    font-size: 16px;
    font-weight: normal;
    margin: 2px 0;
    padding: 1px;
    text-align: center;
	}

#mobile_articles li .px_old{
	font-weight: normal;
	text-decoration: line-through;
	margin-right: 15px;
	color: #999;
	}

#mobile_articles li .description{
	font-size: 13px;
    font-weight: bold;
    line-height: 11px;
	color: #7E7E7E;
	text-align:center;
	margin-bottom:5px;
	}
#mobile_articles li .libelle_liste{	
	background: #ffffff;
    color: #3b3b3b;
    font-size: 22px;
   
    margin-bottom:5px;
	
    padding-top:7px;
    text-align: center;
    text-transform: uppercase;
	}

#mobile_articles li .description_liste{
	font-size: 16px;
    
	color: #4a5154!important;
	text-align:center;
	margin-bottom:10px;

	
	}

#mobile_articles li .description_liste span{	
text-align:left;font-size:10px;color:#292929;font-weight: bold;
}

#mobile_articles li .condition{
font-size:15px; text-align:center;font-weight: bold;text-transform: uppercase;margin-top:5px;padding-top:5px;color:#f35415;margin-bottom:3px;
}

#mobile_articles li .validite{
font-size:15px; text-align:center;font-weight: bold;margin-bottom:5px;color:#4c5575;text-transform: uppercase;
}

#mobile_articles li .px_new_liste{
    clear: both;
    color: #80B71B;
    font-size: 26px;
    font-weight: normal;
    margin: 2px 0;
    padding: 1px;
    text-align: center;
	width:100%;

	}
#mobile_articles li .px_new_liste_client{
   
   position:absolute;
    clear: both;
    color: #80B71B;
    font-size: 34px;
    font-weight: normal;
    margin: 2px 0;
    padding: 1px;
    text-align: center;
	width:100%;
	bottom:25px;
	border-bottom: 1px dashed #e3e3e3;
	}
.px_old_detail{
	font-weight: normal;
	text-decoration: line-through;
	color: #999;
	font-size:18px;
	}
.px_detail{
	font-size:25px;
	margin-bottom:5px;
	color: #da2a3e;
}
.px_old_promotions{
	font-weight: normal;
	text-decoration: line-through;
	color: #a9a9a9;
	font-size:18px;
	}
.px_promotions{
	font-size:28px;
	margin-bottom:5px;
	color:#da2a3e;
}
.euro_promotions{
	font-size:17px;
	color:#a9a9a9;
}
.euro_detail{
	font-size:20px;
	color:#a9a9a9;
}
#mobile_articles li .gain_pc{
position:absolute;
	right: 1px;
	top:90px;
	color: #FFFFFF;
	font-weight:bold;
	font-size:20px;
	border-radius: 20px;
	background-color:#FF0000;
	padding:3px;
	width:150px;
	}
#mobile_articles li .gain_pc_client{
position:absolute;
	right: 5px;
	bottom:50px;
	color: #FFFFFF;
	font-weight:bold;
	font-size:13px;
	border-radius: 20px;
	background-color:#FF0000;
	border: 2px solid #FFFFFF!important;
	padding:2px;
	padding-top:11px;
	width:35px;
	height:25px;
	}
.gain_pc_client_recherche{
position:absolute;
	right: 5px;
	bottom:50px;
	color: #FFFFFF;
	font-weight:bold;
	font-size:13px;
	border-radius: 20px;
	background-color:#FF0000;
	border: 2px solid #FFFFFF!important;
	padding:2px;
	padding-top:11px;
	width:35px;
	height:25px;
	}
.gain_pc_detail{
position:absolute;
	right: 10px;
	top:42px;
	color: #FFFFFF;
	font-weight:bold;
	font-size:26px;
	border-radius: 460px;
	background-color:#da2a3e;
	padding:2px;
	padding-top:20px;
	width:70px;
	height:50px;
	}
.gain_detail{
position:absolute;
	right: 10px;
	top:42px;
	color: #000000;
	font-weight:bold;
	font-size:26px;
	border-radius: 60px;
	background-color:#FFDB59;
	padding:2px;
	padding-top:20px;
	width:70px;
	height:50px;
	}
#mobile_articles li .gain{
	position:absolute;
	left: 1px;
	top:90px;
	color: #000000;
	font-weight:bold;
	font-size:20px;
	border-radius: 20px;
	background-color:#FFDB59;
	padding:3px;
	width:150px;
	}
mobile_articles li .gain_client{
position:absolute;
border: 2px solid #FFFFFF!important;
	left: 5px;
	bottom:50px;
	color: #000000;
	font-weight:bold;
	font-size:13px;
	border-radius: 20px;
	background-color:#FFDB59;
	padding:2px;
	padding-top:11px;
	width:35px;
	height:25px;
	}
.gain_pc_art_client{

border: 2px solid #ff0007!important;
	
	color: #ff0007;
	font-weight:bold;
	font-size:11px;
	border-radius: 20px;
	background-color:#fff600;
	padding:2px;
	padding-top:10px;
	width:30px;
	height:20px;
	}


.ss_plan_plus{
height: 15px;;
	


	}

.bouton_menu_cat{
	display:inline-block;
background-color: #163875;

padding-left:12px;
padding-top:8px;
padding-right:12px;
padding-bottom:8px;
border-radius:25px;
margin-left:3px;
font-size:11px;
color:#ffffff;
font-weight:normal;
	}

.galerie_menu_cat{

background-color: #f5f9ff;
border-radius:10px;
margin:5px;
padding:10px;
font-size:11px;
color:#163875;
display:inline-block;
width:85px;
height:85px;
position:relative;
font-weight:normal;
line-height:18px;
font-size:13px;
	}

.galerie_menu_cat_p{

position:absolute; 
top:15px;
left:1px;
width:100%;text-align:center;
	}

.galerie_menu_cat_mini{

background-color: #f5f9ff;
border-radius:10px;
margin:5px;
padding:10px;
font-size:11px;
color:#163875;
display:inline-block;
width:85px;
height:25px;
position:relative;
font-weight:normal;
line-height:18px;
font-size:13px;
	}

.galerie_menu_cat_p_mini{

position:absolute;
left:37px;
top:15px;
font-size:12px;
	}

.bouton_menu_cat_sous{
	display:inline-block;
background-color: #f4f4f4;

padding-left:12px;
padding-top:10px;
padding-right:12px;
padding-bottom:10px;
border-radius:25px;
margin-left:5px;
font-size:12px;
color:#163875;
font-weight:bold;
	}

.gain_recherche{
position:absolute;
border: 2px solid #FFFFFF!important;
	left: 5px;
	bottom:50px;
	color: #000000;
	font-weight:bold;
	font-size:13px;
	border-radius: 20px;
	background-color:#FFDB59;
	padding:2px;
	padding-top:11px;
	width:35px;
	height:25px;
	}
#mobile_articles li .agence{	
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	margin-left:40px;

	}

#mobile_articles li .logo_agence{
	width: 15%;
	margin-top:5px;
	}
	

#mobile_articles li .phone{
	color: #7E7E7E;
	font-size:8px;
	font-weight: normal;
	}
#mobile_articles li .adresse{
	color: #7E7E7E;
	font-size:13px;
	font-weight: normal;
	}	
	
#mobile_articles .description{}
	
/* ??? */


.aide_rubrique{
	text-align:center;
	color: #ffffff;
	font-size:15px;
	margin-bottom:10px;
	

	
	}
.aide_sous_rubrique{
	color: #909090;
	background-color:#ffffff;
	font-size:14px;
	border-radius:3px;
	margin-top:3px;
	line-height:24px;
	}
.aide_sous_rubrique_detail{
	margin-left:3px; 
	font-size:13px;
	}
.aide_sous_rubrique_lien{
	color: #12C;
	font-size:13px;
	text-decoration: underline; 
	font-weight:normal;
	}
.aide_suppression{
	color: #ffffff;
	font-size:12px;
	text-decoration: underline; 
	font-weight:normal;
	margin-top:5px;
	}
.aide_contact{
	color:#0000FF; 
	font-size:11px; 
	text-decoration:underline;
	}
.admin_libelle{
	color:#4D4E4B;
	text-transform:uppercase; 
	font-size:9px;
	}
.admin_titres{
	color:#505050;
	text-transform:uppercase; 
	font-size:9px;
	font-weight:bold;
	margin-bottom:5px;
	}
.titreAnnonce{
	height:10px;
	padding:2px; 
	background:#FFF;
	font-size:10px;
	color:#808080;
	font-weight: bold;
	}	

#sous_menu{
	position: relative;
	margin-top:5px;
	background: #FFF;
	padding-top: 5px;
	padding-bottom:3px;
	height: 20px;
	width:100%;
	
	
	}
	
#sous_menu ul{
	height: 20px;
	overflow:auto;
	margin: 3px 30px 10px;
	white-space: nowrap;
 text-transform: uppercase;
	
	}
	
#sous_menu ul li{
	display: inline;
	font-size: 10px;
		color:#282828!important;
	padding: 0px 5px 0px 0;
	border-right: 1px solid #282828!important;
	margin: 0px 3px 1px 0px;
	}

#sous_menu .next, #sous_menu .preview{
	
	
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 3px;
	}
	
#sous_menu .next{
	left: auto;
	right: 0px;
	}
.lien_raccourci{
	color:#909090; 
	font-size:14px; 
	margin-bottom:3px;
	margin-bottom:5px;
	}

.lien_raccourci img{	
width:15px; 
height:15px;
margin-right:10px;
margin-top:2px;
}

/* ---------------ANNUAIRE-------------  */

#annuaire_liste{
	padding-bottom: 50px;
	background: #F4F4F4;
	padding:5px;
	}
	
#annuaire_liste .resultatRech{
	font-size: 11px;
  background-color: #0B0;
  color: #FFF;
  padding: 7px;
  margin-top: 10px;

	}

#annuaire_liste .lien{
	font-size: 15px;
	line-height: 25px;
	display: block;
	text-transform: uppercase;
	color: #686868;
	font-weight: normal;
	border:	1.5px solid #e3e3e3;
	position: relative;
	width: 95%;
	margin-top: 11px !important;
	
	}

#annuaire_liste .lien:hover{
	font-size: 15px;
	display: block;
	text-transform: uppercase;
	color: #3e3e3e;
	font-weight: normal;
	border: 1.5px solid #333;
	}

#annuaire_liste .lien:focus{
	font-size: 15px;
	line-height: 25px;
	display: block;
	text-transform: uppercase;
	color: #3e3e3e;
	font-weight: normal;
	border: 1px solid #FFF;
	}

#annuaire_liste .fb_lien2{
	position: relative;
	z-index: 2;
	margin-top: -21px;
	display: block;
	margin-left: 215px;
	}
	
#annuaire_liste .fb_lien{
	position: relative;
	z-index: 2;
	margin-top: -21px;
	display: block;
	margin-left: 138px;
	}

#annuaire_liste .fb_logo{
	width: 15px !important;
	right: 3px;
	}
	
#annuaire_liste .adresse_annuaire{
	color: #a0a0a0 !important;
	font-weight: normal;
	line-height: 14px !important;
	text-transform: none !important;
	font-size: 10px !important;
	}
	
#annuaire_liste .idclient{
	position: relative;
	color: #64635d;
	font-weight: normal;
	padding-top: 2px;
	font-size: 10px;
	text-align: right;
	padding-right: 3px;
	
	}

#annuaire_liste .mots_cles_annuaire{
text-transform: uppercase !important;
	font-weight: bold !important;
font-size: 11px !important;
color: #2C91CB !important;
border-bottom: 1px dashed #e3e3e3;
line-height: 14px !important;
margin-bottom:3px;
margin-top:1px;
padding-top:1px;
}

#annuaire_liste .affichage0{
	background: white;
	padding: 0 2% 20px;
	margin-bottom: 0px;
	}
	
#annuaire_liste .affichage1, #annuaire_liste .affichage2, #annuaire_liste .affichage3, #annuaire_liste .affichage4, #annuaire_liste .affichage5, #annuaire_liste .affichage6, #annuaire_liste .affichage7, #modele_annuaire{
	color: #333 !important;
	background: white;
	border: 1.5px solid #FFDB59 !important;
	text-align: center;
	margin-top: 10px;
	border-radius: 3px;
	line-height: 18px;
	padding: 0 2% 20px;
	}
	
#annuaire_liste .fonction, #modele_annuaire .fonction{
	border-bottom: 1.5px solid #FFF;
	text-transform: uppercase;
	font-size: 11px;
	color: #7f7f7f;
	line-height: 4px;
	margin: 0 6px 1px;
	padding-bottom: 7px;
	}

#annuaire_liste .icones_liens{
	position: relative;
	display: block;
	width: 100%;
	height: 20px;
	z-index: 1;
	text-align: center;
	float: right;
	margin-top: -25px;
	}
	
#annuaire_liste .voletsAnnuaire .icones_liens_0, #annuaire_liste .voletsAnnuaire .icones_liens{
	margin-top: -35px;
	}
	
#annuaire_liste .icones_liens_0{
	position: relative;
	display: block;
	width: 100%;
	height: 20px;
	z-index: 1;
	margin-top: -25px;
	float: right;
	text-align: center;
	}

#annuaire_liste .icones_liens_0 img, #annuaire_liste .icones_liens img{
	height: 15px !important;
	display: inline-block !important;
	padding: 3px 3px 0;
	margin: 0 auto !important;
	}

#annuaire_liste .affichage2 img, #annuaire_liste .affichage4 img, #annuaire_liste .affichage5 img, #annuaire_liste .affichage6 img, #modele_annuaire img{
	display: block;
	margin: 0 auto 2px;
	max-height: 120px;
	max-width: 94%;
	padding: 3px;
	width: auto;
	height: auto;
	}
.signaletique_mots_cles{
	text-transform: uppercase !important;
font-weight: bold !important;
color: #FF6700;
	text-align:left;
	font-size:10px;
	padding:4px;
	}
#mobile_categories span.nbArt{	
height: 15px !important;margin-left:20px; font-size:12px;color: #12C;margin-top:10px;
}

/*----------------------*/

#mobile_categories ul li#mesAnnoncesOk p.titre{
	text-align: left; font-size:10px!important; text-transform:uppercase;margin-top:0px; margin-left:2px;color:#323232; height: 30px;
	}
	
#mobile_categories ul li#mesAnnoncesOk p.titre a{
	color:#12C;font-size:7px;text-decoration:underline;
	}

#mobile_categories ul li#mesAnnoncesOk p.prix{	
	line-height: 19px; text-transform:uppercase; text-align: right;font-size:13px;color: #80B71B;
	}
	
#mobile_categories ul li#mesAnnoncesOk p.prix strong{
	font-weight: normal;text-decoration: line-through;margin-right: 15px;color: #999; font-size: 10px;
	}

#mobile_categories ul li#mesAnnoncesOk div.infos{	
	color:#979797;text-align:left;width:100%;height:45px;font-style:italic;
	}
	
#mobile_categories ul li#mesAnnoncesOk div.infos p span{
	color:#979797; font-size:7px; text-transform:none;
	display: inline-block; width: 40px; 
	}
	
#mobile_categories ul li#mesAnnoncesOk div.infos p{	
	font-size:7px; color:#3A5895; padding-top: 3px; text-align: left; float: left; width: 90%;
	}
	
#mobile_categories ul li#mesAnnoncesOk div.infos p.droite{
	width: 80px;
	}	

#mobile_categories ul li#mesAnnoncesOk p.VisibiliteAnn{	
font-style:normal;font-weight:bold;color:#979797; font-size:7px; text-transform:none; 
}

#mobile_categories ul li#mesAnnoncesOk div.VisibiliteAnn{
	display: none;
	}

#mobile_categories ul li#mesAnnoncesOk div.VisibiliteAnn a{	
	border: 1px solid #80B71B;
  border-radius: 1px;
  background-color: #80B71B;
  color: #FFFFFF;
  text-transform: none;
  font-size: 8px;
  font-style: normal;
  width: 94%;
  text-align: center;
  height: 18px;
  margin-bottom:5px;
  display: block;
  float: left;
  padding: 3px;
	}

#facebookLoginPage h1{
	text-align: center;
	font-size: 20px;
	margin: 20px 0px;
	border-bottom: 1px solid #3a5895;
	
	}
	
#facebookLoginPage p{
	text-align: center;
	}

#facebookLoginPage a.login{
	display: block;
	margin: 30px auto;
	
	width: 90%;
	color: #FFF;
	background: #3a5895;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	}
	
span.btnClose3, .bloc_volet .btnClose3 span.btn{
	font-size: 18px;
	line-height: 10px;
	float: left;
	font-weight: bold;
	margin-left: 15px;

	}
.close3Open {	

padding:10px;
width:96%;
border-radius:5px;
margin-left:2px;
margin-bottom:10px;	
	}
/* ----------- */

#verifPanier{
	display: none;
	position: fixed;
    z-index: 10;
    margin: auto;
    width: 200px;
    padding: 20px;
    background: #FFF;
    border: 1px solid red;
    top: 20px;
    left: 50%;
    margin-left: -120px;
    text-align: center;
	}
.verifPanier{	
   position:absolute;
   top:6px;
    z-index: 10;
   right:40px;
   font-weight:bold;
   font-size:12px;
    background: #009EE0;
   color:#ffffff;
    height: 15px;
    width: 19px;
    border-radius: 10px;
		padding-top:4px;
	
}
.verifNotif{	
   position:absolute;
   top:6px;
    z-index: 10;
   right:5px;
   font-weight:bold;
   font-size:12px;
    background: #FF0000;
   color:#ffffff;
    height: 15px;
    width: 19px;
    border-radius: 10px;
		padding-top:4px;
	
}


#presence_annuaire input, #presence_annuaire textarea, #presence_annuaire select{
	width: 88%;
	
	height: 24px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	padding-left:5px;
	}
	
#presence_annuaire label{	
	font-size: 14px;
	
	display: block;
	float: left;
	background: none;
	color: #b0b1b2;
	margin-bottom: 3px;
	margin-left : 0px;
	clear: both;
	
	}

#presence_annuaire input.submit{
	background: #2C91CB;
	border: none;
	border-radius: 3px;
	height: 30px;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
	margin-top: 20px;
	width: 200px;
	}
	
#presence_annuaire .prevImg, #presence_annuaire .prevImg1, #presence_annuaire .prevImg2, #presence_annuaire .prevImg3, #presence_annuaire .prevImg4{
	max-height: 80px;
	display: inline-block;
	margin: 10px auto 20px;
	padding: 2px;
	border: 1px solid #C1C1C1;
	}

.suppImg, .suppImg1, .suppImg2, .suppImg3, .suppImg4{	
    float: right;
    margin-top: -40px;
    background: red;
    border-radius: 20px;
    height: 17px;
    padding: 2px;
}
	
.message_envoye_ok, .message_envoye_no {
	position: absolute;
	top: 2px;
	left:5px;


	font-size: 24px;
	background: #f05323;
	height: 52px;
	border-radius:5px;
	width: 90.5%;
	text-align: center;
	color: white;
	font-weight: normal;
	padding: 10px;
	}
	
.message_envoye_no {
	background: red;
	}

.annuaire_bloc_iframe h2{
	margin-bottom: 3px;
	padding-top: 20px;
	text-align: left;
	}	
	
.annuaire_bloc_iframe .liens_annuaire{
	padding: 12px 6px 6px;
	}
	
.annuaire_bloc_iframe #test{
	-moz-column-width: 220px;-webkit-column-width: 220px;
	}
	
#annuaire_liste .lettres_ecard h1{
	padding: 0;
	margin: 0;
	color: #333;
	font-size: 14px;
	float: left;	
	width: 20%;
	text-transform: uppercase;
	font-weight: bold;
	}
	
#annuaire_liste .lettres_ecard p{
	padding: 0;
	margin-right: 0px;
	color: #999;
	font-size: 14px;
	float: left;
	width: 10%;
	text-transform: uppercase;
	font-weight: normal;	
	}
	
#annuaire_liste .lettres_ecard p.ecard_lien, #annuaire_liste .lettres_ecard p.ecard_lien a{
	color: #FFF;
	font-size: 9px;
	float: none;
	clear: both;
	}
	
#annuaire_liste .lettres_ecard p.ecard_lien, #annuaire_liste .lettres_ecard p.ecard_lien a{
	width: 100% !important;
	}
	
#annuaire_liste .titre_colonne_ecard p, #annuaire_liste .titre_colonne_ecard h1{
	color: #333;
	font-weight: bold;
	text-decoration: underline;
	}


.menu_btn_volet {
   width:99%;
   text-align:left;
   background: #ffffff;
   border-bottom: 1px solid #ececec;
  height:30px;
   margin-top:15px;
   
}
.menu_sous_volet {
margin:10px;
text-align:left;
height:25px;   
}
.menu_btn_volet p {
    display: inline-block;
    color: #292929;
    font-size: 18px;
    padding: 0 5px;
    text-transform: none;
    font-weight: normal;
}

.textarea_volet {
    width:310px;
	border:none;
	margin-left:7px;
	min-height:80px;
font-weight:normal;
text-transform:none;
}
#presence_annuaire h3 {
    


font-size: 16px;

margin-bottom: 5px;
	
}

#presence_annuaire h2 {
    color: #333 !important;
    margin: 10px 0 5px;
    border-bottom: 1.5px dotted #EFEFEF;
    text-align: center;
    height: auto;
    padding: 10px 0px;
    width: 99%;
    border-radius: none !important;
    font-size: 16px;
    text-transform: uppercase;
}
.menu_nouveau_art {
   clear: both; 
   margin-top: 5px;
   width:93%;
   margin-left:3px;
   line-height:15px;
   text-align:center;
   background: #dbdbdb;
   border-radius:20px;
   padding:6px!important; 
   color:#3a3a3a; 
   font-size:16px!important;
}

.image_url{
    max-height: 600px;
    max-width: 95%;
    display: block;
    margin: 5px auto;
    padding: 2px;
	}

/* --------------------------------------------------------- PANIER.php ------------------------------------------------------------ */

#panier_admin{
	  background: #ffffff;
	
	padding: 10px;
	width: 98%;
	margin: auto;
	position: relative;
	}	
	
#panier_admin .menu-header{
	position: absolute;
	left: -85px;
	width: 60px;
	top: 0;
	margin: 0;
	}
	
#panier_admin .menu-header li{
	margin-bottom: 5px;
	}

.panier{
	background: white;
	width: 99%;
	min-height: 70px;
	}

#panier_admin h2{
	color: #333 !important;
	height: auto;
	margin: 6px 0 10px;
	text-align: center;
	width: 100%;
	font-size: 11px;
	
	font-weight: bold;
	position: relative;
	}

.nv_annonce_texte {
	padding-left:5px;
	font-size: 14px;
	margin-bottom:1px;
	background-color: #f4f4f4;
	line-height:30px;
	border:none;
	color:#9b9b9b;
	width:250px;
	margin-left:3px;
	}
	
	
.nv_annonce_contact_textarea {
	padding:10px;
	font-size: 14px;
	margin-bottom:10px;
	background-color: #f4f4f4;
	height:200px;
	border:none;
	color:#9b9b9b;
	max-width:500px;

	width:93%!important;
	margin-left:3px;
	border-radius:5px;
	}
	
.nv_annonce_contact_textarea_mobil {
	padding:10px;
	font-size: 14px;
	margin-bottom:10px;
	background-color: #f4f4f4;
	height:100px;
	border:none;
	color:#9b9b9b;

	width:82%!important;
	margin-left:3px;
	border-radius:5px;
	}	
	
	.nv_annonce_combo{


 border-radius:5px;
 border:1px solid #ececec;
  background-color:#ffffff;
 padding:5px;
 height: 40px;
 font-size:14px!important;
 color: #163875 !important;
 margin-bottom:10px;
 	width:96%!important;
	display: block;
font-weight:normal;
text-transform:none;
	
}
.nv_annonce_combo_confirm{
font-size: 14px;

 border-radius:5px;
 border:none;
  background-color:#f4f4f4;
 padding:5px;
 height: 40px;
 color: #163875 !important;
 margin-bottom:10px;
 	width:99%!important;
	display: block;
	
}

.nv_annonce_texte_mobil {
	padding-left:5px;
	font-size: 19px;
	margin-bottom:1px;
	background-color: #f4f4f4;
	line-height:50px;
	border:none;
	color:#163875;
	width:98%;
	margin-left:3px;
	}
	.nv_annonce_combo_mobil {
	padding-left:3px;
	font-size: 19px;
	margin-bottom:1px;
	background-color: #f4f4f4;
	height:50px;
	border:none;
	color:#163875;
	width:99%;
	border-radius:5px;
	margin-left:3px;
	}
.panier .titres{
	background: #ffffff;
	color: #282828;
	font-size: 11px;

	height:14px;
}

.panier .titres td {
	padding: 5px;
}

.panier .articles{
	border-bottom: 1.5px solid #dbdbdb;
}

.panier .articles td {
	
	font-size: 18px;
	color: #292929;
}

#btn_sponsors{
background: #2C91CB;
	font-size: 11px;
border: none;
padding: 5px 8px;
color: white;
height:25px;
text-transform: uppercase;
-moz-border-radius: 3px; 
 	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/PIE.htc);
margin: 7px auto;
display: block;
cursor: pointer;
width: 300px;
}
.titre_contact{
text-align:center;
height:15px;
}
.sous_titre_contact{
text-align:center;
font-size:12px;
height:40px;
}
.coche_modele{
border-top: 1.5px dashed #7390C4;
margin-bottom:10px;
padding:10px;
}
.presentation_bloc {	
 background: #ffffff;
width:92%;
border-radius:3px;	

padding:5px;
display: block;

}
.presentation_sur_titre {	
text-align:center;
margin-top:8px;
font-size:18px;
text-transform: uppercase;
margin-bottom:10px;
color: #4F7FAA;
	}
.smartphone_presentation_bloc_lettre {	
width:95%;
font-size:14px;
color: #6B6B6B; 
text-align:justify;
	}
.smartphone_presentation_sous_titre {
   width:75%;
   line-height:25px;
   background: #4CA1F1;
   border-radius:10px; 
   color:#ffffff; 
   font-size:13px;
   margin-top:25px;
   text-align:center;
   margin-bottom:5px;
	}
.pastille_droite_1{	
	position:absolute;
	right:5px;
	top:4px;
	height:20px;
	width:20px;	
	z-index:2000;
	}
.pastille_droite_2{	
	position:absolute;
	right:30px;
	top:4px;
	height:20px;
	width:20px;
	}
.pastille_droite_3{	
	position:absolute;
	right:57px;
	top:4px;
	height:20px;
	width:20px;
	}
.pastille_droite_flecheUp{	
	position:absolute;
	right:68px;
	top:5px;
	height:13px;
	width:25px;
	}
.pastille_droite_flecheDown{	
	position:absolute;
	right:97px;
	top:5px;
	height:13px;
	width:25px;
	}
.pastille_droite_param{	
	position:absolute;
	right:45px;
	top:3px;
	height:17px;
	width:17px;
	}
.pastille_droite_4{	
	position:absolute;
	right:84px;
	top:4px;
	height:20px;
	width:20px;
	}
.pastille_droite_5{	
	position:absolute;
	right:111px;
	top:4px;
	height:20px;
	width:20px;
	}
.pastille_droite_6{	
	position:absolute;
	right:138px;
	top:4px;
	height:20px;
	width:20px;
	}
.pastille_droite_7{
    position:absolute;
    right:165px;
    top:4px;
    height:20px;
    width:20px;
}
.pastille_droite_up_1{	
	position:absolute;
	right:5px;
	top:5px;
	height:15px;
	width:15px;
	}
.pastille_droite_up_2{	
	position:absolute;
	right:1px;
	bottom:1px;
	height:12px;
	width:12px;
	}
.pastille_droite_up_3{	
	position:absolute;
	right:37px;
	top:5px;
	height:15px;
	width:15px;
	}
.pastille_droite_up_4{	
	position:absolute;
	right:95px;
	top:5px;
	height:15px;
	width:15px;
	}
.pastille_droite_up_5{	
	position:absolute;
	right:125px;
	top:5px;
	height:15px;
	width:15px;
	}
.menu_droit_p{	
	height:28px;
	border: 1px solid #ffffff;
	
	background-color:#ebf1f6;
	position:relative;
	padding-left:30px;
	}
.pastille_droite_aide{	
	position:absolute;
	right:5px;
	top:5px;
	height:16px;
	width:16px;
	}
.menu_droit_p_sous{	
	line-height:25px;
	border: 1px solid #ffffff;
	padding-top:5px;
	margin-left:30px;
	font-style:italic;
	}
.menu_droit_admin{	
	line-height:25px;
	border-bottom: 1px solid #ffffff;
	padding-top:5px;
	text-align:left;
	font-weight:bold;
	background-color: #ffffff;
	
	}
.menu_droit_icone{	
	width:16px;
	height:16px;
	
	
	position:absolute;
	top:7px;
	left:5px;
	font-size:12px;
	}
.menu_volet_droite{	
	position:absolute;
	top:5px;
	right:5px;
	}
	.aide_bouton{
	border: 1.5px solid #ffffff;
	border-radius:20px;
	height:15px;
	width:15px;
	}
.bloc_volet_droite{	
	font-size:14px;
	height:0px;
	background-color: #ececec;
	width:300px;
	float:right;
	}
.label_formulaire{	
	margin-bottom:10px;
	text-align:left;
	font-size:12px;
	margin-left:15px;
	}
.presentation_label{	
	color: 232323;
	font-size:13px;
font-weight:normal;
text-transform:none;
	}
.smartphone_presentation_libelle {	
float:left;
font-style:italic;
width:30%;
text-transform:none;
font-size:10px;	
color:#b7b7b7;
margin-top:2px;
margin-bottom:2px;
	}
.smartphone_presentation_input {	
color:#232323;
 background: #ffffff;
width:98%;
font-size:14px;

	}
.smartphone_presentation_input_combo {	
color:#1f1f1f;
width:99%;
height:22px;
font-size:16px;

border:none;
background:none;
	}
.smartphone_presentation_input_textarea {	
color:#232323!important;
font-size:15px;
width:99%;
border:none;
 background: #ffffff;
	}
.smartphone_presentation_titre_image {	

font-size:13px;	
color:#a2a2a2;
height:20px;
text-decoration: underline;
text-transform: uppercase;
	}
.carre_couleur {	
height:8px; 
margin-right:5px;
	}
.label_fixe {	
width: 90px !important;
margin-left: 20px;
display: block;
float: left;
clear: both;
	}
	
	.icone_td_taille {	
width: 16px;

	}

.presentation_p{
	position:relative;
width:100%;
text-align:left;
height:auto;
margin-bottom:15px;
font-size:13px;
font-weight:normal;
text-transform:normal;
	
	}
	
.presentation_label_nom{
	position:absolute;
left:10px;
top:20px;
	
	}

.presentation_label_input{
	position:absolute;
left:130px;
top:10px;
width:100%;
	
	}

.smartphone_presentation_titre {	
width:93%;
line-height: 30px;
text-align:center;
margin-top:2px;
font-size:13px;
text-transform: uppercase;
color: #ffffff;
font-weight:bold;
background-color:#fa4c0f;

border-radius:10px;
	}

.smartphone_presentation_input_gris {	

 font-size: 14px;
font-weight:normal;

 border-radius:5px;
 border:1px solid #ececec;
  background-color:#ffffff;
 padding:5px;

 height: 25px;
 font-size:14px!important;
 color: #163875 !important;
 margin-bottom:10px;
 	width:80%!important;
	display: block;
	
	}
.infos_art_label{
	color: #9b9b9b;
	font-size:14px;
	
	}
.infos_art_label_margin{
	margin-bottom:5px;
	
	}
.infos_art_label_detail{
	font-size:14px;
	
	}

.nv_annonce_input_confirm {	

 font-size: 14px;
font-weight:normal;
border:none;
 border-radius:5px;

  background-color:#f4f4f4;
 padding:5px;

 height: 25px;
 font-size:14px!important;
 color: #163875 !important;
 margin-bottom:10px;
 	width:96%!important;
	display: block;
	
	}
.infos_art_label{
	color: #9b9b9b;
	font-size:14px;
	
	}
.infos_art_label_margin{
	margin-bottom:5px;
	
	}
.infos_art_label_detail{
	font-size:14px;
	
	}
	.smartphone_presentation_input_gris_textarea {	
color:#1f1f1f!important;
font-size:10px;
width:99%;
border:none;
padding-left:2px;
margin-top:2px;
 background: #f4f4f4;
	}
	#icons_contact{
	margin-left:-2px;
	width:40px;
	height:40px!important;
	background-color:#009EE0;
	padding:5px;
	margin-left:3px;
	}
.smartphone_presentation_input_gris_combo {	
font-size: 14px;

	padding:5px;
	width:90%;
	max-width:340px;
	height:35px;
	margin-bottom:5px;
	border: 1px solid #f4f4f4;
	border-radius:5px;
	background-color:#f4f4f4;
	color:#232323;
	}
.experience_volet_p{	

	text-align:left;
	width:100%;
	font-weight:bold;
	font-size:16px;

	height:25px;
	color: #232323;
	
	
	}
#tableau_profil{
	width: 100% !important;
	height: auto;
	overflow: auto;
	}
.keyword_client{

	font-size:14px;
	margin:8px;
	
	line-height:22px;
	text-transform: uppercase;
	font-weight:bold;
	}
.keyword_articles{

	color: #1a3dd5!important;
	text-transform: uppercase!important;
	font-weight: normal !important;
	}

.keyword_articles_galerie{

	color: #137CD4!important;

	text-transform: uppercase!important;
	font-weight: normal !important;
	margin-left:5px;
	}
/* ----- ----- */
	
#tableau_profil li{
	width: 204px;
	background-color:#ffffff;
	float: left;
	padding-left:4px!important;
	padding-right:3px;
	height: 900px;
	padding-top:5px!important;
	position: relative;
	margin: 3px 6px 10px;
	text-align:center;
			border:	1.5px solid #ececec;
			border-radius:5px;

	}
	
#tableau_profil .coche_modele{
	position: absolute;
	bottom: 0px;
	padding-top:7px;
	left: 0px;
	display: block;
	width: 280px;
	background-color:#FFFFFF;
		height:35px;
	border-top: 1.5px solid #cecece !important;
	}
	
#tableau_profil .coche_modele input{
	float: left;
	width: auto;
	}
#login-page, #login-page-add{
	margin: 20px 10px;
	width: 300px;
	background: #FFF !important;
	z-index: 400;

	padding: 10px 1%;
	
}

/*#login-page-add{
	margin: 0;
	padding: 0 12%;
	float: left;
	width: 28%;
	background: none;
	z-index: 400;
	position: relative;
}*/


#login-page input, #login-page-add input{
	width: 160px;
	height: 20px;
	font-size: 20px!important;
	font-weight: normal;
	border-radius: none !important;
	border:none;
	color: #606060 !important;
	
	}


#login-page h2, #login-page-add h2{
	
	color: #333 !important;
	margin: 5px 0 5px;
	text-align: center;
	height: auto;
	padding: 10px 0px;
	width: 99%;
	border-radius: none !important;
	font-size: 13px;
	text-transform: uppercase;
}
#login-page #submit, #login-page-add #submit
{
	padding:	5px	8px;
	font-size: 	12px !important;
	cursor:		pointer;
	background: #2C91CB !important; 
	color: #FFF !important;
	border: none !important;
	box-shadow: none !important;
	margin-top: 20px;
	width: 200px;
	height: 30px;
	text-transform: uppercase;
	
}
#login-page .form-line,#login-page-add .form-line {width:90%;margin-bottom: 15px;border: 0px;	border-bottom: 1.5px dashed #d5d5d5;padding-bottom:5px;}
#login-page .form-line label, #login-page-add .form-line label{ font-size: 14px; display: block; float: left;border: 0px; background: none;color: #b0b1b2; margin-bottom: 10px;}

/* --------------------------------------------------------- PANIER qui se génère à droite (lsq j'envoie un article ------------------------------------------------------------ */
.menu_general {	
min-height:30px;
font-size: 18px;
text-transform: none;
text-transform: uppercase;
width: 100%;
text-align: left;
background: #ffffff;
border-top: 1.5px solid #ececec;
color: #aaaaaa;
padding-top:10px;
padding-bottom:5px;
	}
.sous_menu_general {	

font-size: 16px;
text-transform: none;
font-weight: normal;
width: 95%;
text-align: left;
background: #ffffff;
color: #3a3a3a;
height: 35px;
margin-left:60px;
border-top: 1.5px dashed #ececec;
	}
.sous_menu_global_ul {	
margin-top:10px;
display: none;
height:auto;

width:100%;
	}
	

	/* ------------------------------------------------------------ STATISTIQUES & CONTACTS (statistiques.tpl contacts.tpl)------------------------------------------------------------ */



#stat{
	background: #FFF;
	width: 100%;
	margin: 5px auto;
	}

#stat tr{
	height: 25px;
	}
	
#stat th{
	
	font-size: 8px;
	background: #ececec;
	padding:3px;
	height: 20px;	
	vertical-align: middle;
	color: #282828;
	}
	
#stat td, #stat td a {
	
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
	height: 18px;
	color: #666;
	border: 1.5px solid #e7e7e7;
	padding:3px;
	}
	
#stat td.libelle{
	text-align: left;
	}
#stat td.id{
	color:#292929;
	font-weight:bold;
	font-size:12px;
	}
#stat td.key{
	color:#201e4c;
	font-weight:bold;
	text-align:center;
	}
#stat td.description{
	font-style:italic;
	text-align:left;
	}	
#stat td a {
	color: blue;
	border:none;
	text-decoration: underline;
	}
.nom_label{
	font-weight:bold;
	color: #232323;
	font-size: 13px;
	text-transform:uppercase;
	}
.prenom_label{
	color: #1E1E1E;
	font-size: 10px;
	font-weight: normal;
	text-transform:lowercase;
	}

.date_label{
	font-size: 12px;
	color: #a3a3a3;
	}
.volet_background{
	margin-top:8px!important;
	text-align:left;
	background-color:#ffffff;

	padding-top:10px;
	line-height: 25px;
	display: block;
	color:#3b3b3b;
	border-top:1.5px solid #ececec;
	}
.volet_titre{
	text-transform: uppercase;
	color:#3b3b3b; 
	font-size:16px;
	margin-left:5px;
	}
.titre_rubrique{
	text-transform: uppercase;
	color:#163875 !important; 
	font-size:14px;
	text-align:left;
	margin-left:0px;
    line-height:35px;
    position:relative;
    background-color:#ffffff;
    margin-top:10px;
    border-bottom:1.5px solid #ececec;
	}
.titre_rubrique_entete_pro{
	text-transform: uppercase;
	color:#848484; 
	font-size:18px;
	text-align:left;
	margin-left:0px;
line-height:45px;
	font-weight: normal;
border-bottom: 1px solid #ececec;
	
	}
.photo_liste{
	width:98%;
	max-width:325px;
	border: 1.5px solid #e3e3e3;
background: #ffffff;
padding:3px;
	display: block;


	margin-top:8px;
	}
.cat_eshop{
width:105px!important;
height:130px!important;
color:#292929;
font-size: 12px;
text-transform: none;
font-weight: bold;

background: #ffffff;
margin-left:10px;
overflow: hidden;
float:left;
text-align:center;
	}
.img_eshop{
border-radius:80px;
	padding:3px;
	
	height:90px;
	width:90px; 
	border: 1px solid #dddddd;
	background-color:#ffffff;
	}
.photo_detail{
	max-width:325px;
	border: 1.5px solid #e3e3e3;
background: #ffffff;
padding:3px;
	display: block;
	padding:3px;
	margin-top:8px;
	max-height:250px;
	}
.prix_promo{
	margin-right:19px;
	color:#ffffff;
	font-size:10px;
	text-transform: uppercase;
	border-radius:10px;
	padding-left:5px;
	padding-right:5px;
	height:15px;
	background-color:#ff0000;
	font-weight:bold;
	}	
.texte_promo{
	color:#181818;
	font-size:22px;
	font-weight:bold;
	
	}
.prix_unite{
	margin-left:5px;
	color:#a7a7a7;
	font-size:14px;
	}
.bouton_menu_entete_p{
	position:absolute;
	top:35px;
	right:5px;
	}
.bouton_menu_entete_btn{

color:#232323;
background: #ffffff;
height:40px;
border-radius:5px;
border:none;
text-align: center; 
width: auto;
min-width:85px;
padding:5px;
font-size: 14px;
  border:2px solid #ececec;
  font-weight:bold;
	}
	.bouton_menu_entete_btn_kyosk{

 width:200px;
 border-radius:30px;
 display:inline-block;
 background-color:#ececec;
 font-size:15px;
 padding-left:10px;
 padding-right:10px;
 height:40px;
 padding-bottom:10px;
 padding-top:10px;
 color:#232323!important;
   font-size:16px;
    font-weight:bold!important;
  border:none;
text-align:center;
	}

.bouton_menu_entete_btn_kyosk_immo{

 width:220px;
 border-radius:30px;
 display:inline-block;
 background-color:#ececec;

 padding-left:8px;
 padding-right:8px;
 height:40px;
 padding-bottom:10px;
 padding-top:10px;
 color:#232323!important;
   font-size:14px;
    font-weight:bold!important;
  border:none;
text-align:center;
	}

.bouton_submit{

color:#ffffff;
font-weight:bold;
padding-top:8px;
padding-bottom:8px;
padding-left:15px;
padding-right:15px;
border-radius:20px;
border:none;
text-align:center;
font-size:14px;
min-width:200px;
 background-color:#163875;

	}

.bouton_standard{


padding-top:6px;
padding-bottom:6px;
padding-left:15px;
padding-right:15px;
border-radius:20px;
border:none;
text-align:center;
font-size:13px;
min-width:180px;
color:#ffffff;
background:#163875;
	}

.bouton_demande{

text-align:center;
position:fixed;
bottom:40px;
z-index:2000;
left:0px;
height:35px;
text-align:center;
background:#ff591f;
width:100%;
color:#ffffff;

	}

.ico_langue_li{

margin:3px;
display:inline-block;
	}

.ico_langue{

height:35px;
border:1px solid #6495e2;
padding:2px;
border-radius:35px;
	}

.bouton_menu_entete_Pbtn{
padding-top:6px;

color:#ffffff;
background:#112851;
height:21px;
border:none;
text-align: center; 
min-width:90px; 
font-size: 12px;
	}
.aide_p{
    
    border-bottom:1px solid #dbdbdb;
    height:40px;
    position:relative;
    width:98%; 
}
.sousTitre{
    border-bottom:1px solid #dbdbdb;
padding-top:8px;
    height:30px;
    position:relative;
    width:98%; 
    text-align:left;
}
.menu_li{
    
   position:relative;
	display:inline-block;
	width:90px;
	height:102px;
	border:1px solid #dbdbdb;
	padding-top:5px;
	margin:5px;
	
}
.menu_p{
  
   font-size:10px;
	color:#0a4499;
	  position:absolute;
	top:58px;
	width:100%;
	text-align:center;
}
.menu_img{
  
	  position:absolute;
	top:10px;
	width:100px;
	text-align:center;
}
.plusdemenu{
  
	font-size:10px;
	position: absolute; 
	top: 10px; 
	right: 5px;
	font-style:italic;
	text-decoration:none;
	}
.menuDiv{
  
	width:99%;
	
	

	position:relative;
	}
.aide_titre{
    position:absolute;
    left:40px;
    top:13px;
    width:auto;
    font-size:12px;
    color:#575757;
    	text-transform: uppercase;
	}
.aide_titre_icone{
    position:absolute;
    left:5px;
    top:8px;
    width:20px;
	}
.aide_person{
	 position:absolute;
    left:40px;
    top:13px;
  color:#181818;
    font-size:10px;
	font-weight:bold;
	}
.aide_li{

	position:relative;
	display:inline-block;
    text-align:left;
    line-height:40px;
	font-size:12px;
	width:94.5%;
	color:#232323;
	padding-left:10px;
	background-color:#ffffff;
	}
.menu_gl_titre{
    display:inline-block;
    text-align:left;
    line-height:20px;
    font-size:12px;
    border-bottom: 1px solid #163875;
    margin-left:8px;
	}
.image_article{
	border-radius:40px;
	padding:1px;
	float:left;
	height:48px;
	width:48px; 
	border: 1px solid #dbdbdb;
	display:block;
	text-align:center;
	background-color:#ffffff;
	}	
#menu_header_global{
	z-index: 9;
	position: relative;
	text-transform: uppercase;
	font-size: 10px;
	margin: -14px auto 0;
	width: 60%;
	text-align:center;
	}
	
#menu_header_global a{
	
	font-size: 10px;
	color: #C7C5C7;
	text-decoration: underline;
	font-weight: normal;
	text-align: center;
	}
#wrapper_annuaire{
	background: #fff;
	padding: 20px 10px;
	}

.btn_connexion_meta{
	color: #99acb6 !important;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 11px;
	position: absolute;
	right: 0px;
	text-align: right;
	text-transform: uppercase;
	top: 0px;
	width: 100%;
	margin: 0 0 5px;
	padding: 7px 10px;
	cursor: pointer;
	
}
.agence_nom{
	text-transform: uppercase;
	color:#3b3b3b; 
	font-size:16px;
	font-weight:bold;
	}
.client_icone{
	background-color:#ffffff;

	width:30px;
	height:30px;
	border-radius:30px;

	}
.client_icone_maxi{
	background-color:#ffffff;
	padding:1px;
	width:40px;
	height:40px;
	border-radius:40px;

	}
.client_icone_droite{
	border-radius:25px;
	height:26px;
	width:26px;

	}
.client_icone_middle{
	background-color:#ffffff;
	padding:1px;
	width:27px;
	height:27px;
	border-radius:27px;

	}
.label_fiche{

	color: #444444;
	font-size:13px;
	}
.titre_art{
text-align:center;
text-transform:uppercase;
height:30px;
margin-top:5px;
	color: #292929;
	font-size:13px;
	font-weight:bold;
	}
.titre_art_detail{
text-align:center;
height:30px;
margin-top:5px;
	color: #383838;
	font-size:16px;
	font-weight:bold;
	}
.volet_entete{
position:absolute;
right:1px;
top:3px;
height:26px;
	width:26px;

	}
.volet_entete_image{
position:absolute;
left:1px;
top:8px;
height:25px;

	}
	
.sous_volet_entete{
position:absolute;
right:3px;
top:8px;
height:25px;

	}
.volet_menu_div{
    position:relative;
    overflow: hidden;
    margin-top:10px;
    border-radius:5px;
    border: 1px solid #e6ebf4;
    width:100%;
}
.volet_menu_div_div{
    position:relative;
    width:100%;
    overflow: hidden;
	margin-top:7px;
	
}
.volet_menu_div_p{
  display: block;
  position:relative;
 margin-bottom:3px;
  padding-top:2px;
 

  text-align:left;
}

.volet_menu_div_p_titre{
    line-height:35px;
    color:#0a4499;
    margin-left:35px;
    font-size:12px;
    text-transform:none;
}
.volet_menu_div_p_btn{

	text-align:center;
	font-size:12px;
	border-radius:5px;
	height:10px;
	width:auto;
	padding-left:5px;
    position:relative;
	text-transform:uppercase;
}
.volet_menu_div_p_droite{
    font-weight:bold;
    line-height:35px;
    color:#0a4499;
    margin-left:35px;
    font-size:14px;
    text-transform:none;
}
.volet_menu_div_global{
overflow: hidden;
	position:relative;
width:100%;
height:auto!important;

padding-bottom:10px;
	background-color:#ffffff;


}
.volet_menu_div_global_index{
overflow: hidden;
	position:relative;
padding:10px;
padding-top:28px;
padding-bottom:0px;
height:auto;

}
.volet_menu_div_global_index_li{
display:inline-block;
width:45%;
max-width:350px;
border-radius:15px;
background-color:#e1eef4;
margin:8px;

}
.volet_menu_div_global_menu{
	overflow: hidden;
	position:relative;
	width:100%;
	opacity:0.9;
}
.volet_menu_div_global_a4{
width:1200px;
max-width:100%;
padding-bottom:5px;
border-radius:10px;

}


.volet_ss_menu_global{

height:auto;
min-height:20px;
width:100%;
text-align:center;
}

.entete_filtre_p{
width:100%;
margin-top:0px;
background-color:#ececec;
position:relative;
height:30px;
padding-top:5px;

}
.entete_planning_p{
width:100%;
margin-top:0px;
position:relative;
height:50px;
padding-top:5px;

}
.tableau_titre{
	background-color:#F4F4F4;
	font-size:12px;
	height:25px;
	 text-transform:uppercase;
}

.fiche_titre_2{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	text-align:center;
	position:relative;
font-weight:bold;
	font-size:16px;
	color:#0a4499;
	text-transform:uppercase;
	
}

.fiche_div_2{
	margin-top:5px;
	background-color:#ffffff;

	padding-top:5px;
	position:relative;
	padding-bottom:5px;

padding-right:2px;
width:96%;
	
}

.fiche_ul_2{
background-color:#ffffff;

width:94%;
padding:10px;
padding-top:10px;
margin-top:10px;
margin-bottom:15px;
overflow:auto;

}

.titre_2{
	margin-top:20px;
	margin-bottom:10px;
	max-width:100%;
	text-align:left;
	position:relative;
	font-weight:bold;
	font-size:15px;
163875
}

.texte_glob{
margin-bottom:5px;
max-width:100%;
text-align:left;
padding:5px;
color: #163875;
text-transform:uppercase;
font-size:14px;
margin-top:25px;
line-height:28px;
font-weight:bold;
border-radius:20px;
position:relative; 
text-align:left;
border:1px solid #ececec;
width:94%;
padding-left:10px;
}
.texte_glob_sous{
margin-bottom:5px;
max-width:100%;
text-align:center;
padding:5px;
color: #ff591f;
text-transform:none;
font-size:15px;
margin-top:25px;
line-height:28px;
font-weight:bold;


}
.texte_2_key{
	margin-left:10px;
	margin-bottom:7px;
	line-height:20px;
	font-size:13px;
	color:#232323;
	background-color:#ff2400;

}
.modules_tableau{
width:100px;
font-size:10px;
text-transform: uppercase;
text-align:left;
color:#232323;
padding:3px;
line-height:11px;
border-bottom: 1px solid #f4f4f4;
}

.popup_div_global{
	width:100%;
	position:absolute;
	top:0px;
left:0px;
	z-index:4000;
min-height:600px;

}
.popup_div_centrepage{
	width:100%;
	position:absolute;
	top:300px;
	z-index:4000;
min-height:300px;
 
background: #ffffff;
 box-shadow:1px 3px 3px 0px #a3a3a3;
}
.popup_fondcouleur{	
	background: #ffffff;
}
.aide_global_div{
	width:700px;
	max-width:99%;
	padding:10px;
}
.tableau_cout_entete{
	padding:10px;
	border: 1px solid #ececec;
	font-size:12px;
	text-align:center;
	background: #f4f4f4;
}
.tableau_cout_entete_td{
	padding:10px;
	border: 1px solid #ececec;
	font-size:12px;
	text-align:center;
}
.arrierePlan{
	width: 100%; 
	 
	min-height:2500px;
		background-color:#e3eeff;
	z-index:4000;
	position:absolute;
	top:0px;
	left:0px;


}
.aide_global_titre{
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}
.aide_global_p{
	height:30px;
}
.aide_global_numero{
	width:20px;
	text-align:center;
	padding:5px;
}
.aide_global_action{
font-weight:bold;
	padding:5px;
}
.aide_global_action_detail{

	padding:5px;
}
.popup_div_demi{
	position:relative;
	width:100%;
max-width:1000px;
	min-height:500px;
	
color:#163875;
background: #ffffff;


}



.popup_div_petit{
	position:relative;
	width:320px;
	top:40px;
	max-width:98%;
	height:auto;
	overflow: hidden;
		 box-shadow:1px 3px 3px 0px #a3a3a3;
background: #ffffff;
 border:1px solid #ececec;
	
}
.popup_div_petit_plaquette{
	width:320px;
	top:40px;
	height:auto;
	overflow: hidden;
	background-color:#f4f4f4;
}
.popup_div_gauche_petit{
	position:absolute;
	width:320px;
	max-width:70%;
	top:60px;
	min-height:1000px;
	height:auto;
	overflow: hidden;
	left:5px;
	 box-shadow:1px 3px 3px 0px #a3a3a3;
background: #ffffff;
 border:1px solid #ececec;
 border-radius:5px;
}
.popup_div_petit_navig{
	position:relative;
	width:500px;
	top:0px;
	max-width:95%;
	height:auto;
	min-height:500px;
	overflow: hidden;
 box-shadow:1px 3px 3px 0px #a3a3a3;
background: #ffffff;
 border:1px solid #ececec;
}
.popup_div_petit_intro{
	position:relative;
	max-width:900px;
	top:50px;
	width:94%;
	height:auto;

	border-radius:5px;
		 box-shadow:1px 3px 3px 0px #a3a3a3;
background: #ffffff;
 border:1px solid #ececec;
}
.popup_div_gauche_petit_second{
	position:absolute;
	width:280px;
	top:600px;
	height:300px;
	overflow: auto;
	left:0px;
	font-size:14px;
	font-weight:bold;
		 box-shadow:1px 3px 3px 0px #a3a3a3;
background: #ffffff;
 border:1px solid #ececec;
}
.popup_div_gauche_petit_top{
	position:absolute;
	width:220px;
	top:20px;
	left:5px;
	max-width:100%;
	height:auto;
	overflow: hidden;
	
	 box-shadow:1px 3px 3px 0px #a3a3a3;
background: #ffffff;
 border:1px solid #ececec;
	
}
.popup_div_droite_petit{
	position:absolute;
	width:200px;
		top:120px;
	max-width:100%;
	height:auto;
	overflow: hidden;
	border-radius:5px;
	right:10px;
	font-size:14px;
	font-weight:bold;
	
background: #ffffff;
 border:1px solid #ececec;
}
.popup_diaporama{
	position:absolute;
	width:320px;
	top:40px;
	right:-30px;
	height:auto;
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
		 box-shadow:1px 3px 3px 0px #a3a3a3;
background: #ffffff;
 border:1px solid #ececec;

}
.popup_div_droite_moyen{
	position:absolute;
	width:500px;
	top:80px;
	max-width:98%;
	height:auto;
	overflow: hidden;
	right:5px;
	font-size:14px;
	font-weight:bold;
	border-radius:5px;

background: #ffffff;
 border:1px solid #ececec;

}
.popup_div_droite_moyen_mobil{
	position:absolute;
	width:350px;
	top:5px;
	left:12px;
	width:95%;
	height:auto;
	overflow: hidden;
	font-size:14px;
	font-weight:bold;
	border-radius:5px;

background: #ffffff;
 border:1px solid #ececec;

}
.popup_div_gauche_moyen{
	position:absolute;
	width:500px;
	top:40px;
	max-width:100%;
	height:auto;
	overflow: hidden;
	left:5px;
	font-size:14px;
	font-weight:bold;
	border-radius:5px;
		 box-shadow:1px 3px 3px 0px #a3a3a3;
background: #ffffff;
 border:1px solid #ececec;
}
.popup_div_droite_bas{
	position:absolute;
	width:64px;
	top:100px;
	right:0px;
}
.popup_div_info{
	position:relative;
	width:600px;
	top:25px;
	max-width:100%;
	height:auto;
	overflow: hidden;
	 box-shadow:1px 3px 3px 0px #a3a3a3;
background: #ffffff;
 border:1px solid #ececec;
}
.popup_div_full{
	position:relative;
		height:auto;
	width:auto;
	min-height:1000px;
	top:10px;
	max-width:100%;
	overflow: hidden;
	}
.popup_div_a4{

 position:relative;
	width:1200px;
	max-width:96%;
	min-height:500px;
	overflow: hidden;
border-radius:5px;
margin-top:37px;
background: #ffffff;
 border:1px solid #ececec;
	}
.popup_div_plaquette{
	max-width:100%;
	width:800px;
	min-width:70%;
	height:100%;
	position:relative;
	border-radius:10px;
	
}
.popup_div_container{
	position:relative;
	width:800px;
	min-height:500px;
	max-width:98%;
	overflow: hidden;
	border: 3px solid #dbdbdb;
	background-color:#f4f4f4;
	}
.popup_titre{
	width:100%;
	height:22px;
	padding-top:8px;
font-size:14px;
text-transform:uppercase;
color:#ffffff;
	background-color:#112851;

}
.tableau_li{
border: 1px solid #ececec;
padding:3px;
height:17px;
display:inline-block;
text-align:center;
width:35px;
margin:0px;
padding-top:8px;
}
.nv_annonce_label {
	padding-left:3px;
	font-size: 14px;
	text-align:left;
	text-transform: none;
	line-height:25px;
	border:none;
	width:125px!important;
	display: block;
float: left;
clear: both;
color: #163875;
font-weight:normal;

	}
	.nv_annonce_label_mobil {
	padding-left:3px;
	font-size: 16px;
	text-align:left;
	text-transform: none;
	line-height:25px;
	border:none;
	width:125px!important;
	display: block;
float: left;
clear: both;
color: #232323;

	}
.nv_annonce_label_kyosk {
	padding-left:3px;
	font-size: 12px;
	text-align:left;
	text-transform: none;
	line-height:25px;
	border:none;
	width:125px!important;
	display: block;
float: left;
clear: both;
color: #232323;
font-weight:bold;
	}
	.nv_client_input{
font-size: 14px;

 border-radius:5px;
 border:1px solid #ececec;
  background-color:#ffffff;
 padding:5px;
 height: 25px;
font-weight:normal;
text-transform:none;
 color: #232323 !important;
 margin-bottom:10px;
 	width:95%!important;
	display: block;
	max-width:500px;
}
	
	.nv_annonce_contact{
font-size: 16px;

 border-radius:5px;
 border:1px solid #ececec;
  background-color:#ffffff;
 padding:5px;
 padding-left:10px;
 height: 25px;
 font-size:16px!important;
 color: #232323 !important;
 margin-bottom:10px;
 	width:93%!important;
	display: block;
	max-width:500px;
}
.nv_client_textarea{
padding:5px;
width:300px;
max-width:80%;
height:50px;
font-size:14px;
}
.popup_bloc_div{
padding:3px;
position:relative;
}
.popup_menu{
background: #ffffff;
border-top: 1px solid #f4f4f4;

padding-top:7px;
}
.croix_ferme{

position:absolute;
top:5px;
right:5px;
width: 20px;
}
.popup_volet_div{
padding:10px;
position:relative;
min-height:500px;
text-align:left;
}
.module_code{

	font-size:8px;
	position:absolute;
	left:3px;
	top:5px;
	z-index:2000;
		color:#0a4499;

}
.promos_li{
display:inline-block;
position:relative;
width:120px;
height:20px;
color:#dd1414;
font-size:12px;
text-align:center;
padding-top:8px;
margin-right:10px;
font-weight:bold;

}
.promos_mobil_li{
display:inline-block;
position:relative;
width:90px;
height:20px;
border:1px solid #ececec;
color:#dd1414;
font-size:14px;
border-radius:5px;
text-align:center;
padding-top:8px;
margin-right:5px;

}
.promos_label{
position:absolute;
left:50px;
top:16px;
font-size:14px;
font-weight:bold;
text-transform: uppercase; 
color:#232323;
}
.bouton_style{
 border-radius:5px;
  z-index:4000;
  width:130px;
  text-align:center;
  background-color:#dd1414;
  height:40px;

 color:#ffffff;
   font-size:14px;
  font-weight:bold;
  border:none;
}
.planning_td{
border-bottom:1px solid #f4f4f4;
width:99%;
height:70px;
text-align:left;
padding:2px;
position:relative;
color:#dd1414;
font-size:17px;
font-weight:bold;


}
.planning_td_plus{
position:absolute;
right:20px;
top:15px;


}
.planning_table{
background: #ffffff;
width:85%; 
height:auto;
font-size:12px;
  border-bottom: 1px solid #84bfb8;
}
.planning_li{
min-width:14%;
width:99%;
background: #ffffff;
height:auto;
display:inline-block;
position:relative;
text-align:left;
max-width:360px;
 border-bottom: 1px solid #ececec;

}
.planning_p{
height:20px;
background: #ffffff;
padding:3px;
width:90px;
text-align:right;
}
.planning_jour{
font-size:18px;
width:100%;
line-height:50px;
color:#555555;
margin-left:10px;



}
.planning_plat{
font-size:10px;
margin-top:15px;
text-align:left;
color:#0a4499;
}
.ico_param{
	width:25px;
	position:absolute;
	top:5px;
	right:65px;
	height:25px;

	border-radius:25px;
 
}
.ico_param_droite{
	width:25px;
	position:absolute;
	top:5px;
	right:35px;
	height:25px;

	border-radius:25px;
 
}
.ico_param_croix{
	width:25px;
	position:absolute;
	top:5px;
	right:5px;
	height:25px;

	border-radius:25px;
 
}
.ico_param_croix_plaquette{
	width:35px;
	position:absolute;
	top:5px;
	right:5px;

	
z-index:2000;
}
.alphabet_li{
	display:inline-block;
	margin:2px;
	padding:5px;
	width:12px;
	font-size:14px;
	background: #ffffff;
	height:12px;
	text-align:center;
	border-radius:15px;
	color:#0a4499;
	
}
.aide_div{
	width:100%;
	text-align:justify;
	height:auto;
	background: #3278d0;
	color:#ffffff;
	max-width:700px;
	font-size:12px;
	position:relative;
	margin-bottom:10px;
	padding-bottom:5px;
}
.aide_p{
	background: url(/images/populi/fleche_droite_blanche.png) no-repeat left 10px top 5px !important;
	line-height:10px;
}

.aide_modules{
	border: 1px solid #ffffff;
	font-size:24px;
	max-width:70%;
	width:290px;
	font-style:italic;
	min-height:100px;
	height:auto;
	border-radius:10px;
	color:#ffffff;
	position:absolute;
	left:10px;
	top:25px;
	text-align:center;
	padding:10px;
	font-weight:bold;
	padding-top:25px;
}

.aide_modules_mobile{
	border: 1px solid #ffffff;
	font-size:16px;
	max-width:40%;
	z-index:5000;
	font-style:italic;
	height:auto;
	border-radius:10px;
	color:#ffffff;
	position:absolute;
	left:10px;
	top:10px;
	text-align:center;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;

	
}

.menu_div{
width:98%;
margin-bottom:15px;

}

.menu_div{
width:98%;
margin-bottom:15px;

}

.menu_ecard{
padding-top:5px;
background: #ffffff;
min-height:20px;
margin-top:5px;
width:94%;
border-bottom: 1px solid #e3eeff;

}



.menu_gauche_autre{
position:relative;
width:97%;
text-align:left;
height:33px;
font-size:14px;
padding-top:15px;
text-transform:uppercase;
margin-bottom:10px;

font-weight:normal;
border-bottom: 1px solid #ececec;
}
.menu_gauche_p{

margin-bottom:4px;
min-height:37px;
text-align:left;
font-size:14px;
padding-left:15px;
}
.nv_client_scan_p{
	 border-bottom: 1px solid #ececec;
margin-bottom:4px;
min-height:37px;


font-size:14px;
}
.menu_admin_client{
position:relative;
width:97%;
text-align:left;
height:33px;
padding-left:10px;
font-size:14px;
color:#ffffff;
padding-top:15px;
 border-bottom: 3px solid #ffffff;
font-weight:normal;	
	background-color:#f4f4f4;
}
.menu_droite_texte{

	position:absolute;
	left:30px;
	top:1px;
	
	
}
.connex_li{
position:relative;
width:96%;	
max-width:320px;
display:inline-block;
}

.tarifs_p_img{
	width:25px;
padding:8px;
}
.tarifs_td{
	padding:2px;
	height:15px;
font-size:12px;
text-transform:none;
font-weight:normal;
}

.tarifs_td_td{
	color:#555555;
font-size:16px;
text-transform:none;
font-weight:normal;
padding:5px;
}



.menu_titre{
color: #232323;
font-size:16px;
width:100%;
text-align:center;
margin-top:25px;
position:relative;
	height:25px;
	padding-top:10px;
	border-bottom: 3px solid #ffffff;
}
.menu_icone{
position:absolute;
left:5px;
top:-2px;
height:25px;
width:25px;
}
.aide_question{
	position:absolute;
	left:40px;
	bottom:5px;
	font-size:9px;
	font-style:italic;
}
.volet_menu_div_global_full_screen{
    overflow: hidden;
    height:40px;
    border-radius:3px;
    position:relative;
    border-bottom: 3px solid #ffffff;
    width:99%;
}
.volet_menu_icone{
    display:inline-block;
    text-align:center;
    width:45px;
    height:50px;
    position:relative;
    margin-top:4px;
     margin-left:2px;
   
	color:#0a4499;
    font-weight:bold;
}
.volet_menu_icone_mobile{
    display:inline-block;
    text-align:center;
    width:27px;
    height:25px;
    position:relative;
    margin:1px;
}
.tableau_pack_p{
   margin-top:10px;
   font-size:12px;
    
}
.volet_fond{
	padding-bottom: 5px;
	margin-top:25px;
	height: auto;
	text-align:center;
	position:relative;
	width:100%;
	overflow: none;

}
.volet_menu_div_global_gauche{
	overflow: hidden;
	border-radius:5px;
	font-size:15px;
	background-color:#ffffff;
	position:relative;
	margin-bottom:10px;
	padding-bottom:10px;

}
.code_affichage_art{
	position:absolute;
	left:5px;
	top:3px;
	font-size:10px;
	background-color:#ffffff;
	z-index:2000;
	padding:3px;
	border-radius:20px;
	height:9px;

}
 
.display_ferme{
	 display:none;
}
.accueil_p{
	 margin-bottom:10px;
	 margin-top:10px;
	 width:100%;
	 height:auto;
	 text-align:left;
	 line-height:18px;
	 
}
.var_bouton{
	width:20px;
	height:20px;


}
.depl_var_bouton{
	width:30px;
	height:30px;


}
.depliant_titre{
	font-size:12px;
	color:#3278d0;
	width:90px;
	text-align:center;
	border-radius:5px;
	padding-top:10px;
	padding-bottom:1px;
	padding-left:10px;
	padding-right:10px;
	border-radius:30px;
	display:inline-block;
	margin:2px;
	height:20px;
	text-transform:uppercase;
	font-weight:bold;
	
	background-color:#ffffff;
}

.mobil_menu_p{
	width:100%;
	height:30px;
	border-bottom: 1px solid #f4f4f4;
	position:relative;
	color:#b2b2b2;
}
.mobil_menu_p_sous{
	width:100%;
	height:30px;
	border-bottom: 1px solid #f4f4f4;
	position:relative;
	margin-left:25px;
	color:#232323;
}
.mobil_menu_img{
	position:absolute;
	left:5px;
	top:6px;
	width:20px;
	height:20px;
}
.mobil_menu_label{
	position:absolute;
	left:33px;
	top:7px;
}
.police_tableau{
	text-align:center;
	padding:3px;
	font-size:12px; 
	color:#112851;
}
.menu_admin{
	background-color:#ffffff;
    width:95%;
}
.volet_menu_div_sous_global{
	position:relative;
	overflow: hidden;

	margin-top:7px;
	font-size:12px;
	height:0px;
	width:250px;
	border: 1px dotted #163875;
	
	padding:2px;
display:none;
}
.volet_menu_div_sous{
position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
	

}
.aide_tout{
width:95%;
text-align:justify;
padding:5px;
background: #3278d0;
color:#ffffff;
font-size:12px;
font-weight:bold;
position:relative;
margin-bottom:10px;
}
.afficher_tout{

	padding-top:5px;
	font-size:12px;
	color:#ffffff;
	height:20px;
	text-align: center;
	border-radius:5px;
	 width: 100px;
}
.afficher_tout_bas{

	padding-top:5px;
	font-size:12px;
	color:#ffffff;
	height:20px;
	text-align: center;
	border-radius:5px;
	 width: 140px;
	 background-color:#49bc31;
}
.afficher_tout_p{
position:absolute;
	top:11px;
	right:55px;
	text-align:center;
	width:100%;
	text-align:right;
}
.afficher_bas{
width:100%;
background: #ffffff;
color:#232323;
height:28px;
position:absolute;
bottom:0px;
padding-top:5px;
border-top:1px dashed #dbdbdb;
	
}

.titre_page{
text-align:left;
background-color:#e8e9ed;
padding-left:5px;
padding-top:10px;
line-height: 25px;
width:100%;
display: block;
color:#3b3b3b;
 font-size:16px;
text-transform: uppercase;
font-weight:bold;

	}	
.module_user{
	position:absolute;
	right:100px;
	top:1px;
   color:#232323;
    font-size:8px;
	text-align:left;
}
.sous_menu_global {	
position:relative;
font-size: 16px;
padding-top: 15px;
padding-bottom: 8px;
text-transform: none;
font-weight: normal;
width: 100%;
text-align: left;
background: #ffffff;
color: #3a3a3a;
border-bottom:1px solid #aaaaaa;

display: none; 
height:auto;
	}
.sous_sous_menu_global {	

height:28px;
font-size:16px;

border-top:1px dashed #BBBBBB;
padding-top:12px;
position:relative;
width:100%;
color:#bbbbbb;
	}
.sous_volet_entete_image_right{
position:absolute;
right:37px;
top:7px;
height:22px;
width:22px;
background-color:#ff0000;
border-radius:20px;
padding:4px;
	}
.sous_volet_entete_image_new{
position:absolute;
right:37px;
top:7px;
height:22px;
width:22px;
background-color:#009EE0;
border-radius:20px;
padding:4px;
	}
.sous_volet_entete_image_new_3{
position:absolute;
right:72px;
top:7px;
height:15px;
width:15px;
background-color:#f3d403;
border-radius:20px;
padding:8px;
	}
.sous_volet_entete_image_new_4{
position:absolute;
right:72px;
top:7px;
height:22px;
width:22px;
background-color:#009EE0;
border-radius:20px;
padding:4px;
	}
.sous_volet_entete_image_new_5{
position:absolute;
right:108px;
top:7px;
height:22px;
width:22px;
background-color:#125288;
border-radius:20px;
padding:4px;
	}
.sous_volet_entete_image_new_6{
position:absolute;
right:143px;
top:7px;
height:22px;
width:22px;
background-color:#ff7e00;
border-radius:20px;
padding:4px;
	}
.volet_entete_image_right{
position: absolute;
right: 37px;
top: 7px;
height: 18px;
width: 18px;
background-color: #ececec;
border-radius: 20px;
padding: 4px;
	}
.volet_entete_image_right_fond{

position:absolute;
right:37px;
top:7px;
height:18px;
width:18px;
background-color:#f3d403;
border-radius:20px;
padding:4px;
	}
.volet_entete_image_right_1{

position:absolute;
right:8px;
top:8px;
height:27px;
	}
.panier_art_client{
height: 28px;
width:32px;
	}
.combo_clients_contact{	
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom:3px;
background-color:#ffffff;
	height:25px;
	border:none;
	border-radius:0px;
	color:#292929;
	}
.image_miniature_art_client{	
	height:70px;
	max-width:160px; 
	margin:1px;
	border: 1px solid #ececec;
	padding:2px;
	}
.image_6_7_art_client{	
	height:26px;
	max-width:130px;
	padding:2px;
	border-radius:5px;
background-color:#ffffff;
	}
.text_smart_galerie_generate_mail{
border:none;
background: #f4f4f4;
height:25px;
position:absolute;
top:3px;
left:120px;
width: 63%;
	max-width:300px;
padding-left:5px;
}
.menu_art_client{
font-size: 13px;
margin:3px;
}


.flyers_ul{
margin-top:20px;
	width:100%;
	background-color:#e3e3e3;
}
.flyers_li{
border:1px #e3e3e3 solid;padding:2px;height:auto;width:29%;max-width:110px;float: left;display: inline-block;margin:4px;background-color:#f3f3f3;}
.flyers_img{
height:140px;width:106px;
}
.flyers_img_selection{
border:1px #ee1c25 solid;padding:2px;
}
.flyers_p{
color:#ffffff;
font-weight: bold;
font-size:8px;
height: 10px;
width: 10px;
background-color: #ee1c25;
border-radius: 20px;
padding: 4px;
}
.image_miniature_promo_art_client{	
	height:25px;
	width:25px; 
	margin:1px;
	border: 1px solid #e3e3e3;
	padding:1px;
	border-radius:5px;
	}
.image_nouveau_art{	
font-size:20px;
color: #292929;
text-transform: uppercase;
margin-top:20px;
margin-bottom:10px;
width:100%;
border-bottom:1.5px solid #ececec;
padding-top:10px;
	}
.image_taille_nouveau_art{	
width:90%;
max-height:500px;
	}
.image_depliants_page_index{	
	height:15px;
	width:15px; 
	margin:1px;
	border: 1px solid #e3e3e3;
	padding:1px;
	border-radius:5px;
	}
.action_condition_art_client{	
	margin-top:5px;
	background: #ff0000;
	padding:3px;
	height:auto;
	text-transform:uppercase;
	color:#ffffff;
	width:70%;
	font-size:11px;
	text-align:center;
	}
.menu_pastille_gauche{	
	position:absolute;
	left:7px;
	top:7px;
	width:20px;
	height:20px;
	}
.pastille_gauche_1{	
	position:absolute;
	left:7px;
	top:3px;
	height:20px;
	max-width:24px;
	}
.pastille_gauche_2{	
	position:absolute;
	left:35px;
	top:3px;
	height:20px;
	max-width:24px;
	}
.menu_pastille_gauche_1{	
	position:absolute;
	left:30px;
	top:7px;
	width:20px;
	height:20px;
	}
.gain_pc_art_client_promo{
position:absolute;
border: 2px solid #ff0007!important;
	left: 0px;
	bottom:2px;
	color: #ff0007;
	font-weight:bold;
	font-size:13px;
	border-radius: 20px;
	background-color:#fff600;
	padding:2px;
	padding-top:10px;
	width:30px;
	height:20px;
	}
.bouton_menu_ipad{	
	width:45px;
	height: 45px;
background-color:#ffffff;
	margin-top:5px;

	}
.bouton_menu_ipad_border{	
vertical-align: middle;
	text-align:center;
	width:50px;
	height: 55px;
	padding:3px;
	display: inline-block;
	border-radius:5px;
	background: #ffffff;
font-size:9px;
	margin:5px;

	}

.contour_icone{
	width:30px; 
	border: 1px solid #dbdbdb;
	border-radius:5px;
	padding:3px;
	margin-bottom:3px;
	background: #ffffff;
	height:30px; 
}
.contour_pastille{
border: 1px solid #ffffff;

	border-radius:60px;

	height: 60px;
	width: 60px;
}
.contour_pastille_mobile{
	width: 27px;
	height: 27px;
	margin:4px;
	
}
.mobile_li{
position:relative;
	border-bottom: 1px solid #dbdbdb;
	height:45px;
}
.mobile_li_titre{
position:absolute;
	left:60px;
	top:15px;
}
/* --------------------------------------------------------- STATISTIQUES & CONTACTS (statistiques.tpl contacts.tpl)------------------------------------------------------------ */

/* selection */
.ui-menu .ui-menu-item a{
    color: white;
	 background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #454545; 
	line-height: 25px;
	padding-left: 5px;
}

.ui-menu .ui-menu-item a{
    color: black;
	 background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #454545; 
    line-height:  25px;
	padding-left: 5px;
}

.ui-autocomplete-input {
	color: black;
	 background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #454545; line-height:  25px;
	padding-left: 5px;
}
ul.ui-autocomplete {
    position: absolute;
    top: 100%;
	color: black;
	 background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #454545; line-height:  25px;
	padding-left: 5px;
}	

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.module_entete_ul{
margin-bottom:5px;
position:relative;
text-align:left;
color:#232323;
min-height:30px;
height:auto;
text-transform:uppercase;
border-bottom:2px solid #ececec;
padding-bottom:5px;
font-weight:bold;
border-radius:5px;

}

.module_entete_ul_li{
display:inline-block;


position:relative;
max-width:50%;
width:680px;

border:1px solid #ececec;
border-radius:20px;
height:30px;
padding:5px;
padding-left:5px;
padding-right:8px;
background-color: #ffffff;
text-align:left;
}
.module_entete_ul_li_mobil{
display:inline-block;
margin:5px;
position:relative;
width:80%;
border:2px solid #ececec;
border-radius:5px;
height:30px;
padding:3px;
background-color: #ffffff;
text-align:left;
}
.module_entete_ul_li_recherche{
border:none;
border-left:2px solid #ececec;
color: #232323;
height:38px;
font-weight:bold;
font-size: 14px;
padding: 3px;
background-color: #ffffff;
width:100px;
position:absolute;
right:0px;

top:-1px;
border-radius:0px 5px 5px 0px;
}
.module_entete_ul_li_recherche_zone{

outline:none;
background-color:#ffffff;
color: #232323;
height:20px;
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
width:100%;
min-width:130px;
border:none;

}
.module_entete_ul_li_recherche_zone_gsm{

outline:none;
color: #232323;
height:29px;
font-size: 14px;
padding: 5px;
border-radius:10px;
width:200px;
border:none;
margin-left:1px;
position:relative;
padding-left:8px;
}
.module_entete_ul_li_croix{

position:absolute;
right:110px;
top:20px;
width:12px;
}




.menu_icone_droite_ul{

padding-top:9px;
width:100%;
text-align:center;

height:33px;
color:#ffffff;
z-index:2000;
position:relative;
margin-top:72px;
}
.menu_icone_droite_ul_icone{
width:24px;
height:24px;
}
.menu_icone_droite_ul_icone_kyosk{
width:45px;
height:45px;
}
.plusdeResultat{
	font-size:12px;
padding-top:4px;
	height:20px;
	text-align:center;
	width:100%;
font-weight:bold;
position:absolute;
bottom:0px;
z-index:5000;

}
.plusdeResultat_span{
width:100%;
border-radius:3px;
padding:5px;
color:#dd1414;
font-size:16px;
position:relative;
height:16px;
padding-top:10px;
padding-right:20px;
}
.plusdeResultat_fleche{
height:40px;
width:40px;
z-index:4000;
}


.ul_overflow{
overflow:auto;

}

.li_menu_2{
font-size:16px;
height:18px;
padding:8px;
padding-top:12px;
margin:10px;
width:90%;
text-align:left;
}

.li_menu_3{
font-size:14px;
line-height:16px;
margin-left:10px;
width:auto;
text-align:left;
display:inline-block;
}

.plan_plus{
height:32px;
position:absolute;
top:5px;
right:5px;

}

.ss_plan_plus{
height:20px;
position:absolute;
top:20px;
right:10px;

}

.menu_titre_up{
text-align:center;
font-size:20px;
line-height:20px;
width:100%;
padding-top:10px;
color:#232323;
font-weight:normal;
}

.fermer_croix{
height:25px;
position:absolute;
top:10px;
right:10px;

}

.fermer_croix_1218{
width:25px;
position:absolute;
top:10px;
right:10px;

}

.fermer_1218{
width:25px;
position:absolute;
top:10px;
right:10px;

}

.fermer_1218_gauche{
width:25px;
position:absolute;
top:10px;
left:10px;

}

.fermer_1218_more{
width:20px;
z-index:2000;
opacity:0.7;

}

.matiere_1218_icone{
height: 50px;
opacity:0.7;

}

.fermer_1218_centre{
width:30px;
margin-top:10px;
margin-bottom:10px;

}

.a_la_une_p_1218{
max-width:100%;
text-align:center;
margin:10px;
margin-top:15px;
font-size:14px;
color:#163875;
font-weight:bold;

}


.bloc_opacity{
width:100%;
height:4000px;
position:absolute;
top:0px;
left:0px;
background-color:#e3eeff;
opacity:0.8;

}

.div_titre_2{
width:90%;
margin-top:35px;

}

.menu_fleche_1{
height:20px;
position:absolute;
top:5px;
right:10px;

}
.plan_texte{
font-size:15px;
height:20px;
padding-top:5px;
margin:3px;
width:90%;
text-align:left;
line-height:15px;

}

.sous_texte_2_p_titre{
font-size:14px;
text-transform:uppercase;
margin-top:10px;
font-weight:bold;
line-height:20px;

}
.sous_texte_2{

line-height:20px;
padding:10px;
padding-left:20px;
text-align:left;
font-size:14px;

}
.titre_rub_modul{

color:#232323;
font-weight:bold;
font-size:16px;
text-transform:uppercase;

}

.titre_bloc_p{
position:relative;
width:100%;
text-align:center;
font-size:20px;
color:#163875;
height:100px;
padding-top:35px;
margin-top:10px;

	
border-radius:10px 10px 0px 0px;
	}


.titre_bloc_p_span{

font-size:24px;
font-weight:bold;
text-transform:uppercase;

	
	}

.titre_bloc_1218{

height:auto;position:relative;
width:95%;
padding-bottom:15px;
margin-bottom:50px;
max-width:920px;
background-color: #ffffff;
border-radius:10px;

	
	}

.titre_bloc_mes_1218{
height:auto;
position:relative;
background-color:#ffffff;
padding-bottom:10px;
width:90%;
max-width:800px;
border-radius:10px;
margin-bottom:15px;
margin-top:35px;	
	}




.titre_bloc_ul{
margin-top:20px;
padding-left:6px;
font-size:14px;
max-width:96%;
padding-top:5px;
padding-bottom:5px;
position:relative;
text-align:left;
background-color: #ffffff;

	}

.titre_bloc_ul_li{
border:none;
border-radius:5px;
display:inline-block;
width:96%;
max-width:400px;
position:relative;
height:29px;
outline:none;
background-color:#ffffff;
color: #163875;
font-size: 14px;
padding-top: 5px;
border: 1px solid #e3eeff;
padding-bottom: 5px;

	}

.titre_bloc_ul_li_loupe{
height:30px;
position:absolute; 
left:175px;
top:5px;

	}

.titre_bloc_ul_li_input{
height:30px;
width:70%;
max-width:150px;
border:none;
margin-left:5px;
font-size:14px;
background-color:#ffffff;
padding-left:5px;

	}




.ss_plan_menu{
height:25px;

max-width:100%;

position:relative;
font-size:16px;
color:#163875;
text-align:center;
padding:5px;
padding-top:15px;

background-color:#ffffff;
padding-bottom:15px;
margin-bottom:10px;
}

.sss_plan_menu{
height:25px;
max-width:350px;
font-size:13px;
color:#163875;
text-align:left!important;
padding-top:15px;
background-color:#ffffff;

}

.plan_menu{
height:25px;
margin-top:10px;
width:80%;
max-width:350px;
position:relative;
font-size:16px;
color:#232323;
border-radius:10px;
text-align:left;
padding:5px;
padding-top:12px;
padding-left:15px;
background-color:#f4f4f4;
}

.plan_menu_rond{
height:50px;
margin:10px;
width:75px;
display:inline-block;
position:relative;
font-size:13px;
color:#232323;
border-radius:60px;
padding:5px;
padding-top:25px;
background-color:#ffffff;
text-align:center;
}

.plan_menu_rond_img{
height:20px;
width:20px;
position:absolute;
bottom:8px;
left:33px;

}

.plan_menu_titre{



display:inline-block;
padding:5px;
position:relative;
border-bottom:1px solid #ececec;
width:95%;
padding-bottom:5px;
padding-top:12px;
height:25px;
text-align:left;


}


.plan_menu_titre_open{
height:25px;
margin-top:10px;
width:94%;
position:relative;
font-size:14px;
color:#232323;
text-align:left;
padding:5px;
padding-top:12px;
font-style:italic;


}


.div_bloc{
min-height:1000px;
height:auto;
position:relative;
width:100%;
background-color:#ffffff;
display:none;
border-radius:10px;
padding:10px;
margin-bottom:15px;
max-width:800px;
z-index:4000;

}

.volet_encodage_titre{
width:100%;
background-color:#ffffff;
margin:10px;
font-size:16px;
color:#232323;
text-align:left;
position:absolute;
left:40px;
top:3px;
}

.volet_encodage_icone{
position:absolute;
top:5px;
left:5px;
width:35px;
}

.volet_encodage_fleche{
position:absolute;
top:5px;
right:5px;
width:30px;
}
.volet_encodage_div{
position:relative;
border: 1px solid #ececec;
border-radius:5px;
padding:5px;
width:98%;
font-size:16px;
margin-bottom:10px;
height:30px;


}

.volet_categorie_li{
padding-left:2px;
padding-right:5px;
height:35px;
display:inline-block;
width:29%;
position:relative;
background-color:#ffffff;
border-radius:5px;
min-width:105px;
margin-right:10px;
margin-bottom:8px;
text-transform:uppercase;
font-size:10px;
}
.volet_categorie_mobile_li{
padding-top:5px;
padding-bottom:5px;
height:30px;
display:inline-block;
width:46%;
position:relative;
border-radius:5px;
background-color:#ffffff;
margin-bottom:8px;
margin-right:10px;
font-size:11px;
}
.geoloc_li_fleche_bas_droite{
position: absolute; 
top: 23px; 
right: 25px;
width:20px;
}
.volet_categorie_titre{
text-align:left;
position:absolute;
top:10px;left:8px;
color:#232323;
font-size:12px;
text-transform:uppercase;
}
.volet_categorie_fle{
position: absolute; 
top: 8px; 
right: 8px;
width:25px;
}
.geoloc_li_ico{
border-radius:35px;
padding:3px;
background-color:#ffffff;
position:absolute;
left:7px;
top:10px;
max-width: 35px;
height:35px;
}
.espacement_bas_modules{
	height:20px;
}
.admin_li_titres{
font-size:16px;
font-weight:bold;
color: #ffffff;
position:absolute;
top:15px;
left:15px;

}
.module_espace_up{
margin-top:150px;
}
.module_espace_ul{
margin-top:70px;
}
.plaquette_selection_article_li{
	text-align:center;
	position:relative;
	height:120px;
	width:28%;
	border: 1px solid #ececec;
	background-color:#ffffff;
	font-weight:bold;
	display:inline-block;
	margin:5px;
	border-radius:5px;
	padding:3px;
	
}

.plaquette_selection_article_li_mobil{
	text-align:left;
	position:relative;
	height:29px;
	width:98%;
	border-bottom: 1px solid #ececec;
	background-color:#ffffff;
	

}
.plaquette_selection_article_txt{
	font-size:11px;
	color: #232323;
	position:absolute;
	width:98%;
	text-align:center;
	top:7px;
	font-weight:bold;
	
}
.plaquette_selection_article_p_mobil{
	font-size:14px;
	color: #232323;
	position:absolute;
	width:98%;
	text-align:left;
	top:9px;
	left:30px;
		
}
.plaquette_selection_article_img{
height:25px;
margin-top:8px;
margin-left:5px;
}
.plaquette_code{
position:absolute;
bottom:5px;
right:5px;
font-size:11px;
font-weight:normal;
	
}
.plaquette_selection_article_fleche{
	position: absolute; 
	top: 16px; 
	right: 8px;
	height:15px;
}
.plaquette_param_p{
border-top: 1px solid #7347ab;
height:28px;
text-align:left;
font-weight:bold;
background: #ffffff;
width:95%;
position:relative;
padding-top:15px;
margin-top:20px;
}
.plaquette_param_p_sous{

height:15px;
text-align:left;
background: #ffffff;
width:95%;
position:relative;
margin-top:15px;
padding-top:5px;
}
.plaquette_param_fleche{
	position: absolute; 
	top: 9px; 
	right: 5px;
	height:13px;
}
.plaquette_param_rond{
	background: #7347ab; 
	color: #ffffff;
	border-radius: 20px;
	padding-left:11px;
	padding-right:11px;
	height:15px;
}
.plaquette_souscription_img{
	width:60px;
	height:40px;
	position:absolute;
	bottom:5px;
	right:5px;
}
.plaquette_souscription_li{
	background: #ffffff;
	display:inline-block;
	border: 1px solid #ececec;
	border-radius:5px;
	margin:5px;
	padding:5px;
	width:120px;
	max-width:45%;
	height:165px;
}
.titre_volet {
    font-size:16px;
	color:#232323; 
	font-weight:bold;
	text-transform:uppercase;
	margin-left:10px;
	line-height:25px;
}
.contact_p {
   height:30px;
   position:relative;
   padding-left:10px;
   width:99%;
   font-size:14px;
   text-align:left;
   margin-bottom:20px;
}
.contact_input {
  margin-bottom:8px;
  padding:5px;
  font-size: 14px;
  background-color: #f4f4f4;
  line-height:30px;
  border:none;
  color:#232323;
}
.bouton_new_p {
  border-radius:5px;
  z-index:4000;
  padding:5px;
  width:100px;
  text-align:center;
  background-color:#ffffff;
  height:20px;
  color:#939393;
 
}
.bouton_new_kyosk {
  border-radius:5px;
  z-index:4000;
  padding:5px;
  padding-top:11px;
  width:170px;
  text-align:center;
 background-color:#c38246;
  height:24px;
  color:#ffffff;
  font-size:14px;

}
.bouton_new_label_kyosk {
  color:#232323;
  font-size:14px;
  z-index:3000;
  font-weight:bold;
  border:none;
}
.bouton_new_p_large {
  border-radius:5px;
  z-index:4000;
  padding:5px;
  width:120px;
  text-align:center;
  background-color:#dd1414;
  height:25px;
  color:#ffffff;
 
}
.bouton_new_label {
  color:#939393;
  font-size:12px;
  z-index:3000;

  border:none;
}
.bouton_new_label_disabled{
  color:#dbdbdb;
  font-size:14px;
  z-index:3000;
  font-weight:bold;
  border:none;
}
.bouton_new_label_large {
  color:#ffffff;
  font-size:14px;
  z-index:3000;
  font-weight:bold;
  border:none;
}
.bouton_new_input {
  border-radius:5px;
  z-index:4000;
  padding:5px;
  width:90px;
  text-align:center;
  background-color:#ffffff;
  border: 1px solid #dd1414;
  height:23px;
  color:#ffffff;
  color:#dd1414;

}
.bouton_new_span_input {
  color:#dd1414;
    padding-top:2px;
  background-color:#ffffff;
  font-size:14px;
  font-weight:bold;
  border:none;
}
.connexion_input {
 border-radius:5px;
 border:1px solid #ececec;
  background-color:#ffffff;
 padding:3px;width: 80%;
 height: 30px;
 font-size:16px!important;
 color: #232323 !important;
 margin-bottom:10px;
}
.exemple_li {
text-decoration:underline;
  display:inline-block;
  font-size:16px;
 margin-@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');
* { 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 { font-family: 'Comfortaa' , cursive ; border: 0; margin: 0; padding: 0;} /**/

body { line-height: 1; margin: 0 20px; background-color:#FFFFFF;}
legend { display: none; }
fieldset { border: none; }
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; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }

a{
	text-decoration: none;
	color: inherit;
	font-size:inherit;
	}

body{
	margin: 0px !important;
	background: #f7f7f7;

	}
#header{
	text-align: center;
	padding: 1px 0px;
	position: relative;
	background-color:#FFFFFF;
	margin: 5px 0px 2px;
	font-size: 7px;
	color: #888;
	text-transform: uppercase;
	}
	
#header h1{
	color:#292929;  
	text-align:center; 
	font-size:18px; /* 18px */
	text-transform: uppercase;
	padding: 2px 0px 2px;
	
	margin-top:4px;
	margin-bottom:10px;
	}
	
#header h1 span{	
	padding-left:2px;
	padding-right:2px;
	color:#FFFFFF;
	background-color:#FF6700;
	margin:1px;
	}
	
#header img{
	position: absolute;
	left: 3px;
	top: 3px;
	height: 25px;
	width: auto;
	}

	
#btnAccueil{
	position: fixed;
	left: 5px;
	bottom: 5px;
	width: 25px;
	height: 25px;
	}



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

.header_global_generate{
font-size:14px;

	
	padding-left:2%;
	padding-right:2%;
	width: 92%;
	margin: auto;
	margin-top:5px;
	}
	
#index #header_recherche{
	width: 500px;
	margin-top:30px;
	margin-bottom:5px;
	}
	
#index h1{

	text-transform: uppercase;
	color: #c7c5c7 !important;
	font-size: 30px;
	text-align:left !important;
	padding: 0px !important;
	font-weight: normal !important;
	}
	
#index h1 span{
	font-size: 30px;
	}

#index h2{	

	color: #737373;
	box-shadow: none;
	text-shadow: none;
	width: 400px;
	text-align: left;
	font-size: 14px;
	padding-top: 0px;
	font-weight: normal !important;
	}
	
.index_lien{
	width: 760px;
	margin: 6px auto;
	height: 15px;
	}
.button{
	width: 280px;
	margin: 8px auto;
	background: #7390C4;
	color: #FFF;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	display: block;
	text-transform: uppercase;
	height:28px;
	}	
.index_lien a{
	display: inline-block;
	margin-left: 10px;
	float: right;
	color: #999;
	font-size: 15px;
	font-weight: normal;
	}

#index .btn_connexion_meta a {
	
	width: auto !important;
	display: inline-block;
	font-size: 10px;
	color: #2C91CB !important;
	line-height: 3px;
	font-weight: normal;
	padding-right: 8px;
	padding-left: 8px;
	vertical-align: middle;
	height: 22px;
	text-transform:uppercase;

	}
	
#index #header_recherche{
	width: 500px !important;
	margin-top:30px !important;
	margin-bottom:5px;
	}
	
.liens_marge{
	margin-left: 3px !important;
	color: #d1d1d1 !important;
	text-transform:uppercase;
	font-size:8px !important;

	}

/* TITRE - SOUS-TITRE */

#mobile_categories #header{
	text-align: center;
	padding: 1px 0px;
	position: relative;
	background-color:#FFFFFF;
	}
	
#mobile_categories #header h1{
	color:#292929; 
	text-align:center; 
	font-size:10px; /* 18px */
	text-transform: uppercase;
	padding: 1px 0px 0px;
	
	margin-top:2px;
	margin-bottom:2px;
	}
	
#mobile_categories #header h1 span{	
	padding-left:2px;
	padding-right:2px;
	color:#FFFFFF;
	background-color:#FF6700;
	margin:1px;
	}

#mobile_categories #header img{
	position: absolute;
	top: 3px !important;
	background: none;
	}
	
#mobile_categories #header .icone_recherche {
	right: 55px;
	width: 17px;
	height:17px;
	}
#mobile_categories #header .icone_connexion {
	right: 16px;
	width: 17px;
	height:17px;
	}
#mobile_categories #header .icone_menu {
	left: 5px;
	width: 20px;
	height: 20px;
	}
#mobile_categories #header .icone_favori{
	left: 50px;
	width: 17px;
	height:17px;
	}

/* BLOC D'EXPLICATIONS */

#mobile_categories #bloc_explications{	
background-color:#e7e7e7;color: #353535; text-align:center;font-size:14px!important;font-weight: normal;
	}

#mobile_categories #bloc_explications h1{	
margin-top:10px;
color: #353535;
line-height:15px;
background: none;
text-transform: none;
font-size: 14px;
font-weight: normal;
padding: 0px;
	}

#mobile_categories #bloc_explications p{
	line-height: 10px;
	font-size: 8px!important;
	text-transform:none;
	
	}

#mobile_categories #bloc_explications p strong{	
	color: #2C91CB; 
	font-weight:normal;
	}

#mobile_categories #bloc_explications a.pourquoi{
font-size:11px!important;margin-top:3px;color: #12C;text-decoration: underline;
}

#mobile_categories #bloc_explications ul{
	font-weight:bold; 	
	background-color:#ffffff;
	padding:0px 8px 8px;
	margin:1px auto;
	margin-top:2px;
	width:100%;
	height:25px;
	}

#mobile_categories #bloc_explications ul a{	
	margin:5px auto 0px;
	width:93%;
	color: #282828;
	display: block;
	text-transform:uppercase;
	background-color:#ffffff;
	padding:3px;
	height:10px!important;
	margin-top:5px;
	border:none;
	font-size:9px;
	font-weight:normal;
	}

#mobile_categories #bloc_explications ul li{
	color: #7D59A5; 
	font-weight:bold;
	border-bottom: 1px solid #f4f4f4; 
	position: relative;
	font-size:12px;
		background-color:#ffffff;
		
	}

#mobile_categories #bloc_explications ul li img{
	position: absolute;
	height: 9px;
	right: 5px;
	top: 3px;
	}
	
	
#mobile_categories #bloc_explications ul li p{
	display: none;
	}

#mobile_categories #bloc_explications ul .explications{
	font-size:11px;
	color: #a5a5a5; 
	margin:1px 0px 2px;
	}
	
/*  */

#bloc_explications #stylesPresentation{
	height: 332px;
	overflow: auto;
	width: 100%;
	
	background-color:#ff7e00;
	
	/*overflow: hidden;*/
	}
	
#bloc_explications #stylesPresentation ul{
	height: 320px;
	width: 1500px;
	
	}

#bloc_explications #stylesPresentation ul li{
	float: left;
	}

#bloc_explications #stylesPresentation ul li img{
	position: relative;
	height: 320px;
	
	margin-right:2px;
	margin-left:2px;
	}	

/* DIAPO SITE PERSO - BOUTIQUE */

#bloc_explicationsperso {
	height: 78px;
	background-color:#ececec;
	margin-bottom:10px;
	padding-top:10px;
	margin-top:5px;
	overflow: auto;
	width: 100%;
	/*overflow: hidden;*/
	}
#bloc_explicationsperso ul{
	height: 45px;
	width: 880px;
	text-align: left;
	}

#bloc_explicationsperso ul li{
	display: inline-block;
	}

#bloc_explicationsperso ul li img{
	position: relative;
	height: 40px;

margin-right:5px;
	}
#bloc_explicationspartenaire {
	height: 78px;
	background-color:#ececec;
	margin-bottom:10px;
	padding-top:1px;
	margin-top:5px;
	overflow: auto;
	width: 100%;
	/*overflow: hidden;*/
	}
/* DIAPO SITE PERSO - DEPLIANT */
#bloc_depliant{
	height:auto;
	overflow: auto;
	width: 100%;
	background-color:#ffffff;
	margin-bottom:10px;
	
	}
#bloc_depliant ul{
	height:auto;
	overflow: hidden;
	}
#bloc_depliant ul li img{	

	margin-top:5px;
	}	
/* DIAPO SITE PERSO - FOLDERS */
#bloc_folders{
	height: 165px;
	overflow: auto;
	width: 100%;
	background-color:#ffffff;
	/*overflow: hidden;*/
	}
#bloc_folders ul{
	height:162px;
width: 200px;
min-width:100%;
	text-align:center;

	}

#bloc_folders ul li{
	display:inline-block;
	}

/* FILTRE PROMOS */
#bloc_filtre_prom{
	height: 34px;
	width: auto;
	}
#bloc_filtre_prom ul{
	height:32px;
width: auto;
	text-align:left;	
	}
#bloc_filtre_prom ul li{
	display:inline-block;
	}
#bloc_filtre_prom ul li img{
	margin-left:0px;
	}
/* DIAPO SITE PERSO - ACTIONS */
#bloc_explicationsactions{
	height: auto;
	overflow: auto;
	width: 100%;
	background-color:#ffffff;
	
	/*overflow: hidden;*/
	}
#bloc_explicationsactions ul{
	height: 95px;
	width: 880px;
	}

#bloc_explicationsactions ul li{
	float: left;
	}
#bloc_explicationsactions ul li img{	
	height: 33px;
	max-width:90px;
	margin-top:5px;
	}

/* DIAPO SITE PERSO - ANNONCES */
#bloc_explicationsannonces{

margin-top:5px;
margin-bottom:5px;

	/*overflow: hidden;*/
	}		
/* CHANGEMENT DE PAYS - DRAPEAUX */

#bloc_explicationscoin{
	height: auto;
	overflow: auto;
	width: 100%;
	background-color:#ffffff;
	
	/*overflow: hidden;*/
	}
#bloc_explicationscoin ul{
	height: 100px;
	width: 100%;
	}
#bloc_explicationscoin ul li{
	float: left;
	}
#bloc_explicationspromo{
	height: auto;
	overflow: auto;
	width: 100%;
	background-color:#ffffff;
	
	/*overflow: hidden;*/
	}

#bloc_explicationspromo ul{
	height: 100px;
	width: 100%;
	}

#bloc_explicationspromo ul li{
	float: left;
	}

#mobile_categories ul.nav_pays{
	height: 65px;
	text-align: center;
	background:#ffffff; 
	border-radius: 1px;
	}
	
#mobile_categories ul.nav_pays li{
	display: inline-block;
	width: 30%;
	margin: 5px 5px;
	}

#mobile_categories span.nb_annonce{	
position: absolute;width: 15px !important;height: 15px !important;right: 15px; font-size:18px;color: #a4a4a4;margin-top:2px;
}

#mobile_categories ul.nav_pays img {
	margin:-5px auto 0px;
	width:50px;
	
	border: 2px solid #ececec;
	padding:3px;
	background-color:#FFFFFF;
	display: block;
	}
	
#mobile_categories ul.nav_pays p{
	text-align: center;
	color:#a4a4a4; 
	font-weight: bold;
	font-size:12px;
	background-color:#FFFFFF;
	padding:5px;
	margin-left:-5px;
	}
	
/* SCROLL AVEC LES ANNONCES EN HOMEPGAE */

#mobile_categories .annoncesTop{
	background : #ececec;
	padding: 3px 5px 3px 0px;
	position: relative;
}

#mobile_categories .annoncesTop .titre{
	font-size: 12px !important;
	margin-bottom:3px;
	font-weight:bold!important;
	}

#mobile_categories .annoncesTop img{
	width: 165px;
	position:absolute;

	left: 7px;
	}

#mobile_categories .annoncesTop p.modifCommune{
width:97%;
text-align:center; 
color:#8b8b8b; 
padding-top:3px; 
font-weight:bold; 
text-transform:uppercase;
}

#mobile_categories .annoncesTop p.modifCommune span{
color:#4a4a4a;font-size:13px;
}

#mobile_categories .annoncesTop p.modifCommune img{
	width: 10px;
	margin-right: 5px;
	}

#mobile_categories .annoncesTop a.changer{
font-size:9px;text-decoration: underline;margin-left:5px; color:#12C;
}

/* TOP ANNONCES - VOLET 8 */

#mobile_categories #menu_general #topAnnonces li{

background: none repeat scroll 0% 0% #FFF;
width: 43%;
height: 200px;
border: 1.5px solid #ECECEC;
overflow: hidden;
padding: 5px;
display: block;
margin: 0px 2px 2px;
float: left;
border-radius: 1px;
position: relative;
	}
	
#mobile_categories #menu_general #topAnnonces li p{
	color: #292929;
font-size: 9px;
font-weight: bold;
margin: 0px 0px 1px;
padding: 1px 0px;
text-align: center;
text-transform: uppercase;
	}
	
/*  */
/* TOP ANNONCES - VOLET 8 */
#mobile_categories #menu_general{
	overflow: hidden;
	}


#mobile_categories #menu_general #facebook li{

background: none repeat scroll 0% 0% #FFF;
width: 43%;
height: 20px;
border: 1.5px solid #ECECEC;
overflow: hidden;
padding: 5px;
display: block;
margin: 0px 2px 2px;
float: left;
border-radius: 1px;
position: relative;
	}
	
#mobile_categories #menu_general #facebook li p{
	color: #292929;
font-size: 9px;
font-weight: bold;
margin: 0px 0px 1px;
padding: 1px 0px;
text-align: center;
text-transform: uppercase;
	}
#detailRub #mots_cles_associes, #mots_cles_associes{
	background: #ffffff;
  padding: 3px;
  overflow: hidden;
  margin: 5px 0;
  z-index: 100 !important;
  position: relative;
	}

#detailRub #mots_cles_associes ul, #mots_cles_associes ul{
	width: 50% !important;
	float: left;
	}
	
#detailRub #mots_cles_associes ul li, #mots_cles_associes ul li{
	background: #FFDA3E;
	margin:2px;
	margin-left:0px;
	padding:3px;
	font-size: 10px;
	color: #292929;
	text-align: left;
	border: none !important;
	height: 12px !important;
	text-transform: uppercase !important;
	}
	
#detailRub #mots_cles_associes ul li:first-letter, #mots_cles_associes ul li:first-letter{
color: red !important;
line-height:14px;
}

#detailRub #mots_cles_associes p, #mots_cles_associes p{	
	margin:0px 0px 5px;
	color:#282828 !important;
	background: ffffff !important; 
	text-align: center; 
	text-transform: uppercase;
	line-height: 14px;	
	font-weight: bold;
	font-style:normal;
	padding: 0;
	font-size: 8px;
}

/* BLOC POUR QUAND ON EST PAS CONNECTE*/

#nonConnecte{
background: #ffffff; padding:5px; height:200px;border: 1px solid #e86510; font-size:12px; text-align:center;  border-radius: 1px;
}

#nonConnecte a{
margin-top:15px;color:#12C; text-decoration:underline; display:block;
}

#nonConnecte p{
font-size: 14px;
color: #292929;
margin: 5px;
}

#nonConnecte img{
	width: 50px;
	margin: 5px;
	}


/* MENU GENERAL - BLOC AVEC LES ICONES */

#mobile_categories #menu_general, #rubFav{
	margin: 0px auto -1px;
	text-align: center;
	background-color:#ffffff;
	}

#mobile_categories #menu_general li, #rubFav li{
	border-radius: 3px;
background-color:#ffffff;
	width: 72px;
	height: 59px;
	padding-top:5px;
	padding-bottom:5px;
border: 1px solid #ececec;
	display: inline-block;
	margin:1px;
	margin-top:1px;
	}
	
#mobile_categories #menu_general li img, #rubFav li img{
	max-width: 110px;
	height: 39px;
	padding:1px;
	background-color:#ffffff;
	margin-left:14px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
/* ----------- TOUS LES VOLETS --------------- */

#mobile_categories #ann_homepage{
	width:95%;
	height: auto;
	size:9px;
	position: relative;
	overflow:scroll;
padding:7px;
padding-left:10px;
	padding-bottom:25px;
	
	text-align: center; /* *** */
	}
#mobile_categories #ann_homepage_volet{
	height: auto;
	size:9px;
	position: relative;
	
	background-color:#E8E8E8;
	}
#mobile_categories #ann_mesannonces{
	width:100%;
	height: auto;
	size:9px;
	position: relative;
	overflow:hidden;
	
	padding-top:5px;
	padding-bottom:10px;

	
	
	
	}
#mobile_categories #ann_clientsfavoris{
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	
	padding-left:2px;
	}
#mobile_categories #ann_clientscontacts{
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	
	padding-left:2px;
	}
	
#mobile_categories #ann_favoris{

    position: relative;
	display: block; 
	width: 1200px; 
	overflow: auto;
	height:auto;
	text-align:left;
}
#mobile_categories #ann_pageslues{
	size:10px;
	position: relative;
	margin-top: 5px;
	
	padding-top:5px;
		background-color:#e3e3e3;
		height:700px;
	}
#mobile_categories #ann_notifications{
	height: 900px;
	size:9px;
	position: relative;
	
	margin: 2px 0px;
	padding:3px;
	padding-bottom:23px;
	background-color:#ececec;
	}
#mobile_categories #ann_aide{
	height: auto;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 3px;
	padding:3px;
	padding-bottom:5px;
	background-color:#ffffff;
	
	}
#mobile_categories #ann_journal{
	height: auto;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;
	padding:3px;
	padding-bottom:23px;
	}
#mobile_categories img.fleche{

	width: 15px;
	left:3px;
	z-index: 10;
	
	bottom: 70px;
	right: auto;
	}
	
#mobile_categories #ann_homepage ul{
	width: 280px;	
	}
#mobile_categories #ann_pageslues ul{
	width: 94%;
	}
#mobile_categories #ann_notifications ul{
	width: auto;	
	}
#mobile_categories #ann_aide ul{
	width: 280px;	
	}
#mobile_categories #ann_depliants ul{
	width: 100%;
	}
#mobile_categories #ann_depliants_logo ul{
	width: 3000px;
	}
#mobile_categories #ann_annuaire ul{
	width: 2000px;
	}
#mobile_categories #annuaire_homepage ul{
	width: 2000px;
	}	
#mobile_categories #commercial_homepage ul{
	height: 92%;
	width:120%;

padding:2px;
	}
#mobile_categories #annonces_homepage ul{
	height:100%;
		width: 950px;

	}
#mobile_categories #journal_homepage ul{
	height: 95%;
	width:150%;
background : #38c014;
	}
#mobile_categories #rubriques_homepage ul{
	height: 95%;
	width:150%;
background : #57b6ed;
	}
#mobile_categories #ann_mesannonces ul{
	width: 280px;	
	}
#mobile_categories #ann_clientsfavoris ul{
	width: 1180px;	
	}
#mobile_categories #ann_clientscontacts ul{
	width: 280px;	
	}
#mobile_categories #ann_favoris ul{
	width: 100%;
	}
#mobile_categories #ann_favoris ul li{
		
	display: inline-block;
	vertical-align:middle;
	height: 50px;
	overflow: hidden;
	padding:3px;

	

	}

#mobile_categories #ann_pageslues ul li{
			width: 99%;
	display: inline-block;
	vertical-align:middle;
	height: 50px;
	overflow: hidden;
	padding:3px;
	
	border-radius:1px;
	margin-bottom:4px;
	
	}
#mobile_categories #ann_demandes ul li{
			width: 100%;
	display: inline-block;
	vertical-align:middle;
	height: auto;
	overflow: hidden;
	padding:5px;
	margin-bottom:4px;
	margin-left:3px;
	}
#mobile_categories #ann_notifications ul li{
	
	height: 88px;
	border:none;
	border: 1px solid #ffffff;
	overflow: hidden;
	padding: 3px;
	display: inline-block;
	
	margin-bottom:5px;
	float: left;
	background : #FFF;
	position: relative;
	}
#mobile_categories #ann_aide ul li{
	width: 280px;
	height: auto;
	border:none;
	border-bottom: 1px solid #ececec;
	overflow: hidden;
	padding: 3px;
	display: block;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	padding-top:5px;
	}
#mobile_categories #ann_journal ul{
	width: 280px;
	
	}
#mobile_categories #ann_journal ul li{
	width: 283px;
	height: auto;
	border:none;
	border: 1px solid #ececec;
	overflow: hidden;
	padding: 3px;
	display: block;
	margin: 0px 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #ann_journal ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_homepage ul li{
	width: 31%;
	height: 185px;
	overflow: hidden;
	display:inline-block;
	margin:2px;
	float: left;
	background : #FFFFFF;
	position: relative;
	border-radius:5px;
	}
#mobile_categories #ann_homepage_volet ul li{
	width: 99%;
	height: 115px;
	overflow: hidden;
	display:inline-block;
	margin:1px;
	float: left;
	background : #FFFFFF;
	position: relative;
	color : #FFFFFF;
	}
#mobile_categories #ann_mesannonces ul li{
	width: 100%;
	height: auto;
	border:none;
	overflow: hidden;
	padding: 3px;
	display: block;
	
	margin:4px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #ann_clientsfavoris ul li{
	width: 50px;
	height: 135px;
	padding:3px;
	border:none;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #ann_clientscontacts ul li{
		height: auto;
	size:9px;
	position: relative;	
	margin: 2px 0px;	
	background-color:#ffffff;
	}
#mobile_categories #ann_homepage ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_homepage_volet ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_mesannonces ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_clientsfavoris ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_clientscontacts ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_notifications ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:left;
	}
#mobile_categories #ann_aide ul li p{
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	}
#mobile_categories #ann_depliants{
	height:500px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;
	padding:3px;
	background-color:#F0F0F0;
	padding-left:5px;
	padding-top:5px;
	}
#mobile_categories #ann_depliants_logo{
	
	height:75px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;

	background-color:#ffffff;
	padding-left:20px;
	

	}
#mobile_categories #ann_annuaire{
	
	height:115px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;

	background-color:#ffffff;
	padding-left:2px;

	}
#mobile_categories #annuaire_homepage{
	
	height:143px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 1px 0px;

	background-color:#ffffff;
	padding-left:2px;

	}
#mobile_categories #commercial_homepage{
	
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;	
	padding-left:2px;

	}
#mobile_categories #rubriques_homepage{
	
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;	
	padding-left:2px;

	}
#mobile_categories #annonces_homepage{
	
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	
	padding-left:2px;

	}
#mobile_categories #journal_homepage{
	
	height:260px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;
	padding-left:2px;

	}
#mobile_categories #ann_depliants li{
	width: 92px;
	height: 148px;
	border:none;
	overflow: hidden;
	display: inline-block;
	margin-left: 5px;
	margin-bottom:5px;
	float: left;
	background : #FFF;
	border-radius: 5px;
	position: relative;
	vertical-align: top;

	
	
	}
#mobile_categories #ann_depliants_logo li{
	width: auto;
	height: 81px;
	padding:3px;
	border:none;
	border: 1.5px solid #ececec;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #ann_annuaire li{
	width: auto;
	height: 81px;
	padding:3px;
	border:none;
	border: 1.5px solid #ececec;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #annuaire_homepage li{
	width: auto;
	height: 81px;
	padding:3px;
	border:none;
	border: 1px solid #ffffff;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #annonces_homepage li{
	width: auto;
	height: 81px;
	padding:3px;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #journal_homepage li{
	width: auto;
	height: 81px;
	padding:3px;
	overflow: hidden;
	display: block;
	margin: 0px 2px;
	margin-bottom:2px;
	float: left;
	background : #FFF;
	border-radius: 1px;
	position: relative;
	}
#mobile_categories #ann_depliants{
	height:500px;
	size:9px;
	position: relative;
	overflow:scroll;
	margin: 2px 0px;
	padding:3px;
	background-color:#F0F0F0;
	padding-left:2px;
	padding-top:5px;
	}
#mobile_categories #ann_depliants_volet{
	height:500px;
	size:9px;
	position: relative;
	background-color:#F0F0F0;
	

	}
#mobile_categories #ann_depliants_volet li{
	height: 30px;
	margin: 0px auto;
	background-color:#ececec;
	width:101%;
	margin-left:-4px;
	behavior: url(/PIE.htc);
	position: relative;
	cursor: pointer;
	text-align: left;
	border-bottom: 1px solid #ececec;

	}

#mobile_categories ul.volets{
	width: 93%;
	margin: 0px auto;
	}
	
#mobile_categories ul.volets li{
	height: 14px;
	margin: 0px auto;
	background-color:#eeeeee;
	width:97%;
	position: relative;
	cursor: pointer;
	text-align: left;
	border-bottom: 1px solid #f4f4f4;
	
	}
	
#mobile_categories h1 {
	padding: 4px 10px;
	font-size: 18px;
	color: #656565;
	text-transform: uppercase;
	/* font-weight: normal; */
	}

#mobile_categories .subcategory, #mobile_categories .subcategory2 {
	display: none;
	margin: auto;
	margin: 0px 0px 0px;
	position: relative;
		width:100%;

	}
	
#mobile_categories span.titre{
	text-transform: lowercase;
	font-size: 12px;
	color: #4A4A4A;
	background-color:#FFFFFF;
	}
	
#mobile_categories .btn_subcategory, #mobile_categories .btn_subcategory2, #mobile_categories .btn_subcategory_false{
	background: #ffffff;
	height: 26px;
	position: relative;
	text-align: left; /*16-07-15*/
	}
	
#mobile_categories .btn_subcategory2.annonce {
	background: url(/images/populi/fleche_menu_droite.png) no-repeat right 10px top 8px !important;
	background-size: 10px !important;
	text-align: left;
	}
	
#mobile_categories .btn_subcategory, #mobile_categories .btn_subcategory_false{
	display: none;
	}
	
#mobile_categories .btn_subcategory.navigation, #mobile_categories .btn_subcategory.btnNavigation, #mobile_categories .btn_subcategory_false.btnNavigation{
	display: block !important;
	}
	
#mobile_categories .btn_subcategory.navigation p{
	background: url(/images/populi/croix_supp_gris.png) no-repeat right 4px top 5px;
	background-size: 10px;
	}
	
#mobile_categories .subcategory.navigation{
	display: block;
	}
	
#mobile_categories .subcategory.btnNavigation{
	display: block;
	}
	
#mobile_categories .btn_subcategory.navigation{
	display: block;
	}
	
.imgClose{
    width: 10px;
    position: absolute;
    right: 3px;
    top: 3px;
	
}

 #mobile_categories .close,  #mobile_categories .close2.magique{
	display: none;
	}

#mobile_categories .btnClose, #mobile_categories .btnClose2.magique{
	display: none;
	}

#mobile_categories .btnClose.navigation, #mobile_categories .btnClose2.magique.navigation{
	display: block;
	}
	
#mobile_categories .close.navigation, #mobile_categories .close2.magique.navigation{
	display: block;
	}
	
.magique{
	position: relative; margin: -46px 0px 0px -71px; background: #FFF; height: 475px;z-index: 10;
	}
	
/* --***** fin -- */
	
#mobile_categories .btn_subcategory p, #mobile_categories .btn_subcategory2 p, #mobile_categories .btn_subcategory_false p{
	margin-left:1px;
	color:#454545;
	font-size:8px;
	line-height:10px;
	text-transform:uppercase;
	margin-top:3px;
	}

#mobile_categories .btn_subcategory p span.selection, #mobile_categories .btn_subcategory2 {
color: #E00; 
font-weight: bold;
}

#mobile_categories .btn_subcategory p span.changer, #mobile_categories .btn_subcategory2 p span.changer{
font-size:9px;text-decoration: underline;margin-left:5px; color: #12C;
}


#mobile_categories .btnClose .navigation, #mobile_categories .close .navigation{
	display: block;
	}

#mobile_categories .delete, #mobile_categories .btnClose img.imgClose{	
	position: absolute;
	top: 3px;
	right: 4px;
	width: 17px;
	height:17px;
	background: none;
}

#mobile_categories ul.subcategory li, #mobile_categories ul.subcategory2 li{
	
	
 	
	position: relative;
	cursor: pointer;
	background: #FFF;
	text-decoration: none;
	
	}
	
#mobile_categories ul.nav_pays li{
	width: 30%;
	}
		
#mobile_categories ul.subcategory2 li a {
	height: auto;
	font-size: 8px!important;
	color: #878787;
	text-transform: uppercase;
	line-height: 8px;
	text-decoration: none;
	background-color:#FFFFFF;
	margin-left:10px;
	}
	
#mobile_categories ul.subcategory li a.delete{
	text-align: center;
	font-size: 8px;
	padding-top: 1px;
	color:#FF0000;
	border-top :	1.5px solid #ececec;
	background:none !important;
	}

#mobile_categories .icone_mobile {
	height: 10px !important;
	position: absolute;
	left: 5px;
	top: 1px;
	width: 10px !important;
	}

/* ------------ formulaire IDENIFICATION pour le login ------------ */

#mobile_categories #formLoginMobile{
	
	position: absolute;
	
	margin: 0px;
	
	left: 0;
	display: none;
	z-index: 10;
	height: 95%;
	width: 100%;
	}
	
#mobile_categories #formLoginMobile .loginExplain{
	font-size: 8px;
	padding: 2px;
	margin: 2px;
	color: #009EE0;
	text-transform: uppercase;
	text-align: center;
	font-weight:bold;
	}
	
#mobile_categories #formLoginMobile label{
	padding: 2px;
	margin: 1px auto 0px;
	font-size: 8px;
	display: block;
	text-align: center;
	color: #6e6e6e;
	}
	
#mobile_categories #formLoginMobile input{
	margin: 0px auto;
	height: 10px;
	font-size: 11px;
	display: block;
	padding:2px;
	background: #ffffff;
	border:none;
	border-radius:3px;
	}
	
#mobile_categories #formLoginMobile input#submit{
	width: 80%;
	height: 18px;
	background: #009EE0;
	text-transform:none;
	color: #FFF;
	border-radius: 3px;
	border: none;
	display: block;
	margin: 5px auto;
	font-size:10px!important;
	padding:4px!important;
	}

#mobile_categories #formLoginMobile .texte{
	width: 180px; 
	font-size: 11px; 
	float: left; 
	border: 1px solid #c9c9c9; 
	border-radius: 3px; 
	font-style: normal; 
	padding: 8px 5px; 
	height:10px;
	}

#mobile_categories #formLoginMobile a{
	font-size: 8px;
	text-decoration: underline; 
	text-align:center;
	color: #12C;
	margin-top:5px;
	display: block;
	}



.newcompte p{
	width: 45%;
	float: left;
	font-size:12px;
	text-align:center;

	margin-bottom:5px;
	margin-left:5px;
	font-weight:bold;
	padding:3px;
	}
	
input[type=radio].profil {
    position: absolute !important;
	width: 111px !important;
	height: 68px !important;
	border: 1px solid #FFF;
	opacity: 0;
	padding:3px;
}

input[type=radio].profil + label.profil {
    padding-left:20px !important;
	height:68px !important;
	width: 90px !important; 
    display:inline-block !important;
    background-repeat:no-repeat !important;
    background-position: 0 0 !important;
    vertical-align:middle !important;
    cursor:pointer !important;
	border: 1px solid #FFF;
	
}

input[type=radio].profil:checked + label.profil {
    border: 1px solid red !important;
	
}

label.profil.madame{ 
    background-image:url(http://www.lesinfoslocales.be/images/populi/profil_madame.png) !important;
}

label.profil.monsieur{ 
    background-image:url(http://www.lesinfoslocales.be/images/populi/profil_monsieur.png) !important;
}

label.profil.senior{ 
    background-image:url(http://www.lesinfoslocales.be/images/populi/profil_senior.png) !important;
}

label.profil.ado{ 
    background-image:url(http://www.lesinfoslocales.be/images/populi/profil_ado.png) !important;
}

/* recherche generale */

#search-service .texte{
	padding-left: 3px;
	height: 20px;
	width: 200px;
	}

#search-service .submit{
	border: none;
	border-radius: 4px;
	color:#ffffff;
	font-size:15px;
	padding:5px;
	background-color:#009EE0;
	display: inline-block;
	font-weight:bold;
	
}

/* ANNUAIRE */

#mobile_categories #indexListeAnnuaire li{
	background: #FFDB59;
	margin: 3px 0px;
	padding: 5px 10px;
	font-size: 12px;
	text-transform: uppercase;
	}

#mobile_categories .voletsAnnuaire{
	display: none;
	}
	
#mobile_categories #annuaire_liste p.liens{
	background: #FFDB59;
	margin: 3px 0px;
	padding: 4px 10px;
	font-size: 12px;
	text-transform: uppercase;
	position: relative
	}
	
#mobile_categories #annuaire_liste p.liens img{
	position: absolute;
	top: 2px;
	right: 2px;
	}
	
#mobile_categories #annuaire_liste .texte{
	width: 100%;
	overflow: hidden;
	}
	
/* ------- */

#mobile_categories #administration p{
	margin: 3px 0px;
	padding: 5px;
	color: #292929;
	border-bottom: 1.5px solid #ececec!important;
	font-size:12px;	}

/* ----- */

#mobile_categories .btnMenuCategories{
	display: block;
	font-size:7px!important;
	line-height:8px;
	width: 279px;
	margin-bottom:1px;
	text-decoration: none;
	height:19px; 
	
	text-transform:uppercase; 
	margin-top:3px;
	color: #919191;
	font-weight:bold;
	padding-top:3px;
	}
#mobile_categories .annonce_texte_titre {
	text-align: center !important;
	font-size: 7px;
	padding-top: 1px;
	margin-bottom:0px;
	color:#292929;
	background:none !important;
	}
#mobile_categories .nv_annonce {
	padding: 6px 10px;
	font-size: 10px;
	color: #737373;
	text-transform: uppercase;
	}
#mobile_categories .nv_annonce h1{	
	color: #1eaadd;
	font-size: 11px;
	margin: 5px 0px;
	text-align: center;
	padding: 0;
	background: none;
	}
	
#mobile_categories .nv_annonce label{
	display: inline-block;
	width: 1%;
	}
	
#mobile_categories .nv_annonce input, #mobile_categories .nv_annonce textarea {
	width: 94%;
	margin-left:2px;
	border:none;
	font-size: 14px;
	color:#3b3b3b;
	background-color: #f3f3f3;
	}

#mobile_categories .nv_annonce_titre {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom:5px;
	
	}

#mobile_categories .nv_annonce_texte_pro {
	padding-left:3px;
	font-size: 12px;
	
	margin-bottom:1px;
	background-color: #ffffff;
	line-height:22px;
	border:none;
	color:#9b9b9b;
	width:217px;
	margin-left:1px;
	}
#mobile_categories .nv_annonce_label_pro {
	padding-left:3px;
	font-size: 14px;
	text-transform: none;
	line-height:17px;
	border:none;
	color:#606060;
	width:95px!important;
	margin-left:3px;
	display: block;
float: left;
clear: both;
	
	}


#mobile_categories .nv_annonce_combo_pro {
	font-size: 14px;
	padding-left:3px;
	width:217px;
	margin:3px;
	line-height:30px;
	border:none;
	}
#mobile_categories .nv_annonce_contact_combo {
	
	font-size: 26px;
	text-transform: uppercase;
	margin-bottom:5px;
background-color:#ffffff;
	height:37px;
	border:none;
	border-radius:0px;
	color:#a2a2a2;
	}
#mobile_categories .obligatoire {
	color:#151515;
	font-weight:bold;
	}	


/* MISE EN PAGE DES ANNONCES-ARTICLES */

#mobile_categories .subcategory2#annonce li{
	height: auto;
	padding: 5px 0px;
	}
	
#mobile_categories .subcategory2#annonce li p{
	font-size:10px;
	color: #AAA;
	text-transform: none;
	}

#mobile_categories .subcategory2#annonce li a.plus_infos{	
  position: absolute;
  bottom: 2px;
  right: 2px;
  font-size: 8px;
  color: blue;
  text-decoration: underline;
}

#mobile_categories .subcategory2#annonce a.acces_rubrique{
  color: blue;
  font-size: 9px;
  text-align: center;
  display: block;
  text-transform: uppercase;
  padding: 5px 0px 0px;
  text-decoration: underline;
}
	
	
	
/* ------------- DETAIL DES RUBRIQUES -------------- */

#detailRub{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.95);
	width: 100%;
	height: 1250px;
	z-index: 10;
	}

#detailRub img.icone{
	display: block;
	margin: 5px auto 5px;
	width:60px;
	}

#detailRub h1{
	background: none;
	text-align: center;
	margin: 0px;
	padding: 0;
	font-size: 16px;
	color: #222;
	}
	
#detailRub p{
	text-align: center;
	font-style:italic;
	padding: 7px;
	color: #555;
	font-size: 10px;
	}
	
#detailRub ul li{
	text-align: center;
	}
	
#detailRub ul li a{
	
	font-size: 8px;
	text-decoration: none;
	text-transform:uppercase;
	}
	
#detailRub ul li a.supp{
	color: #E00;
	}
	
/* RUBRIQUES FAVORITES - MON JOURNAL */

#favoris li{
	height: 23px;
	width: 98%;
	}

#favoris li div{	
padding:3px;
}

#favoris li .icones_rub{
width: 18px; height: 18px; margin-top:-4px;background-color:#ffffff;
}

#favoris li div p{
font-size:12px;margin-top:-20px !important;margin-left:25px;
}

#favoris li a{
font-size:6px; color:#ff0000;
}

#favoris li a img{
height:79px;
background-color:#FFFFFF;
}

#favoris li .no_annonces .icones_rub{
width: 12px; height: 12px; padding: 1px;margin-top:-4px;
}

#favoris li div.no_annonces p{
font-size:10px;margin-top:-20px !important;margin-left:25px;
}



/* ----------------- smartphone_recherche.php ----------------- */


 #resultat_articles, #resultat_clients{
	 width: 100%; 
	 overflow: hidden;
	
	 
	 background-color:#ffffff;
	 padding-top:10px;

	 }
	 
#resultat_clients{
	margin-top: 2px;
	}
	 
#resultat_articles ul, #resultat_clients ul{
	}
	 
#resultat_articles p{
	
	font-weight: normal !important;
	font-size: 14px;
	
	}
	 
#resultat_clients h1, #resultat_articles h1{
	font-size: 18px;
	text-transform: uppercase;

	background:none;
	text-align:center;
	width: 100%;
	line-height: 18px;
	}
	

	
#resultat_articles p.btnPlus, #resultat_clients p.btnPlus2{
		
		text-transform: uppercase;
	font-size: 12px;
	color: #009EE0;
	text-align: center;
font-weight: bold;
	display: block;
	}
	
#resultat_clients h1 span, #resultat_articles h1 span{
	color:#00D; font-size:9px; font-weight:bold; margin-bottom:10px; line-height:18px; text-decoration:underline;
	text-transform: none
	}
 
 #resultat_articles ul li,  #resultat_clients ul li{
	
	
	  padding : 5px ;	
	 list-style: none;
	 height: auto;
	 min-height:50px;
	
	 float:left;
	 background-color: #FFDB59;
	 position: relative;
	padding-bottom:33px;
	 margin:5px;
	 padding-right:9px;
	 padding-left:7px;

	 }
	 .icons_contact{
	width:32px;
	height:32px!important;
	margin-left:8px;
	
	}
	 .icons_no_contact{
	width:25px;
	height:25px!important;
	background-color:#ececec;
	padding:5px;
	margin-left:3px;
	}
	.image_profil{

border-radius:40px;
	
	height:40px;
	width:40px; 

	display: inline-block;
	border:1px solid #dbdbdb;
	padding:3px;
	background-color:#ffffff;
	}
	.image_no_profil{
	
	border-radius: 35px;
	padding: 4px;
	background-color: #ffffff;
	float: left;
	height: 25px;
	width: 35px;
	display: inline-block;
	padding-top:13px;
	}
	.image_profil_centre{
	border-radius:30px;
	padding:1px;
	height:40px;
	width:40px; 
	border: 2px solid #dddddd;
	display: inline-block;
	background-color:#ffffff;
	}
	.image_no_profil_centre{
	margin-left: 5px;
	border-radius: 35px;
	padding: 5px;
	background-color: #ececec;
	height: 40px;
	width: 40px;
	display: inline-block;
	}
	.image_no_profil_small{
	border-radius: 15px;
	padding: 5px;
	background-color: #ececec;
	height: 20px;
	width: 20px;
	display: inline-block;
	border:2px solid #f3f3f3;
	}
.image_profil_small{
	border-radius:15px;
	padding:1px;
	height:20px;
	width:20px; 
	border: 2px solid #dddddd;
	display: inline-block;
	background-color:#ffffff;
	}
	 .form_contact{
	height:22px;
	padding-left:5px;
	color:#737373!important;
	width: 80%;
	max-width:220px;
	margin-bottom:8px;
	font-size:16px;
	border:none;
	border-radius:0px;
	background-color: #ececec!important;
	}
	.formul_bouton_smartphone{
	background-color:#ffdb61!important;
	color:#232323!important;
	text-transform:none;
	height:32px;
	font-size:14px;
	width:190px;
	border-radius:5px;
	padding-left:3px;
	padding-right:3px;
	font-weight:bold;
	padding-top:12px;
	border:none;
	text-align:center;
	
	
	}
 #resultat_articles li span,  #resultat_clients li span{
	position: absolute;
	right: 5px;
	top: 20px;
	color: #3b3b3b;
	background: #f3f3f3;
	padding: 5px 0 0;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	behavior: url(/PIE.htc);
	height: 15px;
	width: 19px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	 }


 #resultat_articles li .image_art{
	 float: left;
	 margin-right: 5px;
	 }
	 
 #resultat_articles li .image_art img{
	border: 2px solid #dddddd;
	padding:1px;
	width:48px;
	 margin-top:2px;
	 margin-bottom:3px;
	 }
 
#resultat_articles li .titre, #resultat_clients li .titre{
	  font-size: 14px;
	  font-weight:bold;
	  text-transform: uppercase;
	  text-decoration:underline;
	  width: 90%;
	  margin-left:3px;
	  }
#resultat_articles li .infos_compl{
	color: #444444;
	font-size:8px;
	} 
#resultat_articles li .infos_compl_label{
	color: #9b9b9b;
margin-bottom:5px;
	font-size:10px;
	text-transform: uppercase;
line-height:16px;
width: 100px !important;
margin-left: 3px;
display: block;
float: left;
clear: both;
	}
#resultat_articles li .infos_compl_ss{
	font-size:14px!important;
	color: #444444;
	line-height:14px!important;
	margin-bottom:10px;
	} 
#resultat_articles li .infos_compl_textarea{
	font-size:14px!important;
	border: 1px solid #ececec;
	margin-left:5px;
	} 
	
#resultat_clients li .company_fonction{
	color: #999;
	padding: 5px 0;
	text-transform:lowercase;
	font-size:11px;
	font-style:italic;
	margin-left: 5px;
	}
#resultat_clients li .mots_cles{
	text-transform: uppercase !important;
font-weight: bold !important;
font-size: 10px !important;
color: #232323 !important;
border-top: 1.5px dashed #E3E3E3;
line-height: 12px !important;
margin-bottom: 3px;
margin-top: 1px;
padding-top: 1px;
margin-left:3px;
	}
#resultat_clients li .texte{
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	padding-right: 5px;
	}
	
#resultat_clients li .image_meta{
	float: left;
	margin: 1px 6px 3px 3px;
	padding: 1px;
	border: 1px solid #CCC;
	height:40px;

	}
	
#resultat_clients li .sous_commune{
	margin-top: 1px;
	margin-left:3px;
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	}
#resultat_clients li .infos_compl_label{
	color: #000000;
	margin-bottom:3px;
	font-size:14px;
	text-transform: uppercase;
	line-height:13px;
	font-weight:bold;
	font-style: italic;
	}
#resultat_clients li .infos_compl{
	font-size:14px;
	
	}
/* smartphone_articles.php */

#voletsAutresInfos{
width:80%; 

background: #ffffff;
margin-top:2px;
margin-bottom:3px;
padding-bottom:5px;
}

#voletsAutresInfos .volets{
	padding:2px; margin-bottom:1px;
	}
	
#voletsAutresInfos .volets p, #voletsAutresInfos .volets a{
height:23px;
padding:5px; 
padding-top:9px;
margin: auto;
width:97.5%;
color:#FFFFFF; 
margin-top: 6px; 
line-height:18px; 
border-radius: 5px;
font-size:16px!important; 
display: block;
}


#mobile_articles li{
	/*
	width: 44%;
	background: #ffffff;
	border: 1.5px solid #e3e3e3;
	display: inline-block;
	padding:4px 3px;
	margin:3px;