/********************************************************************
**********                                                 **********
**********        Feuille de style iZi SiteMaker 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('../images/hr.png') repeat-x; }
.hr hr { display: 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, div#header #header_code3 {
	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('../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{
	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 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 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 {
	padding: 1px 10px
	}

.title_izibox {
	position: relative;
	padding: 5px;
	margin:  0px;
	font-size: 12px;
	color:#666;
	background: none;
	text-align:center;
	behavior: url(http://www.isurf-media.com/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(http://www.isurf-media.com/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(http://www.isurf-media.com/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-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal
}

#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('../images/tri/print.gif') 0 0 }
#modAdTools ul li.imprime a:hover{ background: url('../images/tri/print.gif') 0 -25px }

#modAdTools ul li.retour a{ background: url('../images/tri/retour.gif') 0 0 }
#modAdTools ul li.retour a:hover{ background: url('../images/tri/retour.gif') 0 -25px }

#modAdTools ul li.ami a{ background: url('../images/tri/ami.gif') 0 0 }
#modAdTools ul li.ami a:hover{ background: url('../images/tri/ami.gif') 0 -25px }

#modAdTools ul li.contact a{ background: url('../images/tri/mail.gif') 0 0 }
#modAdTools ul li.contact a:hover{ background: url('../images/tri/mail.gif') 0 -25px }

#modAdTools ul li.abus a{ background: url('../images/tri/abus.gif') 0 0 }
#modAdTools ul li.abus a:hover{ background: url('../images/tri/abus.gif') 0 -25px }

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

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

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

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

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

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

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

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

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

#modAdTools ul li.triAffaires a{background: url('../images/tri/triAf.gif') 0 0}
#modAdTools ul li.triAffaires a:hover{background: url('../images/tri/triAf.gif') 0 -25px}
#modAdTools ul li.triAffaires2 a, #modAdTools ul li.triAffaires2 a:hover{background: url('../images/tri/triAf.gif') 0 -25px}
		
#modAdTools ul li.start a{
        background: url('../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('../images/tri/print.gif') 0 0}
.imprime a:hover{background: url('../images/tri/print.gif') 0 -25px}
        
.triStart { background: url('../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 .linkPostAd a { position: absolute; display: block; height: 20px; line-height: 20px; padding: 0 10px; right: 10px; bottom: 15px }

#modAdSearchTdRub .ui-select, #modAdSearchTdLoc .ui-select {width: 190px}

#modAdSearchSelectTA { margin-top: 5px; width: 180px }

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

#inputKw { width: 88%; margin: 5px 10px 0 0; padding-left: 22px; background: #fff url('../images/icons/wpa/search.png') no-repeat 3px center }
#helpVille { padding: 0 10px; background: #fff; border: 1px solid #7ca2ea; position: absolute; width:150px; z-index: 100; margin-left: -158px; margin-top: -14px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 4px -2px #666; box-shadow: 0px 1px 4px -2px #666 }
#modAdSearch #choixdepart { width: 170px; margin-top: 5px }

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

.filtrePicto { padding-left: 18px; background: url('../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('../images/tri/start.png') 0 0;
        margin-right:5px;
        width: 10px;
        cursor: default
        }
#modAdOptions ul li.triphoto1 a{
        background: url('../images/tri/photo.gif') 0 0;
        width: 26px;
        margin-right:5px
        }
#modAdOptions ul li.triphoto1 a:hover{
        background: url('../images/tri/photo.gif') 0 -25px;
        margin-right:5px
        }
#modAdOptions ul li.triphoto2 a{
        background: url('../images/tri/photo.gif') 0 -25px;
        width: 26px;
        margin-right:5px
        }
#modAdOptions ul li.triphoto2 a:hover{
        background: url('../images/tri/photo.gif') 0 -25px;
        margin-right:5px
        }
#modAdOptions ul li.triprint a{
        background: url('../images/tri/print.gif') 0 0;
        width: 26px;
        margin-right:5px
        }
#modAdOptions ul li.triprint a:hover{
        background: url('../images/tri/print.gif') 0 -25px
        }
/*		
#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('../images/tri/rss.gif') 0 0;
        width: 26px;
        margin-right:5px
        }        
#modAdOptions ul li.trirss a:hover{
        background: url('../images/tri/rss.gif') 0 -25px;
        }		
#modAdOptions ul li.triselection a{
        background: url('../images/tri/selection.gif') 0 0;
        width: 26px;
        margin-right:5px
        }        
#modAdOptions ul li.triselection a:hover{
        background: url('../images/tri/selection.gif') 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 */
