/********************************************************************
**********                                                 **********
**********        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 */
	}

body.bodyAdmin {
	background-position: center 65px; /* body_background_image_position */
	}
	
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; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px; }
.divFix { font-size: 0px; height: 0; line-height: 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: #514721; background: #FFF6BF; border: 2px solid #FFD324 ; padding: 5px 10px }
.info a { color: #514721; text-decoration: underline }
.info a:hover { color: #514721; text-decoration: none }
.confirm { text-align: center; margin: 60px 0 20px 0; font-weight: 700; }
.erreur { color: #f00; font-weight: 700; clear: both }
.message-erreur { color: #8a1f11; background: #FBE3E4; padding: 5px 10px; border: 2px solid #FBC2C4 }
.message-confirm { color: #264409; background: #E6EFC2; padding: 5px 10px; border: 2px solid #C6D880 }

.selectOption { background: #ddd; font-weight: 700; margin-top: 10px }

/************************************
************** 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 {
	text-decoration: none
	}
	
div#header a.headerLink {
	display: block
	}

div#header a.headerLink span { visibility: hidden }

div#header #logo, div#header #header_texte1, div#header #header_texte2, div#header #header_code, div#header #header_code2 {
	position: absolute
	}

div#header #logo a, div#header #header_texte1 a, div#header #header_texte2 a {
	width: auto;
	height: auto;
	display: auto
	}
	
div#contenu {
	padding: 0;
	margin:0;
    position: relative
	}
        
#contenuShadowTop { position: absolute; top: 0; left: 0; height: 10px; width: 940px; background: url('http://www.isurf-media.com/site_pro/images/contenuShadowTop.png') 0 0 repeat-x; display: none }	

div#colonne_contenu {
	float: left;
	min-height: 300px;
	padding: 10px
	}
	 
div#colonneWidgetsL {
	float: left;
	width: 180px;
	padding: 10px 5px 10px 5px;
	margin:0
	}
	
div#colonneWidgetsR {
	float: right;
	width: 180px;
	padding: 10px 5px 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;
	}

#footerMentionIzi { display:none }
/************************************
************** 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 ***************
*********************************************/	
.iziSlideMenuTop, .iziSlideMenuBottom { height: 10px }
.iziSlideMenuTop div, .iziSlideMenuBottom div { overflow: hidden; height: 10px; background-repeat: no-repeat }
.iziSlideMenuTopL, .iziSlideMenuBottomL { float: left; width: 10px }
.iziSlideMenuTopR, .iziSlideMenuBottomR { float: right; width: 10px }

.iziSlideMenuTopL { background-position: 0 0 }
.iziSlideMenuTopR { background-position: -10px 0 }
.iziSlideMenuBottomL { background-position: -20px 0 }
.iziSlideMenuBottomR { background-position: -30px 0 }

.slide_menu_top, .slide_menu_bottom { 
	height: 10px;
	}

/*
.slide_menu_content { 
	padding: 0px 5px;
	}

.slide_menu{	
	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{
	padding: 0 5px;
	}
.slide_menu li a.select {
	}

.slide_menu ul li .slide_subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	text-align:left;
	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
	}

.title_izibox {
	position: relative;
	padding: 5px;
	margin:  0px;
	font-size: 12px;
	color:#666;
	background: none;
	text-align:center;
	behavior: url(/PIE.htc);
}

.divLine {
	float: none;
	clear: both;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: transparent;
	behavior: url(/PIE.htc);
}

.iziBloc, .divBlocViewContainer {
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: transparent;
	float: none;
	clear: both;
	behavior: url(/PIE.htc);
}

.iziImg img {
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: transparent;
}

.iziImg { float: left; }

.divLine.iziBox {
	margin-bottom: 15px;
	position: relative
	}

.divLineContentIzibox {
	padding-top: 5px;
	padding-bottom: 5px;
}

.Widget h3 {
	margin:  0 0 5px 0;
	padding: 3px;
	font-size: 12px;
	color:#666;
	background: none;
	text-align:center;
	}
	
.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; }

/************** IZI BOX **************/
.iziBoxTop, .iziBoxBottom { height: 10px }	/* ancien .WidgetTop .WidgetBottom */
.iziBoxTop div, .iziBoxBottom div { overflow: hidden; height: 10px }
.iziBoxTopL, .iziBoxBottomL { float: left; width: 10px; background-repeat: no-repeat }
.iziBoxTopR, .iziBoxBottomR { float: right; width: 10px; background-repeat: no-repeat }
.iziBoxTopL { background-position: 0 0 }
.iziBoxTopR { background-position: -10px 0 }
.iziBoxBottomL { background-position: -20px 0 }
.iziBoxBottomR { background-position: -30px 0 }


/************** FIN IZI BOX **************/
/******** 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, .navigMonCompte.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 5px 0 3px;
        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 1px;
	}

#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 }

#modAdTools ul li.select-moins a{ background: url('http://www.isurf-media.com/site_pro/images/tri/select-moins.gif') 0 0 }
#modAdTools ul li.select-moins a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/select-moins.gif') 0 -25px }

#modAdTools ul li.select-plus a{ background: url('http://www.isurf-media.com/site_pro/images/tri/select-plus.gif') 0 0 }
#modAdTools ul li.select-plus a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/select-plus.gif') 0 -25px }

#modAdTools ul li.triAuto a{ background: url('http://www.isurf-media.com/site_pro/images/tri/triAuto.gif') 0 0 }
#modAdTools ul li.triAuto a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triAuto.gif') 0 -25px }
#modAdTools ul li.triAuto2 a, #modAdTools ul li.triAuto2 a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triAuto.gif') 0 -25px }

#modAdTools ul li.triMoto a{ background: url('http://www.isurf-media.com/site_pro/images/tri/triMoto.gif') 0 0 }
#modAdTools ul li.triMoto a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triMoto.gif') 0 -25px }
#modAdTools ul li.triMoto2 a, #modAdTools ul li.triMoto2 a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triMoto.gif') 0 -25px }

#modAdTools ul li.triBateau a{ background: url('http://www.isurf-media.com/site_pro/images/tri/triBateau.gif') 0 0 }
#modAdTools ul li.triBateau a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triBateau.gif') 0 -25px }
#modAdTools ul li.triBateau2 a, #modAdTools ul li.triBateau2 a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triBateau.gif') 0 -25px }

#modAdTools ul li.triImmo a{ background: url('http://www.isurf-media.com/site_pro/images/tri/triImmo.gif') 0 0 }
#modAdTools ul li.triImmo a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triImmo.gif') 0 -25px }
#modAdTools ul li.triImmo2 a, #modAdTools ul li.triImmo2 a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triImmo.gif') 0 -25px }

#modAdTools ul li.triAnimaux a{ background: url('http://www.isurf-media.com/site_pro/images/tri/triAnimaux.gif') 0 0 }
#modAdTools ul li.triAnimaux a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triAnimaux.gif') 0 -25px }
#modAdTools ul li.triAnimaux2 a, #modAdTools ul li.triAnimaux2 a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triAnimaux.gif') 0 -25px }

#modAdTools ul li.triMusique a{ background: url('http://www.isurf-media.com/site_pro/images/tri/triMusique.gif') 0 0 }
#modAdTools ul li.triMusique a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triMusique.gif') 0 -25px }
#modAdTools ul li.triMusique2 a, #modAdTools ul li.triMusique2 a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triMusique.gif') 0 -25px }

#modAdTools ul li.triServices a{ background: url('http://www.isurf-media.com/site_pro/images/tri/triServices.gif') 0 0 }
#modAdTools ul li.triServices a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triServices.gif') 0 -25px }
#modAdTools ul li.triServices2 a, #modAdTools ul li.triServices2 a:hover{ background: url('http://www.isurf-media.com/site_pro/images/tri/triServices.gif') 0 -25px }

#modAdTools ul li.triAffaires a{
        background: url('http://www.isurf-media.com/site_pro/images/tri/triAf.gif') 0 0;
        }
#modAdTools ul li.triAffaires a:hover{
        background: url('http://www.isurf-media.com/site_pro/images/tri/triAf.gif') 0 -25px;
        }
#modAdTools ul li.triAffaires2 a, #modAdTools ul li.triAffaires2 a:hover{
        background: url('http://www.isurf-media.com/site_pro/images/tri/triAf.gif') 0 -25px;
        }
		
#modAdTools ul 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;
        }
						
.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 { 
	overflow: hidden; /* For IE7 */
	position: relative;
    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 }
#modAdSearch .linkPostAd a { position: absolute; display: block; height: 20px; line-height: 20px; padding: 0 10px; right: 10px; bottom: 15px }

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

#inputKw { width: 140px; margin: 5px 10px 0 0 }
#helpVille { padding: 0 10px; background: #fff; border: 1px solid #7ca2ea; position: absolute; display: none; width:150px; z-index: 100; margin-left: -150px }
#modAdSearch #choixdepart { width: 120px; margin-top: 5px }

#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.trialerte a{
		display: none; /* A virer pour mettre en service */
        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://www.isurf-media.com/site_pro/images/tri/rss.gif') 0 0;
        width: 26px;
        margin-right:5px
        }        
#modAdOptions ul li.trirss a:hover{
        background: url('http://www.isurf-media.com/site_pro/images/tri/rss.gif') 0 -25px;
        }		
#modAdOptions ul li.triselection a{
        background: url('http://www.isurf-media.com/site_pro/images/tri/selection.gif') 0 0;
        width: 26px;
        margin-right:5px
        }        
#modAdOptions ul li.triselection a:hover{
        background: url('http://www.isurf-media.com/site_pro/images/tri/selection.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.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 */
#modAdLinkAdvertiser { 
        padding: 0 10px
        }
#modAdLinkAdvertiser h1 { margin: 5px 0; font-size: 12px; font-weight: 700; float: left; line-height: 20px; background: none;}
#modAdLinkAdvertiser ul, #modAdLinkAdvertiser li { margin: 0; padding: 0; list-style-type: none; float: right }
#modAdLinkAdvertiser li { float: left }
#modAdLinkAdvertiser a { 
        display: block;
        float: left;
        height: 20px;
        line-height: 20px;
        margin: 5px 5px 5px 0;
        padding: 0 10px;       
        text-decoration: none
        }
#modAdLinkAdvertiser a:hover { text-decoration: underline }
#modAdLinkAdvertiser a.allPartProSelect { font-weight: 700; border: 1px solid; } 

#modAdListInfoPro { background: #f5f5f5; padding: 5px; margin-bottom: 10px; border: 1px solid #BFBFBF; font-size:13px; color: #333 }
#modAdListInfoPro a { color: #333 }
#modAdListInfoPro div.right { padding: 4px 6px; background: #e5e5e5; margin-right: 10px }
/* FIN Menu AllPartPro */      
/*********************************************
************** FIN Barre de Tri **************
**********************************************/

.entete a, .entete a:hover {
	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, .annoncesListeLight { 
	margin-bottom: 5px;
    padding: 5px 0;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #BFBFBF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    font-size: 11px;
    font-family: arial, sans-serif
	}
        
.annoncesListe { background-color: #f5f5f5 }        
.annoncesListeHover { background-color: #ffd }
.annoncesListe.annoncesListeLight, .galerie.galerieLight .galerie-content { background-color: #F0F8FF; border-width: 1px; border-style: solid; border-color: #00bfff } 
        
.annoncesListe.annoncesListeMySite { border-width: 1px; border-style: solid; border-color: #0B55C4 }
.annoncesListeHover.annoncesListeMySite { border-width: 1px; border-style: solid; border-color: #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; overflow: hidden }
.annoncesListe_photo img {width: 100px }
.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;}

.annoncePictoV, .annoncePictoDR, .annoncePictoN, .annoncePictoI, .annoncePictoAN, .annoncePictoAF, .annoncePictoS, .annoncePictoM {
	display:block;
	height: 22px; width: 22px;
	margin: 0 auto;
	cursor: default
}

.myAdImg { overflow: hidden; width: 62px; height: 47px }
.myAdImg img { width: 62px }

.annoncePictoV { background: url('http://www.isurf-media.com/site_pro/images/icons/wpa/annoncePictoV.png') no-repeat 0 0}
.annoncePictoDR {background: url('http://www.isurf-media.com/site_pro/images/icons/wpa/annoncePictoDR.png') no-repeat 0 0}
.annoncePictoN {background: url('http://www.isurf-media.com/site_pro/images/icons/wpa/annoncePictoN.png') no-repeat 0 0}
.annoncePictoI {background: url('http://www.isurf-media.com/site_pro/images/icons/wpa/annoncePictoI.png') no-repeat 0 0}
.annoncePictoAF {background: url('http://www.isurf-media.com/site_pro/images/icons/wpa/annoncePictoAF.png') no-repeat 0 0}
.annoncePictoS {background: url('http://www.isurf-media.com/site_pro/images/icons/wpa/annoncePictoS.png') no-repeat 0 0}
.annoncePictoM {background: url('http://www.isurf-media.com/site_pro/images/icons/wpa/annoncePictoM.png') no-repeat 0 0}
.annoncePictoAN {background: url('http://www.isurf-media.com/site_pro/images/icons/wpa/annoncePictoAN.png') no-repeat 0 0}

.radiusTop8 {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.radiusBottom8 {
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.radius12 {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
	behavior: url(/PIE.htc)
}
.galerie {
	float: left;
	width: 220px;
	height: 226px;
	margin: 20px 0 0 0;
	font: normal 12px Arial, Helvetica, sans-serif
	}
.galerie-content {
	background: #F5F5F5;
    color: #333;
	padding-bottom: 5px
}
.galerie-photo {
	height:125px;
	padding: 5px 0;
	text-align: center
	}
.galerie-com { color:#666; font-family: verdana }
.galerie p { margin: 0 0 0 8px; }
.galerie p.prix-galerie { text-align:right; margin: 5px 8px 0 0; font-weight: 700 }

.galerie.galerieLight .galerie-content { border-top: none }
.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 }

#blocDpe, #blocGes { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #fff; padding: 5px 10px; border: 1px solid #ccc; float: left; }
#labelDpe, #labelGes {
	width: 185px; height: 180px;
	position: relative
}
.labelDpe_A {background: url('http://www.isurf-media.com/site_pro/images/label-DPE-A.png') no-repeat 0 0}
.labelDpe_B {background: url('http://www.isurf-media.com/site_pro/images/label-DPE-B.png') no-repeat 0 0}
.labelDpe_C {background: url('http://www.isurf-media.com/site_pro/images/label-DPE-C.png') no-repeat 0 0}
.labelDpe_D {background: url('http://www.isurf-media.com/site_pro/images/label-DPE-D.png') no-repeat 0 0}
.labelDpe_E {background: url('http://www.isurf-media.com/site_pro/images/label-DPE-E.png') no-repeat 0 0}
.labelDpe_F {background: url('http://www.isurf-media.com/site_pro/images/label-DPE-F.png') no-repeat 0 0}
.labelDpe_G {background: url('http://www.isurf-media.com/site_pro/images/label-DPE-G.png') no-repeat 0 0}

.labelGes_A {background: url('http://www.isurf-media.com/site_pro/images/label-GES-A.png') no-repeat 0 0}
.labelGes_B {background: url('http://www.isurf-media.com/site_pro/images/label-GES-B.png') no-repeat 0 0}
.labelGes_C {background: url('http://www.isurf-media.com/site_pro/images/label-GES-C.png') no-repeat 0 0}
.labelGes_D {background: url('http://www.isurf-media.com/site_pro/images/label-GES-D.png') no-repeat 0 0}
.labelGes_E {background: url('http://www.isurf-media.com/site_pro/images/label-GES-E.png') no-repeat 0 0}
.labelGes_F {background: url('http://www.isurf-media.com/site_pro/images/label-GES-F.png') no-repeat 0 0}
.labelGes_G {background: url('http://www.isurf-media.com/site_pro/images/label-GES-G.png') no-repeat 0 0}

#currentDpe, #currentGes {
	position: absolute;
	left: 134px;
	line-height: 24px;
	height: 22px;
	color: #fff;
	background: #000 url('http://www.isurf-media.com/site_pro/images/currentDpe.png') no-repeat 0 0;
	padding: 0 12px 0 18px
}
.currentDpe_B, .currentGes_B { top: 26px }
.currentDpe_C, .currentGes_C { top: 52px }
.currentDpe_D, .currentGes_D { top: 78px }
.currentDpe_E, .currentGes_E { top: 104px }
.currentDpe_F, .currentGes_F { top: 130px }
.currentDpe_G, .currentGes_G { top: 156px }

#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 }
#modAdDetailPicsPictoZoom { width: 22px; height: 22px; background: url('http://www.isurf-media.com/site_pro/images/icons/wpa/pictoZoom.png') no-repeat 0 0; position: absolute; top: 0; left: 0; display: none } 

#modAdDetailContact, #modAdDetailOrigin { 
        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, #modAdDetailOrigin h2 { margin-top: 5px; color: #231F1A; background: transparent; font-weight: 700; padding: 0 }
#modAdDetailContact p, #modAdDetailOrigin p { margin: 4px 0 }
#modAdDetailContact a {color: #231F1A; text-decoration: none}
#modAdDetailContact a:hover {color: #8c8a87; text-decoration: none}

#modAdDetailOrigin { margin-top: 5px }
 
.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; text-decoration: none }
.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; text-decoration: none }
.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; 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
        }

.modAdSelectPay { background: #f5f5f5; color: #231f1a; font-size: 12px; border: 1px solid #bfbfbf; width: 275px; padding: 0 10px 10px 10px; float: left }
.modAdSelectPay h2 {color: #231f1a; font-size: 16px; background: transparent }
#modAdSelectFeatured {width: 276px }
#modAdSelectFeatured, #modAdSelectDuration { margin-right: 14px }

#modAdBill { margin-bottom:20px; padding: 20px 40px; background: url('http://www.isurf-media.com/site_pro/images/px_90White.png'); border: 1px solid #bfbfbf; color: #231f1a; font-size: 12px; font-family:Arial, Helvetica, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#modAdBill .modAdPayBloc { padding: 20px; border-bottom: 1px solid #bfbfbf }
#modAdBill h2 { color: #231f1a; font-size: 16px; background: transparent; margin: 0 0 15px 0 }
#modAdBill .modAdPayBlocLine { line-height: 16px; margin-bottom: 6px }
#modAdBill .modAdPayBlocLine input.radio { position:relative; top:.1em  }

#modAdBill #modAdSelectFeatured {width: inherit } /* enlever cette ligne et la ligne 1107 après mise en prod */

.modAdPayBlocList { margin-left: 10px; padding-left: 20px; border-left: 1px solid #f5f5f5 }
.modAdPayBlocList .modAdPayBlocLine { margin-right: 25px; width: 145px; float: left }
#modAdSelectPullUpList.modAdPayBlocList .modAdPayBlocLine { width: 300px }

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

#blocRecapPaypal {
	background: #f5f5f5;
	color: #231f1a;
	border: 1px solid #bfbfbf;
	width: 430px;
	margin: 20px auto;
	padding: 0 10px 10px 10px;
	text-align: center
}
#blocRecapPaypal p {font-size: 16px}

#modAdFeatured {
	font-size: 11px;
	background-color: #32CD32;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #32CD32;
	margin: 10px 0;
	padding: 5px 2px 5px 4px
}
#modAdFeaturedTitle {margin: 0 0 5px 3px; font-size: 14px; font-weight: 700; color:#F0FFF0; overflow: hidden }
/*
.modAdFeaturedAd {
	width: 228px;
	float: left;
	padding: 2px;
	background: #f5f5f5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #F5FFFA;
	margin: 0 3px
}
.modAdFeaturedAd h2 {height: 40px; font-size: 13px; margin: 0; background: transparent}
.modAdFeaturedAd h2 a {color: #333; text-decoration: underline; font-weight: 700 }
.modAdFeaturedAd h2 a:hover {color: #333; text-decoration: none }
.modAdFeaturedAdImg {float: left; margin: 0 5px 4px 0; height: 56px; width: 75px; overflow: hidden}
.modAdFeaturedAd img {width: 75px}
.modAdFeaturedAd p.right {margin: 0 4px 0 0; font-weight: 700}
*/

.modAdFeaturedAd {
	width: 220px;
	height: 175px;
	float: left;
	padding: 2px;
	background: #f5f5f5;
	color: #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #F5FFFA;
	margin: 0 7px;
	text-align:center;
	cursor: pointer;
}
.modAdFeaturedAd h2 {height: 30px; font-size: 13px; margin: 0; background: transparent}
.modAdFeaturedAd h2 a {color: #333; text-decoration: underline; font-weight: 700 }
.modAdFeaturedAd h2 a:hover {color: #333; text-decoration: none }
.modAdFeaturedAdImg { margin: 2px 31px; height:100px; width: 158px; overflow: hidden}
.modAdFeaturedAd img {width: 158px}
.modAdFeaturedAd p.right {margin: 0 4px 0 0; font-weight: 700}

#modAdFeaturedAds {width: 720px; margin: auto}

/******************************************
************** 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 }

/** nouvelle barre de pagination **/
.navPage { line-height: 20px; margin: 5px 0 0 0; text-align: center; font-family: Verdana, sans-serif; font-size: 11px; padding: 2px }
.navPageOff { padding: 2px 4px; border: 1px solid transparent; color: #999 }
.navPage a { text-decoration: none; padding: 2px 4px; border: 1px solid transparent; font-family: Verdana, sans-serif }
.navPage a:hover { border: 1px solid transparent; text-decoration: none; background: #999; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.currentPage { font-weight: 700; padding: 2px 4px; border: 1px solid transparent; background: #555; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
/** fin nouvelle barre de pagination **/

.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;
	}
	
.actuNavbar { margin-top: 5px }

.articleChapeau { font-weight:bold }
.listeArticleChapeau {}
.listeArticlePhoto { margin: 0 10px 10px 0 }
.articlePhoto { margin: 0 0 15px 0; text-align: center }
.articlePhoto img, .listeArticlePhoto img { -webkit-box-shadow: 0px 2px 2px #333; -moz-box-shadow: 0px 2px 2px #333; box-shadow: 0px 2px 2px #333; position: relative; behavior: url(/PIE.htc) }
.blockComments { border-top: 1px solid #ccc; margin-top: 10px }
.permalinkCom a { font: 11px arial, sans-serif; color: #999; text-decoration: none }
.permalinkCom a:hover { color: #999; text-decoration: underline }
.listeArticleActu { margin: 5px 0; padding: 10px 0; border-bottom: 1px solid #ccc; cursor:pointer }
.listeArticleActu h2 { margin-top: 0 }
.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, .listeArticlePostComments { 
        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
}
.listeArticlePostComments { 
		float: left;
		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 ****/
.afficheWidgetAnnonce { margin: auto }
.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: #999; overflow: hidden }
.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; left: 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; }

/* iziGalleryAlbum */

.iziGalleryThumb {position: relative}
.iziGalleryThumb ul {
	margin: 0; padding: 0;
	list-style: none
}
.iziGalleryThumb ul li { 
	display: inline; float: left;
	padding: 8px;
	text-align: center;
	margin: 5px;
	}
.iziGalleryThumb ul li div { 
	overflow: hidden;
	position: relative /* fix IE7 */
	}
.iziGalleryThumb ul li p, .iziImg p { margin: 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-top: 5px }

.iziImg {
	margin: auto;
	text-align: center
	}

/*POLAROID*/
.iziImg.polaroid { 	padding: 8px }
.iziGalleryThumb ul.polaroid li, .iziImg.polaroid { 
	background: #fff;
	-webkit-box-shadow: 0px 1px 2px #bbb; -moz-box-shadow: 0px 1px 2px #bbb; box-shadow: 0px 1px 2px #bbb;
	position: relative;
	/*
	behavior: url(/PIE.htc)
	*/
	}
.iziGalleryThumb ul.polaroid li:hover { 
	-moz-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02);
	-webkit-box-shadow: 0px 2px 4px #999; -moz-box-shadow: 0px 2px 4px #999; box-shadow: 0px 2px 4px #999;
	position: relative;
	behavior: url(/PIE.htc)
	}
.iziGalleryThumb ul.polaroid li p, .iziImg.polaroid p {color: #333}

/*DIAPO*/
.iziImg.diapo {
position: relative;
}
.iziGalleryThumb ul.diapo li { 
	position: relative;
	margin: 13px;
	padding: 0
	}
.iziGalleryThumb ul.diapo li div { background: #999 }
.iziGalleryThumb ul.diapo li p, .iziImg.diapo p { position: absolute; width: 100%; bottom: 0; padding: 2px 0; background: url('../images/black-45percent.png'); color: #fff }

.iziGalleryArrowL {width: 10px; float: left; background: url('../images/arrowL-off.png') no-repeat 0 center}
.iziGalleryArrowL:hover {background: url('../images/arrowL-on.png') no-repeat 0 center}
.iziGalleryArrowR {width: 10px; float: right; background: url('../images/arrowR-off.png') no-repeat 0 center}
.iziGalleryArrowR:hover {background: url('../images/arrowR-on.png') no-repeat 0 center}

/*FOLDER*/
.iziGalleryThumb ul.folder li { 
	position: relative; 
	background: #fff;
	width: 141px; height: 106px;
	border: 1px solid #ddd;
	margin: 10px
	}
.iziGalleryThumb ul.folder li:hover { 
	border: 1px solid #bbb
	}
.iziGalleryThumb ul.folder li a { position: absolute; top: 5px; left: 5px; padding: 8px; border: 1px solid #ddd; background: #fff; text-decoration: none }
.iziGalleryThumb ul.folder li a:hover { border: 1px solid #bbb; text-decoration: none }
.iziGalleryThumb ul.folder li a span { display: block; width: 140px; height: 105px; overflow: hidden; background: #eee }	

.iziGalleryThumb ul.folder li img {	width: 140px }

.iziGalleryThumb ul.folder li p { position: absolute; bottom: 8px;padding: 2px 0;  background: url('../images/black-45percent.png'); width: 140px; color: #fff}


/* iZi Slideshow*/
.iziGalleryHolder {
	margin: auto;
	position:relative;
	overflow:hidden
}
.iziGalleryList {margin: auto}
.player, .marginAuto, .iziGoogleMap {margin: auto}
/* + -----------------------------------------------------
	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 }
.formDepot label.lblFor {float: none; font-size: inherit; width: inherit; margin: 0 }

.iziForm { margin: 10px auto }
.iziFormTab { margin: auto; font-family: inherit; font-size: 12px }
.iziFormTab td { padding: 2px 4px; margin: 0; vertical-align: top }
.iziFormTab td.iziFormTabLab { text-align: right; padding: 4px 4px 0 4px; font-weight: 700 }
.iziFormTabTitle { font-size: 150% }

.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; font-weight: bold }
.ligneForm span, .ligneForm .champ { float: left; line-height: 18px }
.ligneForm span label, .ligneForm label span, .champ label { float: none; font-weight: normal }
.ligneForm.error { padding: .8em 0 }

.ligneSubmit { clear: both; padding-left: 155px; margin-top: 10px }
input.submit, .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 }
input.iziFormCheckbox, input.iziFormRadio { position:relative; top:.16em }

/*
label.iziFormDesc { display: block; font-weight: 700 }
.iziFormTextS, .iziFormSelectS { width: 20% }
.iziFormTextM, .iziFormSelectM { width: 50% }
.iziFormTextL, .iziFormSelectL { width: 95% }
.iziFormAreaS { width: 30%; height: 80px }
.iziFormAreaM { width: 60%; height: 100px }
.iziFormAreaL { width: 95%; height: 150px }
.iziFormOption { margin: 2px 0 0 0 }*/
/***********************/
.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://www.isurf-media.com/site_pro/images/icons/vcard_edit.png') no-repeat left; }
.lienspassword a { background: url('http://www.isurf-media.com/site_pro/images/icons/lock_edit.png') no-repeat left; }
.liensSupCompte a { background: url('http://www.isurf-media.com/site_pro/images/icons/cross.png') 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 }
.navigMonCompte { padding: 5px 10px; margin-bottom: 15px }

.navigMonCompte div { float: left; margin-left: 10px}
.navigMonCompte div a {display: block; padding-top: 32px; text-decoration: none; color: #666}
.navigMonCompte div a:hover {text-decoration: none; color: #333}

.navigMonCompte div.btn-backAccount {background: url('../images/icons/32-user.png') no-repeat center 0; float: right }
.navigMonCompte div.btn-viewMyAd {background: url('../images/icons/32-page_white_magnify.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-changeMyAd {background: url('../images/icons/32-page_white_edit.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-photoMyAd {background: url('../images/icons/32-camera.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-backMyAd {background: url('../images/icons/32-arrow_left.png') no-repeat center 0}
.navigMonCompte div.btn-locateMyAdAdd {background: url('../images/icons/32-map_add.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-locateMyAdEdit {background: url('../images/icons/32-map_edit.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-calendarMyAd {background: url('../images/icons/32-calendar.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-publishMyAd {background: url('../images/icons/32-newspaper_go.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-delMyAd {background: url('../images/icons/32-bin_closed.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-logout {background: url('../images/icons/32-disconnect.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-userEdit {background: url('../images/icons/32-user_edit.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-pwEdit {background: url('../images/icons/32-lock_edit.png') no-repeat center 0; float: right}

.navigMonCompte div.btn-V {background: url('../images/icons/wpa/32-V.png') no-repeat center 0}
.navigMonCompte div.btn-DR {background: url('../images/icons/wpa/32-DR.png') no-repeat center 0}
.navigMonCompte div.btn-N {background: url('../images/icons/wpa/32-N.png') no-repeat center 0}
.navigMonCompte div.btn-I {background: url('../images/icons/wpa/32-I.png') no-repeat center 0}
.navigMonCompte div.btn-AN {background: url('../images/icons/wpa/32-AN.png') no-repeat center 0}
.navigMonCompte div.btn-M {background: url('../images/icons/wpa/32-M.png') no-repeat center 0}
.navigMonCompte div.btn-S {background: url('../images/icons/wpa/32-S.png') no-repeat center 0}
.navigMonCompte div.btn-AF {background: url('../images/icons/wpa/32-AF.png') no-repeat center 0}

.navigMonCompte div.navAccountSep {width: 2px; height: 46px; background: url('../images/icons/navAccountSep.png') no-repeat 0 0; float: right}
.navigMonCompte small {font-size: 11px}

.accountUserName {font-size: 16px; color: #222}

#accountHomeContent {font-size: 14px}
#accountHomeContent h2 {
	margin: 0 0 15px 0;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #c2beb9
}

#accountHomeContent #leftColumn {
        width: 68%;
        float: left;
		margin-right: 2%
        }
        
#accountHomeContent #rightColumn {
        width: 30%;
        float: left
        }
#accountHomeContent .btn-depot a {
        display: block;
        width: 246px;
        height: 36px;
		margin: 0 auto;  
        background: url('../images/btn/wpa/depot-annonce.png') no-repeat 0 0;
        text-decoration: none
        }
#accountHomeContent .btn-depot a span { display: none }		
			
#accountHomeProfile { font-size: 12px }
#accountHomeProfile ul {list-style: none; margin: 0; padding: 0}
#accountHomeProfile ul li { margin-bottom: 2px }
.btn16-delAccount a {text-decoration: none; padding: 2px 0 2px 20px; line-height: 18px; background: url('../images/icons/16-bin_closed.png') no-repeat 0 center}
.btn16-delAccount a:hover { text-decoration: underline }
.accountHomeBloc {background: url('../images/bgAccountHomeBloc.png') 0 0; padding: 10px; margin: 10px 0; border: 1px solid #e5e5e5; color: #333}
.accountHomeBloc a { color: #333; text-decoration: underline }
.accountHomeBloc a:hover { color: #333; text-decoration: none }

#formCodeAcces { width: 500px; margin: 100px auto; text-align: center }
/***********************/
.iziCounter span {
        padding: 0 3px;
        background: #333 url('../images/compteur/reflet.png') repeat-x center center;
        color: #fff;
        border: 1px solid #7C7B7C;
        font-family: verdana, sans-serif, Arial;
        font-size: 11px;
}
/*********************/
.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, .error a:hover    { color: #8a1f11; }
.notice a, .notice a:hover  { color: #514721; }
.success a, .success a:hover  { color: #264409; }

div.error p { margin: 0.5em 0 }

.champ .notice { margin-bottom: 0 }
/*****************/
#returnHelperConteneur { background: #fbfbfb; border-bottom: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; height: 62px; }

.returnHelperTitle {
	font-size: 22px;
	font-weight: bold;
	color: #0b55c4;
	line-height: 48px;
	height: 48px;
	padding: 4px 4px 0 59px;
	background: url('../admin/images/icon/icon-48-wizard.png') no-repeat 4px 4px;
	}
	
.returnSiteTitle {
	font-size: 22px;
	font-weight: bold;
	color: #0b55c4;
	line-height: 48px;
	height: 48px;
	padding: 4px 4px 0 59px;
	background: url('../admin/images/icon/icon-48-globe.png') no-repeat 4px 4px;
	}

#returnHelper { width: 1000px; margin: 0 auto }
.btn-returnHelper { float: right; width: 220px; height: 60px; background: url('../images/btn-returnHelper.png') no-repeat 0 0  }
.btn-returnHelper:hover { background: url('../images/btn-returnHelper.png') no-repeat 0 -60px }
.btn-returnHelper:active { background: url('../images/btn-returnHelper.png') no-repeat 0 -120px }
.btn-returnHelper span { display: none }

.btn-closePreview { float: right; width: 220px; height: 60px; background: url('../images/btn-closePreview.png') no-repeat 0 0  }
.btn-closePreview:hover { background: url('../images/btn-closePreview.png') no-repeat 0 -60px }
.btn-closePreview:active { background: url('../images/btn-closePreview.png') no-repeat 0 -120px }
.btn-closePreview span { display: none }

.btn-editPage { float: right; width: 220px; height: 60px; background: url('../images/btn-editPage.png') no-repeat 0 0  }
.btn-editPage:hover { background: url('../images/btn-editPage.png') no-repeat 0 -60px }
.btn-editPage:active { background: url('../images/btn-editPage.png') no-repeat 0 -120px }

.btn-editPage span { display: none }

.lnk-draft-site, .lnk-draft-site:hover {height: 60px; line-height: 60px; margin-right: 20px; font-weight: normal; font-size: 18px; color: #0b55c4 }
.lnk-draft-site { text-decoration: underline }
.lnk-draft-site:hover { text-decoration: none}

.returnSiteTitle .notice.right a { text-decoration: underline }
.returnSiteTitle .notice.right a:hover { text-decoration: none }

.iziLine { position: relative; behavior: url(/PIE.htc) }
.iziBloc { margin: auto; position: relative }
.iziImg img { position: relative; background-color: transparent; behavior: url(/PIE.htc) }
/***********/
.iziWidgetMap { margin: auto; position: relative } 
.iziWidgetMapRegionName { text-align: center; z-index: 5 }
.iziWidgetMapZone { z-index: 4; position: absolute; top: 0; left: 0 }
.iziWidgetMapContour {z-index: 3; position: absolute; top: 0; left: 0 }
.iziWidgetMapRegion { z-index: 2; position: absolute; top: 0; left: 0  }
.iziWidgetMapBg { z-index: 1; position: absolute; top: 0; left: 0 }
/**********/
.divBlocTitle, .divLineTitle {
	behavior: url(/PIE.htc);
	position: relative;
	display: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	background-color: #333;
	background-position: 0 center;
	background-repeat: repeat-x;
	color: #fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-style: solid;
	border-color: transparent;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}