/********************************************************************
**********                                                 **********
**********        Feuille de style Site Pro Defaut         **********
**********                                                 **********
********************************************************************/

/********** Reset **********/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }

/********** Général **********/

body {
	background-position: center top; /* body_background_image_position */
	}

/* * html body { 
background-image:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='texture.png', sizingMethod='scale');
}*/

a { }
a:hover { } 
a img { border: none; }

p, h1, h2, h3, h4, h5 { margin: 10px 0; }
ul { margin: 10px 0 10px 30px; }
ol { margin: 10px 0 10px 30px; }
li { margin: 2px 0; }
dl { padding: 10px 0 10px 30px; }
dt { margin: 10px 0 5px 0; }
dd { margin: 5px 0; }

fieldset { padding: 5px; margin: 10px 0; }
legend { }
address { }
small { }
blockquote { }

.left { float: left; }
.right { float: right; }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px; }
.align_left {text-align: left; }
.align_right {text-align: right; }
.center { text-align: center;}
.justify { text-align: justify; }
.hidden { visibility: hidden; }
.none { display: none; }
.hr { clear: both; height: 21px; background: transparent url('http://www.isurf-media.com/site_pro/images/hr.png') repeat-x; }
.hr hr { display: none; }
.info { color: #000; background: #ffd; border: 1px dashed #7ca2ea ; padding: 5px 10px }
.confirm { text-align: center; margin: 60px 0 20px 0; font-weight: 700; }
.erreur { color: #f00; font-weight: 700; clear: both }
.message-erreur { color: #f00; font-weight: 700; background: #fff; padding: 5px 10px; border: 1px dashed #f00 }
.message-confirm { text-align: center; color: #5b1; font-weight: 700; background: #fff; padding: 5px 10px; border: 1px dashed #5b1 }

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

div.error p { margin: 0.5em 0 }

.champ .notice { margin-bottom: 0 }

/************************************
************** Site *****************
*************************************/

div#conteneur {
	margin: 0 auto;
	padding: 0 15px;
	}

div#top {
	margin: 0 auto;
	}

div#conteneur_header {
	margin: 0 auto;
	background-position: center top;
	background-repeat: no-repeat;
	}

div#header {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
    background-repeat: no-repeat;
	}

div#header a {
	display: block;
	height: 130px;
	text-decoration: none;
	}

div#header a span { visibility: hidden; }

div#header #logo, div#header #header_texte1, div#header #header_texte2, div#header #header_code {
	position: absolute;
	}
        
div#header #logo a, div#header #header_texte1 a, div#header #header_texte2 a {
	width: auto;
	height: auto;
	display: auto;
	/*color: inherit;*/
	}
	
div#contenu {
	padding:0;
	margin:0;
        position: relative
	}
	
div#colonne_contenu {
	float: left;
	padding: 10px;
	}
	
div#colonneWidgetsL {
	float: left;
	width: 185px;
	padding: 10px 0 10px 5px;
	margin:0;
	}
	
div#colonneWidgetsR {
	float: right;
	width: 185px;
	padding: 10px 0 10px 5px;
	margin:0;
	}

div#colonneNews {
	float: right;
	width: 185px;
	padding: 10px 0 0 5px;
	margin:0;
	}
	
div#footer{
	font-size:10px;
	clear:both;
	margin: 0 auto 5px auto;
	}
	
div#footer .footer {
	text-align: center;
	margin: 0;
	}
	
div#footer a { }
div#footer a:hover { }

/************************************
************** Navbar ***************
*************************************/
.navbar img{
	border:0px;
	}

/* General */

.navbar ul li ul{
	/*display: none;*/	/* Needed to display ok in Opera */
	}

.navbar ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
	}
.navbar li {
	list-style-type: none;	/* No bullets */
	margin:0;
	padding:0;
	}

.navbar a{
	margin:0px;
	padding:0px;
	text-decoration: none;
	display: block;
	}

/* Fin general */

.navbar ul.menuBlock2{	/* Menu bar - main menu items */
	list-style-image: none;
	padding: 1px;
	margin-top: 2px;
	z-index: 3000;
	}
        
/* items */

.navbar .currentDepth1 {
	display: block;
	border-right: 1px solid #999;
	border-left: 1px solid #eee;
	float:left;
	}

.navbar .currentDepth1 a{
	padding-top: 0;
	padding-bottom: 0;
	}
       
.navbar .currentDepth2 a {
	white-space: nowrap; /* No line break */
        padding: 0 10px;        
	}

/********************************************
************** slidedown_menu ***************
*********************************************/
.slide_menu_top { 
	height: 10px;
	}
.slide_menu_content { 
	width: 170px;
	padding: 1px 5px;
	}
.slide_menu_bottom { 
	height: 10px;
	}

.slide_menu{	
	width: 180px;
	margin-bottom: 10px;
	}
.slide_menu li{	/* Main menu */
	list-style-type:none;	/* No bullets */
	margin: 0;
	}
.slide_menu ul{	
	margin:0px;
	padding:0px;
	}
.slide_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	padding-left: 10px;
	display:none;
	}
.slide_menu li a{	/* Main menu links */
	text-decoration:none;
	vertical-align:middle;
	padding: 0 5px;
	display:block;
	}
.slide_menu li a:hover,.slide_menu .activeMainMenuItem{
	/*color:#6D6E71;
	background-color:#DFEEF9;*/
	padding: 0 5px;
	}
.slide_menu li a.select {
	}