#modAdLinkAdvertiser { 
        padding: 0 0 0 10px
        }
#modAdLinkAdvertiser h1 { margin: 5px 0; font-size: 12px; font-weight: 700; float: left; line-height: 20px; background: none}
#modAdLinkAdvertiser .btn-group {margin: 5px 0 4px 0}
/*
#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 0 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; text-decoration: none }
.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; margin-left:10px }
.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('../images/icons/wpa/annoncePictoV.png') no-repeat 0 0}
.annoncePictoDR {background: url('../images/icons/wpa/annoncePictoDR.png') no-repeat 0 0}
.annoncePictoN {background: url('../images/icons/wpa/annoncePictoN.png') no-repeat 0 0}
.annoncePictoI {background: url('../images/icons/wpa/annoncePictoI.png') no-repeat 0 0}
.annoncePictoAF {background: url('../images/icons/wpa/annoncePictoAF.png') no-repeat 0 0}
.annoncePictoS {background: url('../images/icons/wpa/annoncePictoS.png') no-repeat 0 0}
.annoncePictoM {background: url('../images/icons/wpa/annoncePictoM.png') no-repeat 0 0}
.annoncePictoAN {background: url('../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: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	behavior: url(http://www.isurf-media.com/PIE.htc)
}
.galerie {
	float: left;
	width: 220px;
	height: 226px;
	margin: 20px 0 0 0;
	font: normal 12px Arial, Helvetica, sans-serif
	}
	
.galerie .entete {height:30px; padding:3px}	

.galerie-content {
	background: #F5F5F5;
    color: #333;
	padding-bottom: 5px
}
.galerie-photo {
	height:125px;
	padding: 5px 0;
	text-align: center
	}
.galerie-photo img {max-height:120px;max-width:158px}

.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('../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('../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('../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('../images/prixMid.png') repeat-x left;}
.prixRight { float: left; display: block; width: 20px; height: 36px; background: url('../images/prixRight.png') no-repeat left;}

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

.detailReflet {
	display: block;
	background-image: url('../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('../images/puces/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('../images/puces/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('../images/label-DPE-A.png') no-repeat 0 0}
.labelDpe_B {background: url('../images/label-DPE-B.png') no-repeat 0 0}
.labelDpe_C {background: url('../images/label-DPE-C.png') no-repeat 0 0}
.labelDpe_D {background: url('../images/label-DPE-D.png') no-repeat 0 0}
.labelDpe_E {background: url('../images/label-DPE-E.png') no-repeat 0 0}
.labelDpe_F {background: url('../images/label-DPE-F.png') no-repeat 0 0}
.labelDpe_G {background: url('../images/label-DPE-G.png') no-repeat 0 0}

.labelGes_A {background: url('../images/label-GES-A.png') no-repeat 0 0}
.labelGes_B {background: url('../images/label-GES-B.png') no-repeat 0 0}
.labelGes_C {background: url('../images/label-GES-C.png') no-repeat 0 0}
.labelGes_D {background: url('../images/label-GES-D.png') no-repeat 0 0}
.labelGes_E {background: url('../images/label-GES-E.png') no-repeat 0 0}
.labelGes_F {background: url('../images/label-GES-F.png') no-repeat 0 0}
.labelGes_G {background: url('../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('../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('../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}
#modAdDetailContact .btn-warning, #modAdDetailContact .btn-warning:hover {color: #fff}

#modAdDetailOrigin { margin-top: 5px }
#modAdDetailOrigin a { color: #231F1A }
 /*
.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('../images/btn-contactUsAnnonceur.png') no-repeat 0 0;
        height: 32px;        
        text-decoration: none;
        }
.btn-contactUsAdvertiser a:hover { background: url('../images/btn-contactUsAnnonceur.png') no-repeat 0 -32px; text-decoration: none }
.btn-contactUsAdvertiser a span { visibility: hidden }
*/
.btn-showContact a { 
        display: block;
        margin: 10px 0 5px 0;
        background: url('../images/btn-showContact.png') no-repeat 0 0;
        width: 284px;
		height: 32px;        
        text-decoration: none;
        }