.slide_menu ul li .slide_subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	text-align:left;
	/*-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);*/
	margin-left: 2px;
	}
.slide_menu ul li .slide_subMenu ul{
	margin:0px;
	padding:0px;	
	}
.slide_menu ul li .slide_subMenu ul li{
	list-style-type:none;
	margin:0px;
	padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
        min-width:100px        
	}
.slide_menu ul li .slide_subMenu ul li a{	/* Sub menu items */
	white-space:nowrap; /* No line break */
	padding: 0 30px 0 10px; /* "air" inside */
	display:block;	/* ne pas enlever */
        background-color: transparent;
        border-bottom: none;
        margin:0;
	}   

	
/************************************
************** Widgets **************
*************************************/
.formWidget { width: 160px }

.WidgetBox {
	margin-bottom: 5px;
	width: 180px;
	}

.Widget {
	width: 160px;
	padding: 1px 10px;
	}

.Widget h3 {
	margin:  0 0 5px 0;
	padding: 0 0 0 3px;
	font-size: 12px;
	color:#666;
	background: none;
	}
	
.Widget select, .formWidget select { 
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	width: 100%;
	margin-bottom: 5px;
	}

.Widget .lblSelect {
	text-align: left;
	margin: 3px 0;
	}
.Widget .lblSelect label, .formWidget label {
	line-height: 18px;
	font-weight: 700;
	}

.WidgetTop {
	width: 180px;
	height: 10px;
	}

.WidgetBottom {
	width: 180px;
	height: 10px;
	}

.WidgetOmbre {
	width: 180px;
	height: 6px;
	}

#widgetActu ul { list-style:none; margin:0; }
#widgetActu ul li { margin:5px 0; }

.widgetIdentAnnonce { font-size:12px; }

/******** widgetNavbar ******/
.widgetNavbar ul {
        list-style-type: none;
        margin: 0
}
.widgetNavbar ul li a {
        display: block
}
/******** Style Info-bulles ******/
.infobulle {
	position: absolute;
	z-index: 20000;
	visibility : hidden;
	padding: 3px 6px;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	background-color: #FFF;
	color:#333;
	}

#overtrail {
	z-index: 1000;
	left: -50px;
	visibility: hidden;
	position: absolute;
	top: 0px;
	background-color: #ffffff;
	border: 2px solid;
	}

/******** fin Info-bulles ******/

/*****************************************
************** Barre de Tri **************
******************************************/
.customBar {
	border-top: 1px solid #FFFEF9;
	border-bottom: 1px solid #C2BEB9;
	background: #E5E5E5;
	color:#333;
        font: normal 12px Arial, Helvetica, sans-serif;
}

#modAdOptions ul li, #modAdTools ul li{
        display: inline;
        float: left;
        }
        
#modAdTools {      
        padding: 0 10px 0 2px;
        line-height: 33px
	}
#modAdTools img, #modAdTools label, #modAdTools span, #modAdTools input { margin: 0 1px;  }
#modAdTools select { margin-right:10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
#modAdTools input { margin-top: 5px; }
#modAdTools table { margin: 0; padding: 0; }
#modAdTools td { vertical-align: middle; line-height: 25px; }
#modAdTools label { font-weight:bold}
#modAdTools span a {
	display: block;
	width: 26px;
	line-height: 25px;
	text-decoration: none;
	}
#modAdTools span a span { display: none; }
#modAdTools a, #modAdTools a:hover { color: #333 }

#modAdTools ul {
	margin: 0;
	padding: 3px 10px 4px 10px;
	list-style-type: none;
	}

#modAdTools ul li a{
	display: block;
	width: 26px;
	line-height: 25px;
	text-decoration: none;
	margin: 2px;
	}

#modAdTools ul li a span { display: none; }

#modAdTools ul li.imprime a{
	background: url('http://www.isurf-media.com/site_pro/images/tri/print.gif') 0 0;
	}
#modAdTools ul li.imprime a:hover{
	background: url('http://www.isurf-media.com/site_pro/images/tri/print.gif') 0 -25px;
	}
#modAdTools ul li.retour a{
	background: url('http://www.isurf-media.com/site_pro/images/tri/retour.gif') 0 0;
	}
#modAdTools ul li.retour a:hover{
	background: url('http://www.isurf-media.com/site_pro/images/tri/retour.gif') 0 -25px;
	}
#modAdTools ul li.ami a{
	background: url('http://www.isurf-media.com/site_pro/images/tri/ami.gif') 0 0;
	}
#modAdTools ul li.ami a:hover{
	background: url('http://www.isurf-media.com/site_pro/images/tri/ami.gif') 0 -25px;
	}
#modAdTools ul li.contact a{
	background: url('http://www.isurf-media.com/site_pro/images/tri/mail.gif') 0 0;
	}
#modAdTools ul li.contact a:hover{
	background: url('http://www.isurf-media.com/site_pro/images/tri/mail.gif') 0 -25px;
	}
#modAdTools ul li.abus a{
	background: url('http://www.isurf-media.com/site_pro/images/tri/abus.gif') 0 0;
	}
#modAdTools ul li.abus a:hover{
	background: url('http://www.isurf-media.com/site_pro/images/tri/abus.gif') 0 -25px;
	}
        
.trieuro a{
	background: url('http://web-petitesannonces.fr/images/tri/euro.gif') 0 0;
	}
.trieuro a:hover{
	background: url('http://web-petitesannonces.fr/images/tri/euro.gif') 0 -25px;
	}