.btn-showContact a:hover { background: url('../images/btn-showContact.png') no-repeat 0 -32px; }
.btn-showContact 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('../images/btn-republier.png') no-repeat 0 0;
        text-decoration: none
        }
.btn-republier a:hover {
        background: url('../images/btn-republier.png') no-repeat 0 -50px;
        }

.btn-supprimer a {
        display: block;        
        width: 300px;
        height: 50px;        
        background: url('../images/btn-supprimer.png') no-repeat 0 0;
        text-decoration: none
        }
.btn-supprimer a:hover {
        background: url('../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('../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('../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('../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
}
#modAdFeaturedTitle {margin: 0 0 5px 3px; font-size: 14px; font-weight: 700; color:#F0FFF0; overflow: hidden }

.modAdFeaturedAd {
	height: auto;
	float: left;
	color: #333;
	text-align:center;
	cursor: pointer;
	overflow: hidden
}
.modAdFeaturedAd.col3 {width: 33.3333333%}
.modAdFeaturedAd.col4 {width: 25%}

#modAdFeatured .modAdFeaturedAd .modAdFeaturedAdContent {margin-left: 5px; position: relative; background: rgba(255, 255, 255, 0.85)}
#modAdFeatured .modAdFeaturedAd:first-child .modAdFeaturedAdContent {margin-left: 0}

.modAdFeaturedAd .modAdFeaturedAdTitle {position: absolute; background: rgba(51, 51, 51, 0.85); width: 100%; color: #fff; top: 0; left: 0; line-height: 26px; text-indent: 28px; text-align: left }
.modAdFeaturedAd .modAdFeaturedAdTitle i {position: absolute; display: block; width: 100%; top: 0; left: 0; height: 26px; background: url('../images/bgModAdFeaturedAdH2.png') repeat-y right top}
.modAdFeaturedAd .modAdFeaturedAdTitle h2 {line-height: 26px; font-size: 12px; margin: 0; padding:0; white-space: nowrap}
.modAdFeaturedAd .modAdFeaturedAdTitle h2 a {text-decoration: none; color: #fff}
.modAdFeaturedAd .modAdFeaturedAdDescription {position: absolute; background: rgba(51, 51, 51, 0.85); width: 100%; color: #fff; bottom: 0; left: 0}
.modAdFeaturedAd:hover .modAdFeaturedAdDescription {-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin-bottom: -40px; white-space: nowrap}
.modAdFeaturedAd:hover .modAdFeaturedAdTitle {-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin-top: -26px}
.modAdFeaturedAd .modAdFeaturedAdImg {width: 100%; margin: 0; padding: 0}
.modAdFeaturedAd.col3 .modAdFeaturedAdImg {height: 179px}
.modAdFeaturedAd.col4 .modAdFeaturedAdImg {height: 165px}

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

/*
.modAdFeaturedAd h2 {height: 30px; font-size: 13px; margin: 0; background: transparent; text-decoration: none }
.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}
*/

/******************************************
************** 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('../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('../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('../images/tri/control_start.png') no-repeat left top;
	margin:	0;
	height: 16px; width: 16px;
        display: block;
        float:left
	}

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

.btn-top a { 
	background: url('../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é ****************
*****************************************/        
.actuDate {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	}
	
.actuNavbar { margin-top: 5px }

.articleChapeau { font-size: 1.2em }
.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(http://www.isurf-media.com/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('../images/icons/blog/folder.png') no-repeat left center; padding-left:20px; }

.postPublishedDate, .postFolder, .postComments, .listeArticlePostComments { 
        line-height: 16px;
        }
.postPublishedDate {
        background: url('../images/icons/blog/date.png') no-repeat 0 center;
        padding-left: 20px
}
.postFolder {
        background: url('../images/icons/blog/folder.png') no-repeat 0 center;
        padding-left: 20px
}
.postComments {
        float: right;
        background: url('../images/icons/blog/comments.png') no-repeat 0 center;
        padding-left: 20px
}
.listeArticlePostComments { 
		float: left;
		background: url('../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 }
.modNewsShare {font-size:16px}
/****************************************
************** 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;
	line-height: 30px;
	margin-right: 5px;
	text-align: right
	}

#formulaire_modalbox .bouton { margin-top:10px; clear:both}

/**** 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%;
        font-family: Arial; font-size: 11px; color: #fff;
        padding: 2px 0
}

.iziDiapoLastAdsLegend { bottom: 0; left: 0; background: url('../images/bgDiapoLastAdsLegend.png') repeat-x 0 top }
.iziDiapoLastAdsLegend strong { padding: 0 4px; display: block }
.iziDiapoLastAdsPrice { top: 0; text-align: right; background: url('../images/bgDiapoLastAdsPrice.png') repeat-x 0 bottom }
.iziDiapoLastAdsPrice span { padding-right: 5px }

.iziDiapoLastAdsStar {position: absolute; top: 6px; left: 6px; z-index: 1}

.fsXl { font-size: 12px }

/**** CSS FOR WIDGET NEWS ****/

#pscroller2 a{text-decoration: none}

.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
	}
.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(http://www.isurf-media.com/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-color:#333333; /*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-color:#333333; /*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;
	/*width: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.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;
    font-size: 12px;
    font-weight: 700
}
.calendAnnonce .ligne {
	margin: 0 auto;
	padding: 0;
    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: 0 4px; font-weight: 700; vertical-align: middle }
.iziFormTab td.iziFormTabLab.vTop { vertical-align: top; padding-top: 6px }
.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: 30px; width: 200px; margin: 0 5px 6px 0; font-weight: bold }
.ligneForm span, .ligneForm .champ { float: left; line-height: 30px }
.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 }
/***********************/
.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_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('../images/icons/vcard_edit.png') no-repeat left }
.lienspassword a { background: url('../images/icons/lock_edit.png') no-repeat left }
.liensSupCompte a { background: url('../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,
.info, 
.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 }
.info	    { background: #d5edf8; color: #264409; border-color: #92cae4 }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880 }
.error a, .error a:hover    { color: #8a1f11 }
.notice a, .notice a:hover  { color: #514721 }
.info a, .info a:hover		{ color: #205791 }
.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(http://www.isurf-media.com/PIE.htc) }
.iziBloc { margin: auto; position: relative }
.iziImg img { position: relative; background-color: transparent; behavior: url(http://www.isurf-media.com/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(http://www.isurf-media.com/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;
}

/******************************/
/********** FORM *************/
/****************************/
.ui-input {
  *overflow: visible;
  line-height: normal;
}
.ui-input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
html .ui-input[type="button"],
.ui-input[type="reset"],
.ui-input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
.ui-input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
.ui-input[type="search"]::-webkit-search-decoration,
.ui-input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.ui-textarea {
  overflow: auto;
  vertical-align: top;
}

.ui-select,
.ui-textarea,
.ui-input {
  vertical-align: middle;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
.ui-select{
  height: 30px; line-height: 30px;
  border: 1px solid #ccc;
  background-color: #fff
}
.ui-select.select-mini {
  height: 20px; line-height: 20px;
  font-size: 10.5px;
  padding: 1px 2px
}
.ui-select.select-small {
  height: 24px; line-height: 24px;
  font-size: 11.9px;
  padding: 2px 3px
}

.ui-input.input-mini {
  height: 16px; line-height: 16px;
  font-size: 10.5px;
  padding: 1px 2px
}
.ui-input.input-small {
  height: 18px; line-height: 18px;
  font-size: 11.9px;
  padding: 2px 3px
}

.ui-textarea,
.ui-input {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
  width: 220px;
}
.ui-textarea:focus,
.ui-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

.ui-select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
.ui-textarea {
  height: auto;
  width: 270px
}
.ui-input[disabled], .ui-textarea[disabled] {cursor:default; background: #eee}
/********************************/
/********** BOUTON *************/
/******************************/
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn-large [class^="ico-"],
.btn-large [class*=" ico-"] {
  margin-top: 3px;
}
.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-small [class^="ico-"],
.btn-small [class*=" ico-"] {
  margin-top: 0;
}
.btn-mini {
  padding: 1px 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover {
  color: #333333;
  text-decoration: none;
}
/** BTN GROUP **/
.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group > .btn + .btn {
  margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}
.btn-group > .btn-mini {
  font-size: 10.5px;
}
.btn-group > .btn-small {
  font-size: 11.9px;
}
.btn-group > .btn-large {
  font-size: 17.5px;
}
.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 2px;
  *padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  *padding-top: 7px;
  *padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}
.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}
.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
  margin-top: 6px;
}
.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
.dropup .btn-large .caret {
  border-bottom-width: 5px;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group-vertical > .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}
.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

/******** ICONS *********/
[class^="ico-"],
[class*=" ico-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/icons/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}
/* White icons with optional class, or on hover/focus/active states of certain elements */
.ico-white,
.nav-pills > .active > a > [class^="ico-"],
.nav-pills > .active > a > [class*=" ico-"],
.nav-list > .active > a > [class^="ico-"],
.nav-list > .active > a > [class*=" ico-"],
.navbar-inverse .nav > .active > a > [class^="ico-"],
.navbar-inverse .nav > .active > a > [class*=" ico-"],
.dropdown-menu > li > a:hover > [class^="ico-"],
.dropdown-menu > li > a:focus > [class^="ico-"],
.dropdown-menu > li > a:hover > [class*=" ico-"],
.dropdown-menu > li > a:focus > [class*=" ico-"],
.dropdown-menu > .active > a > [class^="ico-"],
.dropdown-menu > .active > a > [class*=" ico-"],
.dropdown-submenu:hover > a > [class^="ico-"],
.dropdown-submenu:focus > a > [class^="ico-"],
.dropdown-submenu:hover > a > [class*=" ico-"],
.dropdown-submenu:focus > a > [class*=" ico-"] {
  background-image: url("../images/icons/glyphicons-halflings-white.png");
}
.ico-glass {
  background-position: 0      0;
}
.ico-music {
  background-position: -24px 0;
}
.ico-search {
  background-position: -48px 0;
}
.ico-envelope {
  background-position: -72px 0;
}
.ico-heart {
  background-position: -96px 0;
}
.ico-star {
  background-position: -120px 0;
}
.ico-star-empty {
  background-position: -144px 0;
}
.ico-user {
  background-position: -168px 0;
}
.ico-film {
  background-position: -192px 0;
}
.ico-th-large {
  background-position: -216px 0;
}
.ico-th {
  background-position: -240px 0;
}
.ico-th-list {
  background-position: -264px 0;
}
.ico-ok {
  background-position: -288px 0;
}
.ico-remove {
  background-position: -312px 0;
}
.ico-zoom-in {
  background-position: -336px 0;
}
.ico-zoom-out {
  background-position: -360px 0;
}
.ico-off {
  background-position: -384px 0;
}
.ico-signal {
  background-position: -408px 0;
}
.ico-cog {
  background-position: -432px 0;
}
.ico-trash {
  background-position: -456px 0;
}
.ico-home {
  background-position: 0 -24px;
}
.ico-file {
  background-position: -24px -24px;
}
.ico-time {
  background-position: -48px -24px;
}
.ico-road {
  background-position: -72px -24px;
}
.ico-download-alt {
  background-position: -96px -24px;
}
.ico-download {
  background-position: -120px -24px;
}
.ico-upload {
  background-position: -144px -24px;
}
.ico-inbox {
  background-position: -168px -24px;
}
.ico-play-circle {
  background-position: -192px -24px;
}
.ico-repeat {
  background-position: -216px -24px;
}
.ico-refresh {
  background-position: -240px -24px;
}
.ico-list-alt {
  background-position: -264px -24px;
}
.ico-lock {
  background-position: -287px -24px;
}
.ico-flag {
  background-position: -312px -24px;
}
.ico-headphones {
  background-position: -336px -24px;
}
.ico-volume-off {
  background-position: -360px -24px;
}
.ico-volume-down {
  background-position: -384px -24px;
}
.ico-volume-up {
  background-position: -408px -24px;
}
.ico-qrcode {
  background-position: -432px -24px;
}
.ico-barcode {
  background-position: -456px -24px;
}
.ico-tag {
  background-position: 0 -48px;
}
.ico-tags {
  background-position: -25px -48px;
}
.ico-book {
  background-position: -48px -48px;
}
.ico-bookmark {
  background-position: -72px -48px;
}
.ico-print {
  background-position: -96px -48px;
}
.ico-camera {
  background-position: -120px -48px;
}
.ico-font {
  background-position: -144px -48px;
}
.ico-bold {
  background-position: -167px -48px;
}
.ico-italic {
  background-position: -192px -48px;
}
.ico-text-height {
  background-position: -216px -48px;
}
.ico-text-width {
  background-position: -240px -48px;
}
.ico-align-left {
  background-position: -264px -48px;
}
.ico-align-center {
  background-position: -288px -48px;
}
.ico-align-right {
  background-position: -312px -48px;
}
.ico-align-justify {
  background-position: -336px -48px;
}
.ico-list {
  background-position: -360px -48px;
}
.ico-indent-left {
  background-position: -384px -48px;
}
.ico-indent-right {
  background-position: -408px -48px;
}
.ico-facetime-video {
  background-position: -432px -48px;
}
.ico-picture {
  background-position: -456px -48px;
}
.ico-pencil {
  background-position: 0 -72px;
}
.ico-map-marker {
  background-position: -24px -72px;
}
.ico-adjust {
  background-position: -48px -72px;
}
.ico-tint {
  background-position: -72px -72px;
}
.ico-edit {
  background-position: -96px -72px;
}
.ico-share {
  background-position: -120px -72px;
}
.ico-check {
  background-position: -144px -72px;
}
.ico-move {
  background-position: -168px -72px;
}
.ico-step-backward {
  background-position: -192px -72px;
}
.ico-fast-backward {
  background-position: -216px -72px;
}
.ico-backward {
  background-position: -240px -72px;
}
.ico-play {
  background-position: -264px -72px;
}
.ico-pause {
  background-position: -288px -72px;
}
.ico-stop {
  background-position: -312px -72px;
}
.ico-forward {
  background-position: -336px -72px;
}
.ico-fast-forward {
  background-position: -360px -72px;
}
.ico-step-forward {
  background-position: -384px -72px;
}
.ico-eject {
  background-position: -408px -72px;
}
.ico-chevron-left {
  background-position: -432px -72px;
}
.ico-chevron-right {
  background-position: -456px -72px;
}
.ico-plus-sign {
  background-position: 0 -96px;
}
.ico-minus-sign {
  background-position: -24px -96px;
}
.ico-remove-sign {
  background-position: -48px -96px;
}
.ico-ok-sign {
  background-position: -72px -96px;
}
.ico-question-sign {
  background-position: -96px -96px;
}
.ico-info-sign {
  background-position: -120px -96px;
}
.ico-screenshot {
  background-position: -144px -96px;
}
.ico-remove-circle {
  background-position: -168px -96px;
}
.ico-ok-circle {
  background-position: -192px -96px;
}
.ico-ban-circle {
  background-position: -216px -96px;
}
.ico-arrow-left {
  background-position: -240px -96px;
}
.ico-arrow-right {
  background-position: -264px -96px;
}
.ico-arrow-up {
  background-position: -289px -96px;
}
.ico-arrow-down {
  background-position: -312px -96px;
}
.ico-share-alt {
  background-position: -336px -96px;
}
.ico-resize-full {
  background-position: -360px -96px;
}
.ico-resize-small {
  background-position: -384px -96px;
}
.ico-plus {
  background-position: -408px -96px;
}
.ico-minus {
  background-position: -433px -96px;
}
.ico-asterisk {
  background-position: -456px -96px;
}
.ico-exclamation-sign {
  background-position: 0 -120px;
}
.ico-gift {
  background-position: -24px -120px;
}
.ico-leaf {
  background-position: -48px -120px;
}
.ico-fire {
  background-position: -72px -120px;
}
.ico-eye-open {
  background-position: -96px -120px;
}
.ico-eye-close {
  background-position: -120px -120px;
}
.ico-warning-sign {
  background-position: -144px -120px;
}
.ico-plane {
  background-position: -168px -120px;
}
.ico-calendar {
  background-position: -192px -120px;
}
.ico-random {
  background-position: -216px -120px;
  width: 16px;
}
.ico-comment {
  background-position: -240px -120px;
}
.ico-magnet {
  background-position: -264px -120px;
}
.ico-chevron-up {
  background-position: -288px -120px;
}
.ico-chevron-down {
  background-position: -313px -119px;
}
.ico-retweet {
  background-position: -336px -120px;
}
.ico-shopping-cart {
  background-position: -360px -120px;
}
.ico-folder-close {
  background-position: -384px -120px;
  width: 16px;
}
.ico-folder-open {
  background-position: -408px -120px;
  width: 16px;
}
.ico-resize-vertical {
  background-position: -432px -119px;
}
.ico-resize-horizontal {
  background-position: -456px -118px;
}
.ico-hdd {
  background-position: 0 -144px;
}
.ico-bullhorn {
  background-position: -24px -144px;
}
.ico-bell {
  background-position: -48px -144px;
}
.ico-certificate {
  background-position: -72px -144px;
}
.ico-thumbs-up {
  background-position: -96px -144px;
}
.ico-thumbs-down {
  background-position: -120px -144px;
}
.ico-hand-right {
  background-position: -144px -144px;
}
.ico-hand-left {
  background-position: -168px -144px;
}
.ico-hand-up {
  background-position: -192px -144px;
}
.ico-hand-down {
  background-position: -216px -144px;
}
.ico-circle-arrow-right {
  background-position: -240px -144px;
}
.ico-circle-arrow-left {
  background-position: -264px -144px;
}
.ico-circle-arrow-up {
  background-position: -288px -144px;
}
.ico-circle-arrow-down {
  background-position: -312px -144px;
}
.ico-globe {
  background-position: -336px -144px;
}
.ico-wrench {
  background-position: -360px -144px;
}
.ico-tasks {
  background-position: -384px -144px;
}
.ico-filter {
  background-position: -408px -144px;
}
.ico-briefcase {
  background-position: -432px -144px;
}
.ico-fullscreen {
  background-position: -456px -144px;
}