.trifranc a{
	background: url('http://web-petitesannonces.fr/images/tri/franc.gif') 0 0;
	}
.trifranc a:hover{
	background: url('http://web-petitesannonces.fr/images/tri/franc.gif') 0 -25px;
	}

.imprime a{
	background: url('http://www.isurf-media.com/site_pro/images/tri/print.gif') 0 0;
	}
.imprime a:hover{
	background: url('http://www.isurf-media.com/site_pro/images/tri/print.gif') 0 -25px;
	}
        
.triStart { background: url('http://www.isurf-media.com/site_pro/images/tri/start.gif') no-repeat 2px center; padding-left: 10px;}


#modAdTools { 
        font-size: 11px
        }  
        
#modAdSearch { 
        padding: 5px 10px 5px 10px;        
        margin-top: 10px        
        }
#modAdSearch fieldset { border: 1px solid #BFBFBF }
#modAdSearch legend { font-size: 14px; color: #333; font-weight: 700 }
#modAdSearch label { font-weight: 700 }
#modAdSearch .labelLeft, #labelType, #labelPays, #labelVille, #labelMarque { width: 110px; text-align: right; float: left; line-height: 20px }
#modAdSearch .selectLeft { float: left }
#modAdSearch .selectLeft select { width: 110px }
#modAdSearch a { color: #333 }
#modAdSearch a:hover { color: #666 }
#modAdSearch input, #modAdSearch select { font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #231f1a }

.btn-modAdStartSearch { cursor: pointer; border: 0; width: 246px; height: 36px; background-image: url('http://www.isurf-media.com/site_pro/images/tri/btn-recherche.png'); background-color: transparent }

#inputKw { width: 180px }

#linkAfficheOptionsPlus a, #linkAfficheOptionsMoins a { text-decoration: none; font-family: monospace }

.filtrePicto { padding-left: 18px; background: url('http://www.isurf-media.com/site_pro/images/tri/updown.png') no-repeat 0 6px }

#modAdOptions { 
        padding: 0 10px
        }

.triTopDiv { float: left; padding-top: 4px; line-height: 25px; margin-right: 5px }
.triTopDiv span { padding-top: 6px; }
        
#modAdOptions h1 { margin: 0; padding: 0 5px 0 0; font-size: 13px; font-weight: 700; text-align :left; float: left; line-height: 29px; color: #666; line-height: 40px; background-color: transparent; background-image: none }
#modAdOptions a { color: #333 }
#modAdOptions a:hover { color: #666 }
#modAdOptions ul, #modAdTools ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }

#modAdOptions ul li a{
        display: block;
        width: 26px;
        line-height: 25px;
        text-decoration: none;
        margin: 2px 0
        }
#modAdOptions ul li a span { display: none; }

#modAdOptions li.start a{
        background: url(http://www.isurf-media.com/site_pro/images/tri/start.png) 0 0;
        margin-right:5px;
        width: 10px;
        cursor: default;
        }
#modAdOptions ul li.triphoto1 a{
        background: url('http://www.isurf-media.com/site_pro/images/tri/photo.gif') 0 0;
        width: 26px;
        margin-right:5px;
        }
#modAdOptions ul li.triphoto1 a:hover{
        background: url('http://www.isurf-media.com/site_pro/images/tri/photo.gif') 0 -25px;
        margin-right:5px;
        }
#modAdOptions ul li.triphoto2 a{
        background: url('http://www.isurf-media.com/site_pro/images/tri/photo.gif') 0 -25px;
        width: 26px;
        margin-right:5px;
        }
#modAdOptions ul li.triphoto2 a:hover{
        background: url('http://www.isurf-media.com/site_pro/images/tri/photo.gif') 0 -25px;
        margin-right:5px;
        }
#modAdOptions ul li.triprint a{
        background: url('http://www.isurf-media.com/site_pro/images/tri/print.gif') 0 0;
        width: 26px;
        margin-right:5px;
        }
#modAdOptions ul li.triprint a:hover{
        background: url('http://www.isurf-media.com/site_pro/images/tri/print.gif') 0 -25px;
        }
        
/*        
#modAdOptions ul li.trieuro a{
        background: url('http://web-petitesannonces.fr/images/tri/euro.gif') 0 0;
        margin-right:5px;
        }
#modAdOptions ul li.trieuro a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/euro.gif') 0 -25px;
        }
#modAdOptions ul li.trieuro2 a{
        background: url('http://web-petitesannonces.fr/images/tri/euro.gif') 0 -25px;
        margin-right:5px;
        cursor: default;
        }
#modAdOptions ul li.trifranc a{
        background: url('http://web-petitesannonces.fr/images/tri/franc.gif') 0 0;
        margin-right:5px;
        }
#modAdOptions ul li.trifranc a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/franc.gif') 0 -25px;
        }
#modAdOptions ul li.trifranc2 a{
        background: url('http://web-petitesannonces.fr/images/tri/franc.gif') 0 -25px;
        margin-right:5px;
        cursor: default;
        }        
#modAdOptions ul li.trialerte a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-alerte.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
#modAdOptions ul li.trialerte a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-alerte.jpg') 0 -25px;
        }

#modAdOptions ul li.trirss a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-rss.jpg') 0 0;
        width: 26px;
        margin-right:5px
        }        
#modAdOptions ul li.trirss a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-rss.jpg') 0 -25px;
        } 
        
#modAdOptions ul li.select-moins a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-select-moins.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
#modAdOptions ul li.select-moins a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-select-moins.jpg') 0 -25px;
        } 
*/
        
#modAdOptions ul li.btn-depoAnnonces a {
        width: 170px;
        background: url('../images/tri/btn-depoAnnonces.gif') no-repeat 0 0;
        text-decoration: none;
        margin-top: 1px
        }
#modAdOptions ul li.btn-depoAnnonces a:hover {
        background: url('../images/tri/btn-depoAnnonces.gif') no-repeat 0 -25px;
        text-decoration: none
        }
.btn-depoAnnonces a span { visibility: hidden; } 

/* STYLE Menu allPartPro */   
#modAdAdvertiser { 
        padding: 0 10px
        }
#modAdAdvertiser h1 { margin: 5px 0; font-size: 13px; font-weight: 700; float: left; line-height: 20px; color: #666; background: none;}        
#modAdAdvertiser ul, #modAdAdvertiser li { margin: 0; padding: 0; list-style-type: none; float: right }
#modAdAdvertiser li { float: left }
#modAdAdvertiser a { 
        display: block;
        float: left;
        height: 20px;
        line-height: 20px;
        margin: 5px 5px 5px 0;
        padding: 0 10px;
        color: #4A4A4A;
        border: 1px solid transparent;
        text-decoration: none
        }
#modAdAdvertiser a:hover, #modAdAdvertiser a.allPartProSelect { background: #DFF1FF; border: 1px solid #316AC5; color: #000 }        

/* FIN Menu AllPartPro */      
/*********************************************
************** FIN Barre de Tri **************
**********************************************/

.entete a {
	text-decoration: none;
	cursor: text;
	}

h1.entete { font-size: 18px; font-weight: normal; line-height: 30px }

h3.entete { 
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	width: 100%;
	}
	
/**************************************
************** Annonces ***************
***************************************/
.listeAnnonces_pair { background: #F5F5F5; cursor: pointer; height: 76px; margin-bottom: 5px; border-bottom: 1px solid #84847B }
.listeAnnonces_impair { background: #FFFFFF; cursor: pointer; height: 76px; margin-bottom: 5px; border-bottom: 1px solid #84847B }
.listeAnnonces_num { width: 20px; line-height: 76px; float: left; text-align: center }
.listeAnnonces_num a { text-decoration: none; cursor: default; color: #999 }
.listeAnnonces_num a:hover { text-decoration: none; color: #999 }
.listeAnnonces_photo { width: 82px; height: 100%; text-align: center; float: left; margin-right: 5px }
.listeAnnonces_title { font-weight: 700; font-size: 12px; line-height: 20px; padding-top: 2px }
.listeAnnonces_title a, .listeAnnonces_title a:hover { color: #333 }
.listeAnnonces_options { padding-left: 20px; color: #333; line-height: 16px; font-size: 11px}
.listeAnnonces_desc { padding-left: 20px; color: #333; line-height: 16px; font-size: 12px}
.listeAnnonces_ville { line-height: 22px; color: #333; font-family: verdana; font-size: 10px }
.listeAnnonces_prix { text-align: right; font-weight: 700; font-size: 14px; line-height: 38px; color: #333 }
.listeAnnonces_date { text-align: right; line-height: 38px; color: #333; font-size: 11px }

.annoncesListe, .annoncesListeHover { 
	margin-bottom: 5px;
        padding: 5px 0;
	width: 100%;
        border: 1px solid #BFBFBF;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #333;
        font-size: 11px;
        font-family: arial, sans-serif
	}
        
.annoncesListe { background: #f5f5f5 }        
.annoncesListeHover { background: #ffd }        
        
.annoncesListe.annoncesListeMySite { border: 1px solid #0B55C4 }
.annoncesListeHover.annoncesListeMySite { border: 1px solid #0B55C4 }

.annoncesListe_ref { font-size: 10px; float: right; color: #888 }
.annoncesListe_num { font-weight: 700; float: left; width: 35px; text-align: center }
.annoncesListe_num span { padding: 4px 0 }
.annoncesListe_num span a { cursor: pointer }
.annoncesListe_num a { text-decoration: none; cursor: default; color: #999 }
.annoncesListe_num a:hover { text-decoration: none; color: #999 }
.annoncesListe h2, .annoncesListeHover h2 { font-size: 13px; padding: 0 13px; margin: 0; font-weight: 700; background-color: transparent }
.annoncesListe h2 a, .annoncesListeHover h2 a { text-decoration: underline; color: #333 }
.annoncesListe h2 a:hover, .annoncesListeHover h2 a:hover { text-decoration: none }
.annoncesListe_photo { width: 100px; height: 75px; margin-right: 10px; text-align: center; float: left }
.annoncesListe_conteneur { }
.annoncesListe_contenu { float: left; cursor: pointer }
.annoncesListe p, .annoncesListeHover p { font-size: 12px; float: left; margin: 0 }
.annoncesListe p a, .annoncesListeHover p a { font-weight: normal; color:#693A00; font-size:11px;}
.annoncesListe_prix { float: right; color: #333 }
.annoncesListe ul, .annoncesListeHover ul { list-style: none; }

.pair { background: #F5F5F5; height: 52px; cursor: pointer; }
.impair { background: #FFFFFF; height: 52px; cursor: pointer;}
.pair td, .impair td { border-bottom: 1px solid #84847B; color: #333;}
.pair td a, .impair td a { text-decoration: none; color: #333;}

.galerie {
	float: left;
	width: 220px;
	margin: 20px 0 0 0;
	font: normal 12px Arial, Helvetica, sans-serif;	
	}

.galerie-photo {
	height:125px;
	padding: 5px 0;
	text-align: center;
	background: #F5F5F5;
	}
.galerie-comm {
	background: #F5F5F5;
        color: #333;
	}

.galerie p { margin: 0 0 0 8px; }
.galerie p.prix-galerie { text-align:right; margin: 5px 8px 0 0; font-weight: 700 }

.galerieBas { height: 15px; background: url('http://www.isurf-media.com/site_pro/images/galerieBas.png') no-repeat; }

.galerieReflet {
	background: url('http://www.isurf-media.com/site_pro/images/reflet.png') repeat-x left top;
	padding: 2px 0;
	line-height: 16px;
	}

.vignette {
	padding: 2px;
	border: 1px solid;
	}

/**** Détail *****/
.blocDetail {
	padding: 5px 15px;
	}

ul.item_inline { margin: 2px 0; padding: 0; }
ul.item_inline li { margin-right: 10px; }
ul#itemoption { margin: 5px 0 0 0; padding: 0; }
ul#itemoption li { width:154px; float: left; }
ul.item_inline li, ul#itemoption li {
	display: inline;
	background: url('http://www.isurf-media.com/site_pro/images/puce.png') no-repeat left center;
	padding-left: 8px;
	}

.description { text-align:justify; margin: 5px 0 0 0; clear:both; }

.prix { float: right; }
.prixLeft { float: left; display: block; width: 20px; height: 36px; background: url('http://www.isurf-media.com/site_pro/images/prixLeft.png') no-repeat right;}
.prixMid { float: left; display: block; font-size: 16px; line-height: 36px; font-family: Verdana,Arial,Helvetica,sans-serif; background: url('http://www.isurf-media.com/site_pro/images/prixMid.png') repeat-x left;}
.prixRight { float: left; display: block; width: 20px; height: 36px; background: url('http://www.isurf-media.com/site_pro/images/prixRight.png') no-repeat left;}

#bloc-vignettes { padding-left: 3px;}
#bloc-vignettes img { margin: 10px; }

.detailReflet {
	display: block;
	background-image: url('http://www.isurf-media.com/site_pro/images/refletDetail.png');
	background-repeat: repeat-x;
	background-position: left top;
	}
	
.blocDetail h4 {
	margin: 15px 0 5px 0;
	padding: 0;
	}

/**** Détail V2 *****/
ul.itemoption { margin: 10px 10px; padding: 0 }
ul.itemoption li { display: inline; width:150px; padding-left: 8px; background: url('http://web-petitesannonces.fr/images/puce.png') no-repeat left; float: left; }

ul.itemoption2 { margin: 10px 10px; padding: 0 }
ul.itemoption2 li { display: inline; width:120px; padding-left: 8px; background: url('http://web-petitesannonces.fr/images/puce.png') no-repeat left; float: left; }

#blocDetailAnnonce h1 { padding: 0; }
#blocDetailAnnonce h1 span { padding: 0 10px; margin: 10px 0; }
#blocDetailAnnonce h1 a, #blocDetailAnnonce h1 a:hover { text-decoration: none }
#blocDetailAnnonce h2 { margin: 20px 0 10px 0; font-size: 14px }
#blocDetailAnnonceLeft    { float: left; width: 306px }
#blocDetailAnnonceRight   { float: left; margin-left: 10px; font-size: 12px }

#modAdDetailPics {
        margin-bottom: 5px;
        border: 1px solid #C2BEB9;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #F5F5F5
        }
        
#blocDetailAnnoncePhotoVignette { padding: 2px }
.annonceVignette {
        float: left;
        margin: 2px;
        width: 54px;
        height: 54px;
        background: #fff;
        border: 1px solid #C2BEB9;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        }
.annonceVignette img { width: 46px; height: 46px; margin-top: 4px; cursor: pointer }
#blocDetailAnnoncePhotoZoom { position: relative; text-align: center; margin: 4px auto 0 auto; width: 296px; height: 222px }
       
#modAdDetailContact { 
        color: #231F1A;
        padding: 5px 10px;        
        font-size: 13px;
        border: 1px solid #C2BEB9;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #F5F5F5
        }
#modAdDetailContact h2 { margin-top: 5px; color: #231F1A }
#modAdDetailContact p { margin: 4px 0 }

.btn-contactAdvertiser a { 
        display: block;
        margin: 10px 0 5px 0;
        background: url('http://web-petitesannonces.fr/images/btn-contactAnnonceur.png') no-repeat 0 0;
        height: 32px;        
        text-decoration: none;
        }
.btn-contactAdvertiser a:hover { background: url('http://web-petitesannonces.fr/images/btn-contactAnnonceur.png') no-repeat 0 -32px; }
.btn-contactAdvertiser a span { visibility: hidden }

.btn-contactUsAdvertiser a { 
        display: block;
        margin: 10px 0 5px 0;
        background: url('http://www.isurf-media.com/site_pro/images/btn-contactUsAnnonceur.png') no-repeat 0 0;
        height: 32px;        
        text-decoration: none;
        }
.btn-contactUsAdvertiser a:hover { background: url('http://www.isurf-media.com/site_pro/images/btn-contactUsAnnonceur.png') no-repeat 0 -32px; }
.btn-contactUsAdvertiser a span { visibility: hidden }

.btn-republier, .btn-supprimer { float: left; margin: 0 10px 10px 10px }
.btn-republier a span, .btn-supprimer a span { visibility: hidden }

.btn-republier a {
        display: block;
        width: 300px;
        height: 50px;        
        background: url('http://web-petitesannonces.fr/images/btn-republier.png') no-repeat 0 0;
        text-decoration: none
        }
.btn-republier a:hover {
        background: url('http://web-petitesannonces.fr/images/btn-republier.png') no-repeat 0 -50px;
        }

.btn-supprimer a {
        display: block;        
        width: 300px;
        height: 50px;        
        background: url('http://web-petitesannonces.fr/images/btn-supprimer.png') no-repeat 0 0;
        text-decoration: none
        }
.btn-supprimer a:hover {
        background: url('http://web-petitesannonces.fr/images/btn-supprimer.png') no-repeat 0 -50px;
        }

.blocDetailAnnonceDescription { margin: 5px 0 0 0; clear:both; padding: 0 10px }

#modAdDetailPrice { 
        text-align: right;
        padding: 4px 10px;
        color: #f90;
        font-size: 20px;
        font-weight: 700;
        border: 1px solid #C2BEB9;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #F5F5F5 url('http://web-petitesannonces.fr/images/bgPrix.png') no-repeat 5px center
        }
/******************************************
************** FIN Annonces ***************
*******************************************/

/*********************************************
************** Boutons communs ***************
**********************************************/

.btn-suivant, .btn-precedent, .btn-debut, .btn-fin, .btn-top {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.btn-suivant a, .btn-precedent a { text-decoration: none; color: #494949; }
.btn-suivant a:hover, .btn-precedent a:hover { text-decoration: underline; color: #494949; }

.btn-suivant a { 
	background: url('http://www.isurf-media.com/site_pro/images/tri/control_fastforward.png') no-repeat right top;
	margin:	0;
	padding-right: 18px;
        height: 16px;
        line-height: 16px;
        display: block;
        float: right
	}

.btn-precedent a { 
	background: url('http://www.isurf-media.com/site_pro/images/tri/control_rewind.png') no-repeat left top;
	margin:	0;
	padding-left: 18px;
        height: 16px;
        line-height: 16px;
        display: block;
        float: left
	}

.btn-debut a { 
	background: url('http://www.isurf-media.com/site_pro/images/tri/control_start.png') no-repeat left top;
	margin:	0;
	height: 16px; width: 16px;
        display: block;
        float:left
	}

.btn-fin a { 
	background: url('http://www.isurf-media.com/site_pro/images/tri/control_end.png') no-repeat right top;
	margin:	0;
	height: 16px; width: 16px;
        display: block;
        float: right
	}

.btn-top a { 
	background: url('http://www.isurf-media.com/site_pro/images/tri/btn-top.gif') no-repeat left top;
	margin:	0;
	padding: 1px 0 2px 15px;
	}

.btn-debut span, .btn-fin span { display: none }

.pagination {
	width: 100%;
        border-top: 1px solid #FFFEF9;
	border-bottom: 1px solid #C2BEB9;
	background: #E5E5E5;
	color:#333
	}
        
.numOtherPages a { text-decoration: none; color: #494949; padding: 1px 2px }
.numOtherPages a:hover { text-decoration: underline overline; color: #494949 }

.numCurrentPage {
	padding: 1px 2px;
	background: #EDEDED;
	border-top: 1px solid #EFEFEF;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #84847B;
	border-left: 1px solid #EFEFEF;
	font-weight: 700
	}

.btn-depoAnnonces { float: right; margin-right: 5px; margin-top: 3px; }        
.btn-depoAnnonces a {
        display: block;        
        height: 25px;
        width: 170px;
        background: url('../images/tri/btn-depoAnnonces.gif') no-repeat 0 0;
        text-decoration: none;
        }
.btn-depoAnnonces a:hover {
        background: url('../images/tri/btn-depoAnnonces.gif') no-repeat 0 -25px;
        }
.btn-depoAnnonces a span { visibility: hidden; }        

/*************************************************
************** FIN Boutons communs ***************
**************************************************/

/************************************
************** Contact **************
*************************************/

#contact { margin-top: 15px; }

#contact #erreur { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }

#contact form {
	width: 500px;
	margin: 0 auto;
	font-size:12px;
	}

#contact p { margin: 8px 0; font-style: normal;}

#contact label {
	width: 70px;
	display: block;
	float: left;
	font-weight: 700;
	}
	
#contact .comSmall { 
	margin-left: 70px;
	}

#contact .input, #contact .textarea {
	font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
	border: 1px solid #cccccc;
	}

#contact .input { width: 300px; }
#contact .textarea { width: 400px; }

.btn-envoyer a, .btn-cancel a {
	display: block;
	float: left;
	line-height: 25px;
	padding: 0 15px;
	margin-right: 10px;
	border: 1px solid #cccccc;
	font-weight: 700;
	background: #e5e5e5;
	color: #666666;
	text-decoration: none;
	}
.btn-envoyer a:hover, .btn-cancel a:hover {
	background: #f5f5f5;
	color: #666666;
	}

/***************************************
************** FIN Contact *************
****************************************/

/****************************************
************** Actualité ****************
*****************************************/
.article { }
        
.actuDate {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	}
	
.actu { }
.articleChapeau, .listeArticleChapeau { font-weight:bold }
.listeArticlePhoto { margin: 0 10px 10px 0; border: 1px solid #999999; }
.articlePhoto { margin: 0 0 15px 15px; border: 1px solid #999999; }
.blockComments { border-top: 1px solid #ccc }
.permalinkCom a { font: 11px arial, sans-serif; color: #999; text-decoration: none }
.permalinkCom a:hover { color: #999; text-decoration: underline }
.listeArticleActu { margin: 10px 0; border-bottom: 1px solid #ccc }
.listeCategorieActu { list-style: none; margin:0; padding:0; }
.listeCategorieActu li { margin:3px 0; background: url('http://www.isurf-media.com/site_pro/images/icons/blog/folder.png') no-repeat left center; padding-left:20px; }
.postPublishedDate, .postFolder, .postComments { 
        line-height: 16px;
        }
.postPublishedDate {
        background: url('http://www.isurf-media.com/site_pro/images/icons/blog/date.png') no-repeat 0 center;
        padding-left: 20px
}
.postFolder {
        background: url('http://www.isurf-media.com/site_pro/images/icons/blog/folder.png') no-repeat 0 center;
        padding-left: 20px
}
.postComments {
        float: right;
        background: url('http://www.isurf-media.com/site_pro/images/icons/blog/comments.png') no-repeat 0 center;
        padding-left: 20px
}

.commentArticle { border: 1px solid #ccc; padding: 5px 10px; margin: 5px 0; float: left; width: 476px }
.commentBook { border: 1px solid #ccc; padding: 5px 10px; margin: 5px 0 }
.commentEven { background: #fff; color:#666666; }
.commentOdd { background: #DDDDDD; color:#666666; }
.commentModerate { background: #ffc; color:#666666; }
.commentSuccess { background: #ffc; color:#666666; }
.commentError, .commentSuccess    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.commentError      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.commentSuccess    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.commentError a    { color: #8a1f11; }
.commentSuccess a  { color: #264409; }
div.commentError p { margin: 0.5em 0 }

.commentAvatar { width: 32px; float: left; margin: 5px 10px 0 0 }
/****************************************
************** FIN Actualité ************
*****************************************/

/****************************************
************** MODAL BOX ****************
*****************************************/
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
	filter:alpha(opacity=0);	/* Transparency */
	opacity:0;	/* Transparency */
	-moz-opacity:0;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
	
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
	
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
	font-size:14px;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: 700;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url('../images/spinner.gif') 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content { border-top: 1px solid #F9F9F9;}
#MB_header {
  background-color: #DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color: #333; }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }

/* Alert Message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

#formulaire_modalbox {
	text-align: left;
	font-size:12px;	
	}

#ok {
	display: none;
	}

#loading {
	display: none;
	text-align:center;
	margin-top:20px;
	}

#formulaire_modalbox form {
	margin: 0;
	padding: 5px;
	}

#formulaire_modalbox p { margin: 10px 0; font-style: normal; clear:both;}

#formulaire_modalbox label {
	width: 140px;
	display: block;
	float: left;
	font-weight: 700;
	font-size:11px;
	}

#formulaire_modalbox input, #contact textarea {
	font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
	}

#formulaire_modalbox input { width: 300px; }
#formulaire_modalbox textarea { width: 350px; }
#formulaire_modalbox .bouton { margin-top:10px; clear:both;}
#formulaire_modalbox .message_erreur { color: #FF9900; font-size:12px; margin-top:8px; margin-bottom:0; background-color:#FFFFFF; padding:2px;}

/**** CSS FOR SLIDESHOW SCRIPT ****/
.iziDiapoLastAds { text-align: center; position:absolute; cursor: pointer }
.iziDiapoLastAds a { text-decoration: none }
.iziDiapoLastAds a:hover { text-decoration: underline }

.iziDiapoLastAdsImg { float:left; margin: 5px; z-index: 0; position: relative; background: #fff }
.iziDiapoLastAdsImg img { border: none }

.iziDiapoLastAdsLegend, .iziDiapoLastAdsPrice { 
        position: absolute;
        width: 100%;
        background: url('../images/black-45percent.png');
        font-family: Arial; font-size: 11px; color: #fff;
        padding: 2px 0
}

.iziDiapoLastAdsLegend { bottom: 0 }
.iziDiapoLastAdsLegend strong { padding: 0 4px; display: block }
.iziDiapoLastAdsPrice { top: 0; text-align: right }
.iziDiapoLastAdsPrice span { padding-right: 5px }
.fsXl { font-size: 12px }

/**** CSS FOR WIDGET NEWS ****/
/*
#pscroller1{
width: 160px;
height: 40px;
padding: 5px;
}
*/

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.galeriePhotoVignette { border: 1px solid #ccc; background: #fff; margin: 1px; text-align: center; vertical-align: middle; }

/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */
#calendrier li{
	list-style: none;	
}

#libelle {
	margin: 10px auto 0 auto;
	padding: 0;
	width:308px;
        font-size: 15px;
        font-weight: 700;
}
.ligne {
	margin: 0 auto;
	padding: 0;
	widows:308px;
    font-size: 14px;
} 
#libelle li {
    list-style: none;	
	float : left;
	width:42px;
        text-align: center;
        margin: 1px;
}
.ligne li {
	list-style: none;	
	color: #000;
	float : left;
	width:40px;
	line-height:30px;
        text-align: center;
        margin: 1px;
        border: 1px solid #bfbfbf;        
}

.ligne li a {
        text-decoration: underline;
        display: block;
        /* width: 40px; height: 30px; */
        /* background: #F29F46; 
        color: red;
        font-weight: 700; */
}

.ligne li a:hover{
        list-style: none;
        text-decoration: none;
        /* background: #F29F46; */
}

li.itemCurrentItem {
	/* apparence de la date du jour */
        font-weight: 700;
        color: #EBEBEB;
        background: #403335;
		border-width:3px;
		line-height:26px;
        width : 36px;
}

li.itemCurrentItem a {
	/* apparence de la date du jour */
        font-weight: 700;
		border-width:3px;
		line-height:26px;
        width : 36px;
}

/*
li.itemCurrentItem a {
        width : 34px;
        height: 24px;
        border: 3px solid #403335;
}
*/		

li.itemOtherItem {
        background: #DDDCDD;
}
/*** Calendrier des annonces ***/
.calendAnnonce {
        float:left;
        width:141px;
        height: 158px;
        margin: 10px 5px 0 5px;
        padding: 5px;
        color: #000;
        background: #F7F7F7;
        border: 1px solid #C2BEB9
}
.calendAnnonce p { margin: 0; text-align: center; font-size: 14px }

.calendAnnonce li{
	list-style: none;	
}

.calendAnnonce .calendAnnoncelibelle {
	margin: 5px auto 0 auto;
	padding: 0;
	/*width:143px;*/
        font-size: 12px;
        font-weight: 700;
}
.calendAnnonce .ligne {
	margin: 0 auto;
	padding: 0;
	widows: 143px;
        font-size: 11px;
} 
.calendAnnonce .calendAnnoncelibelle li {
    list-style: none;	
	float: left;
	width: 18px;
        text-align: center;
        margin: 1px;
}
.calendAnnonce .ligne li {
	list-style: none;
	float: left;
	width:16px;
	line-height:16px;
        text-align: center;
        margin: 1px;
        border: 1px solid #bfbfbf;        
}

.calendAnnonce .ligne li a {
        text-decoration: underline;
        display: block;
        color: #000
}

.calendAnnonce .ligne li a:hover{
        list-style: none;
        text-decoration: none;
        color: #000
}

.calendAnnonce li.itemCurrentItem {
	/* apparence de la date du jour */
        font-weight: 700;
        color: #000
}

.calendAnnonce li.itemCurrentItem a {
	/* apparence de la date du jour */
        font-weight: 700;
        width:16px;
	line-height:16px
}

.calendAnnonce li.itemOtherItem {
        background: #DDDCDD;
}

/** FIN Calendrier des annonces **/  
/***********************/
.formDepot { text-align: left }
.formDepot label { width: 140px; font-size: 11px; text-align: right; float: left; line-height: 18px; margin-right: 5px; font-weight: 700 }
.ligneForm { margin: 0 0 6px 0; clear: both; font-size: 11px }        
.ligneForm label { display: inline; float: left; text-align: right; line-height: 18px; width: 150px; margin: 0 5px 6px 0 }
.ligneForm span { float: left; line-height: 18px }
.ligneForm span label, .ligneForm label span { float: none }
.ligneForm.error { padding: .8em 0 }
.ligneSubmit { padding-left: 155px; margin-top: 10px }
input.submit { padding: 4px 16px }
input.text { width: 200px; border: 1px solid #cacaca }
input.text:focus { border: 1px solid #666 }
inut.file { width: 100px }
textarea.text { width: 260px; height: 100px; border: 1px solid #cacaca }
textarea.text:focus { border: 1px solid #666 }
.required { color: #c00 }

/***********************/
.accueilCompteLeft { width: 455px; float: left }
.accueilCompteRight { width: 455px; float: left; margin-right: 10px }

.mes_infos {
	width: 453px;
	background: #f5f5f5;
	border: 1px solid #BFBFBF;
	margin: 5px 0;
	float: left;        
	}
        
.monProfil {
	background: #f5f5f5;
	border: 1px solid #BFBFBF;
	margin: 5px 0;
	}
	
.mes_infosContenu { padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
.mes_infosContenu a { color: #333 }
.mes_infosContenu a:hover { color: #666 }

.mes_infosContenu ul { margin: 10px 15px; }
.mes_infosContenu p { margin: 0 }
/*.mes_infosContenu a, .mes_infosContenu a:hover { color: #231F1A }*/
.mes_infosTitre { background: #231F1A; color: #fff; line-height: 20px; padding-left: 10px; font-weight: 700; }

.mes_infosContenu .btn-depot { padding: 10px 0; text-align: center }

.lienscompte a { text-decoration: none; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif }
.liensvoir a, .liensmodif a, .lienspassword a, .liensSupCompte a, .liensOpenId a { text-decoration: none; padding: 2px 0 2px 20px; line-height: 18px }
.lienscompte a:hover, .liensvoir a:hover, .liensmodif a:hover, .lienspassword a:hover, .liensSupCompte a:hover, .liensOpenId a:hover { text-decoration: underline; }
.liensmodif a { background: url('http://web-petitesannonces.fr/images/configure.gif') no-repeat left; }
.lienspassword a { background: url('http://web-petitesannonces.fr/images/gear.gif') no-repeat left; }
.liensSupCompte a { background: url('http://web-petitesannonces.fr/images/cross.gif') no-repeat left; }

.table { margin-top:5px; color: #333; background: #f5f5f5; font-size: 11px; font-family: Arial, Helvetica, sans-serif }
.table thead th { background: #231F1A; color: #fff; border-right: 1px solid #fff; padding: 2px 5px }
.table a, .table a:hover { color: #231F1A }

.navigMonCompte a, .navigMonCompte a:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333 }

#formCodeAcces { width: 500px; margin: 100px auto; text-align: center }