/********************************************************************
**********                                                 **********
**********        Feuille de style ADMIN Site Pro          **********
**********                                                 **********
********************************************************************/

/**** visuBody ****/
#header_texte1, #header_texte2 { cursor: pointer }
div#visuBody { 
	width: 992px;
	border: 4px solid #ccc;
	margin-top: 10px;
    background-position: center top;
	}
	
div#visuBody .linkAdminContent a { font-size: 14px; text-decoration: underline }
div#visuBody .linkAdminContent a:hover { text-decoration: none }	
/*********************/

body {
	background: #FFFFFF url('../images/bg_adminHeader.gif') repeat-x left top;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	color: #333;
	padding-bottom: 50px
	}

a, a:hover { color: #0B55C4 }
a { text-decoration: underline }
a:hover { text-decoration: none } 

.large {font-size:1.3em}
.xlarge {font-size:1.6em}
.hide {display:none}
.quiet {color:#b2b2b2}
.loud {color:#000}
.highlight {background:#ff0}

.cursorMove { cursor: move }

fieldset {
	margin-bottom: 10px;
	border: 1px #ccc solid;
	padding: 5px;
	text-align: left
}

fieldset p {  margin: 10px 0px }

legend {
	color: #0B55C4;
	font-size: 12px;
	font-weight: 700
	}

input, select { font-size: 11px;  border: 1px solid silver }
textarea      { font-size: 11px;  border: 1px solid silver }
button        { font-size: 11px;  margin: 0 }

input.disabled { background-color: #F0F0F0 }
input.readonly, input.readonly:focus {background: #ECE9D8; color:#ACA899}
input.button  { cursor: pointer }
input.radio, input.checkbox  { border: none; position:relative; top:.16em }
input[type=checkbox] { border: none }
input:focus,
select:focus,
textarea:focus { background-color: #ffd }

input.pickDate { width: 76px; background: #fff url('../images/calendar/date.png') no-repeat 2px center; padding-left: 20px }

/***************/
.pagination { line-height: 20px; margin: 0 0 1.5em 0; text-align: center; font-family: Verdana, sans-serif; font-size: 0.85em; background: none; border: none }
.paginationOff { padding: 2px 4px; border: 1px solid #999; color: #999 }
.pagination a { text-decoration: none; padding: 2px 4px; border: 1px solid #0B55C4; font-family: Verdana, sans-serif }
.pagination a:hover { border: 1px solid #0B55C4; color: #fff; background: #408af7 }
.currentPage { font-weight: 700; padding: 2px 4px; border: 1px solid #0B55C4; background: #0B55C4; color: #fff }
/***************/
#logoDesktop {width: 550px; height: 48px; float: right; background-image: url('../images/logoDesktop.png'); background-repeat: no-repeat; background-position: center center }
/**************/
#adminTitre {
	font-size: 22px;
	font-weight: bold;
	color: #0b55c4;
	line-height: 48px;
	height: 48px;
	padding-left: 55px;
	overflow: hidden
	}
#adminTitre small { font-size: 16px }

.titreLooknfeel { background: url('../images/icon/icon-48-looknfeel.png') no-repeat left center }
.gestionMenus { background: url('../images/icon/icon-48-menu.png') no-repeat left center }
.gestionPages { background: url('../images/icon/icon-48-pages.png') no-repeat left center }
/*.pageAdd { background: url('../images/icon/icon-48-pageAdd.png') no-repeat left center }
.pageEdit { background: url('../images/icon/icon-48-pageEdit.png') no-repeat left center }*/
.titreGalerie { background: url('../images/icon/icon-48-galerie.png') no-repeat left center }
.titreRessources { background: url('../images/icon/icon-48-folder.png') no-repeat left center }
.titreActu { background: url('../images/icon/icon-48-actu.png') no-repeat left center }
.titreHomePage { background: url('../images/icon/icon-48-pageHome.png') no-repeat left center }
.titrePagePlan { background: url('../images/icon/icon-48-pagePlan.png') no-repeat left center }
.titrePageMentions { background: url('../images/icon/icon-48-pageMentions.png') no-repeat left center }
.titrePageContact { background: url('../images/icon/icon-48-pageContact.png') no-repeat left center }
.titreModules { background: url('../images/icon/icon-48-modules.png') no-repeat left center }
.titreCpanel { background: url('../images/icon/icon-48-admin.png') no-repeat left center }
.titreAnnonces { background: url('../images/icon/icon-48-annonces.png') no-repeat left center }
.titrePiedPage { background: url('../images/icon/icon-48-piedPage.png') no-repeat left center }
.titreIziBox { background: url('../images/icon/icon-48-izibox.png') no-repeat left center }
.titreMaintenancePage { background: url('../images/icon/icon-48-maintenance.png') no-repeat left center }
.titreProfil { background: url('../images/icon/icon-48-profil.png') no-repeat left center }
.titrePage404 { background: url('../images/icon/icon-48-404.png') no-repeat left center }
.titrePassword { background: url('../images/icon/icon-48-cadenas.png') no-repeat left center }
.titreAjoutSite { background: url('../images/icon/icon-48-ajoutSite.png') no-repeat left center }
.titreSupSite { background: url('../images/icon/icon-48-supSite.png') no-repeat left center }
.titreAdminSite { background: url('../images/icon/icon-48-adminSite.png') no-repeat left center }
.titreAgenda { background: url('../images/icon/icon-48-calendar.png') no-repeat left center }
.titreSitemap { background: url('../images/icon/icon-48-sitemap.png') no-repeat left center }
.titreWizard { background: url('../images/icon/icon-48-wizard.png') no-repeat left center }
.titreWizardTemplate { background: url('../images/icon/icon-48-icons.png') no-repeat left center }
.titreWizardColors { background: url('../images/icon/icon-48-paint.png') no-repeat left center }
.titreGuestBook { background: url('../images/icon/icon-48-guestBook.png') no-repeat left center }
.titreCollaborateurs { background: url('../images/icon/icon-48-collaborateurs.png') no-repeat left center }
.titreForms { background: url('../images/icon/icon-48-forms.png') no-repeat left center }

#toolBar {
	margin: 0;
	padding: 4px;
	background: #FBFBFB;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	height: 54px;
	}

.navbarOptions {
	background: url('../images/bg_navbarOptions.gif') no-repeat;
	margin: 0 0 10px 0;
	padding: 4px;
	border-top: 0;
	height: 20px;
	}

.navbarOptions ul, .navTab ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
.navbarOptions ul li{
	margin: 0;
	padding: 0;
	position: relative;
	display: inline;
	float: left;
	}
	
.navbarOptions a{
	display: inline;
	float: left;
	padding: 0 10px 0 10px;
	line-height: 16px; height: 16px;
	text-decoration: none;
	border-left: 1px solid #CDCDDC
	}

.navbarOptions ul li a:hover{
	text-decoration: none;
	}

.navTab {
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	background: #fbfbfb;
	padding: 4px 0
}
.navTab ul li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}
.navTab ul li a {
	display: inline;
	padding: 2px 10px 0 10px;
	text-decoration: none;
}

#toolsPanel {
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	color: #333333;
        background: #fff;
        border: 1px solid #ccc;
        padding: 0 10px;
}

#toolsPanelForm .toolsPanelMenu { background: #f7f7f7; height: 20px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 11px; font-family: Arial,Helvetica,sans-serif;}
#toolsPanelForm .toolsPanelMenu ul { padding: 0; margin: 0 }
#toolsPanelForm .toolsPanelMenu ul li{
	margin: 0;
	padding: 0;
	position: relative;
	display: inline;
	float: left;
	line-height: 20px;
	}
	
#toolsPanelForm .toolsPanelMenu a{
	display: inline;
	padding: 0 10px;
	text-decoration: none;
	border-left: 1px solid #CDCDDC;
	color: #0B55C4;
	}

#toolsPanelForm .toolsPanelMenu ul li a:hover{
	text-decoration: none;
	color: #0B55C4;
	}


#toolsPanelForm .toolsPanelMenu2 ul { margin: 10px 5px; padding: 0; list-style:none }
#toolsPanelForm .toolsPanelMenu2 ul li{
	margin: 0;
	padding: 0;
	line-height: 20px;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;	
	}
	
#toolsPanelForm .toolsPanelMenu2 a{
	padding: 0 10px;
	text-decoration: none;
	color: #0B55C4;
	}

#toolsPanelForm .toolsPanelMenu2 ul li a:hover{
	text-decoration: none;
	color: #0B55C4;
	}


/*#toolsPanel .navbarOptions { background: #F5F5F5; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px }
#toolsPanel .navbarOptions a, #toolsPanel .navbarOptions a:hover { text-decoration: none; color: #0B55C4 }*/

/***********************************/
#tools { float: right; border: 0 }
#tools td { text-align: center; padding: 0;}

#tools a {
	display: block;
	float: left;
	white-space: nowrap;
	padding: 1px 5px;
	margin-right: 5px;
	border: 1px solid #FBFBFB;
	text-decoration: none;
	}
	
#tools a:hover {
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #EEEEEE;
	}

#tools a span.icon-32 {
	float: none;
	display: block;
	width: 32px;
	height: 32px;
	margin: auto;
	cursor: pointer;
	}

#tools a span.icon-32.save { background: url('../images/icon/icon-32-filesave.png') no-repeat }
#tools a span.icon-32.help { background: url('../images/icon/icon-32-help.png') no-repeat }
#tools a span.icon-32.cancel { background: url('../images/icon/icon-32-cancel.png') no-repeat }	
#tools a span.icon-32.add { background: url('../images/icon/icon-32-add.png') no-repeat }
#tools a span.icon-32.edit { background: url('../images/icon/icon-32-edit.png') no-repeat }
#tools a span.icon-32.download { background: url('../images/icon/icon-32-download.png') no-repeat }
#tools a span.icon-32.online { background: url('../images/icon/icon-32-online.png') no-repeat }
#tools a span.icon-32.offline { background: url('../images/icon/icon-32-offline.png') no-repeat }
#tools a span.icon-32.refresh { background: url('../images/icon/icon-32-refresh.png') no-repeat }
#tools a span.icon-32.addFolder { background: url('../images/icon/icon-32-addFolder.png') no-repeat }
#tools a span.icon-32.fileImport { background: url('../images/icon/icon-32-fileImport.png') no-repeat }
#tools a span.icon-32.globe { background: url('../images/icon/icon-32-globe.png') no-repeat }
#tools a span.icon-32.insertObject { background: url('../images/icon/icon-32-object.png') no-repeat }
#tools a span.icon-32.wizard { background: url('../images/icon/icon-32-wizard.png') no-repeat }
#tools a span.icon-32.looknfeel { background: url('../images/icon/icon-32-looknfeel.png') no-repeat }
#tools a span.icon-32.collaborateurs { background: url('../images/icon/icon-32-collaborateurs.png') no-repeat }

.cpanel { background: #F9F9F9; border: 1px solid #D5D5D5; float: left; width: 424px; margin-top: 10px; padding: 2px }
.cpanel .icon a { 
	display: block;
	float: left;
	margin: 2px;
	padding: 0 2px;
	width: 96px;
	height: 96px;
	border: 1px solid #f0f0f0;
	text-decoration: none;
	color: #666666;
	vertical-align: middle;
	text-align: center;
	}
.cpanel .icon a:hover { 
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #EEEEEE;
	color: #0B55C4;
	}

.cpanel .icon a img, .cpanel .iconOff a img {  float: none; margin: 10px 0 }
.cpanel .icon a span, .cpanel .iconOff a span { display: block; text-align: center }

.cpanel .iconOff a { 
	display: block;
	float: left;
	margin: 2px;
	padding: 0 2px;
	width: 96px;
	height: 96px;
	border: 1px solid #f0f0f0;
	text-decoration: none;
	color: #ccc;
	vertical-align: middle;
	text-align: center;
	}

.cpanel .hr {  clear: left; height: 20px; background: transparent url('../images/cpanelHr.gif') no-repeat center top }
.cpanel .hr hr { display: none }

#accordion { float: left; width: 550px; margin-left: 20px; margin-top: 10px }
#accordion h1 { margin-top: 0; width: 550px; height: 50px; background: url('../images/logoDesktop.jpg') no-repeat center }
#accordion h1 span { display: none }

.accordion_toggle {
	display: block;
	line-height: 25px;
	height: 25px;
	width: 548px;
	background: #F9F9F9 url('../images/accordionPlus.gif') no-repeat left center;
	color: #0B55C4;
	font-weight: bold;
	text-indent: 25px;
	border: 1px solid #d5d5d5;
	cursor: pointer;
	margin-top: 1px;
}

.accordion_toggle_active {
	background: #0B55C4 url('../images/accordionMoins.gif') no-repeat left center;
	color: #ffffff;
	border: 1px solid #0B55C4;
	margin-top: 1px;
}

.accordion_content {
	overflow: hidden;
	width: 528px;
	padding: 0 10px;
	background: #fbfbfb;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

.astuce { margin: 10px 50px 10px 10px; padding: 5px 10px; border: 1px dashed #3366FF; background: #ffffff }

.savePosition a { 
	display: block;
	line-height: 32px;
	height: 32px;
	background: #FBFBFB url('../images/icon/icon-32-filesave.png') no-repeat 4px 4px;
	text-indent: 36px;
	text-decoration: none;
	font-size: 18px;
	padding: 2px 4px;
	margin: 4px 0;
	border: 1px solid #FFFFFF;
	}
.savePosition a:hover {
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #eee;
	}
	
.hrParameters {width:100%; height: 0; border-bottom: 1px solid #fbfbfb; border-top: 1px solid #cdcdcd; margin: 10px 0}
.hrParameters hr {display: none}	
.titleParameters { color: #636363; font-size: 16px }
.lineParameters { padding: 5px 10px; background: #ededed; border: 1px solid #cdcdcd; border-top-color: #fbfbfb; border-left-color: #fbfbfb; min-height: 20px }
.lineParameters p { margin: 0 0 5px 0 }
.lineParameters .quiet {color:#a6a6a6}
.lineParameters .pagination {margin-bottom: 0}
.lineParameters h6 {
	color: #0B55C4;
	font-size: 12px;
	font-weight: 700
}
.lineParameters h6 .quiet {font-weight: normal}
.bgParameters {
padding: 4px 10px; background: #f7f7f7; border: 1px solid #cdcdcd; border-top-color: #fbfbfb; border-left-color: #fbfbfb
}

.lineParameters label {float: left; width: 120px; margin: 2px 5px 0 0; text-align: right; font-size: 12px; text-transform: inherit; color: #333; padding: inherit }
.lineParameters label.lblFor {float: none; font-size: inherit; width: inherit; margin: 0 }
 
.navParameters { min-height: 18px; margin-top: 10px }
.navParameters ul {
	margin: 0;
	padding: 0;
	list-style-type: none
	}
	
.navParameters ul li{
	margin: 0;
	padding: 0;
	position: relative;
	display: inline;
	float: left
	}
	
.navParameters a{
	display: inline;
	line-height: 26px;
	padding: 0 10px;
	text-decoration: none;
	border: 1px solid transparent; border-bottom: none;
	cursor: pointer
	}

.navParameters ul li a:hover, .navParameters ul li a.navParametersSelect {
	text-decoration: none;
	background: #ededed; border: 1px solid #cdcdcd; border-top-color: #fbfbfb; border-left-color: #fbfbfb; border-bottom: none
	}

.lineParameters.navParameters ul li a:hover, .lineParameters.navParameters ul li a.navParametersSelect { background: #f7f7f7; border-left-color: #cdcdcd; border-right-color: #fbfbfb; border-bottom: 1px solid #fbfbfb}
.lineParameters.navParameters ul li a.navParametersSelect {color: #333; font-weight: 700; cursor: default }
.lineParameters.navParameters ul li.disabled a, .lineParameters.navParameters ul li.disabled a:hover {color: #999; cursor: default; background: none; border: none }

.navParameters ul li#li_navWindowBox1 a { padding: 6px 10px 6px 36px; background: url('../images/icon/icon-22-edit.png') no-repeat 10px center }
.navParameters ul li#li_navWindowBox1 a:hover, .navParameters ul li#li_navWindowBox1 a.navParametersSelect { background: #f7f7f7 url('../images/icon/icon-22-edit.png') no-repeat 10px center}

.navParameters ul li#li_navWindowBox2 a { padding: 6px 10px 6px 36px; background: url('../images/icon/icon-22-looknfeel.png') no-repeat 10px center }
.navParameters ul li#li_navWindowBox2 a:hover, .navParameters ul li#li_navWindowBox2 a.navParametersSelect { background: #f7f7f7 url('../images/icon/icon-22-looknfeel.png') no-repeat 10px center}

.navParameters ul li#li_navWindowBox2.disabled a { padding: 6px 10px 6px 36px; background: url('../images/icon/icon-22-looknfeelDisa.png') no-repeat 10px center }
.navParameters ul li#li_navWindowBox2.disabled a:hover, .navParameters ul li#li_navWindowBox2.disabled a.navParametersSelect { background: url('../images/icon/icon-22-looknfeelDisa.png') no-repeat 10px center}

.navParameters ul li#li_navWindowBox4 a { padding: 6px 10px 6px 36px; background: url('../images/icon/icon-22-blocTitle.png') no-repeat 10px center }
.navParameters ul li#li_navWindowBox4 a:hover, .navParameters ul li#li_navWindowBox4 a.navParametersSelect { background: #f7f7f7 url('../images/icon/icon-22-blocTitle.png') no-repeat 10px center}

.navParameters ul li#li_navWindowBox5 a { padding: 6px 10px 6px 36px; background: url('../images/icon/icon-22-blocTitle.png') no-repeat 10px center }
.navParameters ul li#li_navWindowBox5 a:hover, .navParameters ul li#li_navWindowBox5 a.navParametersSelect { background: #f7f7f7 url('../images/icon/icon-22-blocTitle.png') no-repeat 10px center}

.navParameters ul li#li_navWindowBox6 a { padding: 6px 10px 6px 36px; background: url('../images/icon/icon-22-looknfeel.png') no-repeat 10px center }
.navParameters ul li#li_navWindowBox6 a:hover, .navParameters ul li#li_navWindowBox6 a.navParametersSelect { background: #f7f7f7 url('../images/icon/icon-22-looknfeel.png') no-repeat 10px center}

.navParameters ul li#li_navWindowBox6.disabled a { padding: 6px 10px 6px 36px; background: url('../images/icon/icon-22-looknfeelDisa.png') no-repeat 10px center }
.navParameters ul li#li_navWindowBox6.disabled a:hover, .navParameters ul li#li_navWindowBox6.disabled a.navParametersSelect { background: url('../images/icon/icon-22-looknfeelDisa.png') no-repeat 10px center}

.navParameters ul li#li_navImg1 a { padding: 6px 10px 6px 36px; background: url('../images/icon/icon-22-thumbnail.png') no-repeat 10px center }
.navParameters ul li#li_navImg1 a:hover, .navParameters ul li#li_navImg1 a.navParametersSelect { background: #f7f7f7 url('../images/icon/icon-22-thumbnail.png') no-repeat 10px center}
.navParameters ul li#li_navImg2 a { padding: 6px 10px 6px 36px; background: url('../images/icon/icon-22-doc.png') no-repeat 10px center }
.navParameters ul li#li_navImg2 a:hover, .navParameters ul li#li_navImg2 a.navParametersSelect { background: #f7f7f7 url('../images/icon/icon-22-doc.png') no-repeat 10px center}

.treeParameters { padding: 5px 10px; background: #fff; border: 1px solid #fbfbfb; border-top-color: #cdcdcd; border-left-color: #cdcdcd }

.banBtnStep { background: url('../images/bg_fbfbfb85pct.png'); border-top: 1px solid #cdcdcd; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 50000; margin: 0 }

.btn-startHelper button { width: 220px; height: 60px; background: url('../images/btn-startHelper.png') no-repeat 0 0; border: none; cursor: pointer; margin: 20px auto 10px auto }
.btn-startHelper button:hover { background: url('../images/btn-startHelper.png') no-repeat 0 -60px }
.btn-startHelper button:active { background: url('../images/btn-startHelper.png') no-repeat 0 -120px }

.previousStep { float: left; width: 150px; height: 40px; background: url('../images/btn-previousStep.png') no-repeat 0 0; border: none; cursor: pointer }
.previousStep:hover { background: url('../images/btn-previousStep.png') no-repeat 0 -40px }
.previousStep:active { background: url('../images/btn-previousStep.png') no-repeat 0 -80px }

.nextStep { float: right; margin-bottom: 20px; width: 150px; height: 40px; background: url('../images/btn-nextStep.png') no-repeat 0 0; border: none; cursor: pointer  }
.nextStep:hover { background: url('../images/btn-nextStep.png') no-repeat 0 -40px }
.nextStep:active { background: url('../images/btn-nextStep.png') no-repeat 0 -80px }

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

.btn-putOnline2 { float: right; margin-bottom: 20px; width: 210px; height: 60px; background: url('../images/btn-putOnline2.png') no-repeat 0 0  }
.btn-putOnline2:hover { background: url('../images/btn-putOnline2.png') no-repeat 0 -60px }
.btn-putOnline2:active { background: url('../images/btn-putOnline2.png') no-repeat 0 -120px }

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

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

.btn-saveLogo { width: 116px; height: 26px; background: url('../images/btn-saveLogo.png') no-repeat 0 0; border: none; cursor: pointer }
.btn-saveLogo:hover { background: url('../images/btn-saveLogo.png') no-repeat 0 -26px }
.btn-saveLogo:active { background: url('../images/btn-saveLogo.png') no-repeat 0 -52px }

.btn-loadBan { position: absolute; margin-left: 400px; margin-top: 5px; width: 140px; height: 26px; background: url('../images/btn-loadBan.png') no-repeat 0 0; border: none; cursor: pointer }
.btn-loadBan:hover { background: url('../images/btn-loadBan.png') no-repeat 0 -26px }
.btn-loadBan:active { background: url('../images/btn-loadBan.png') no-repeat 0 -52px }

.btn-startHelper button span, .previousStep span, .nextStep span, .btn-putOnline span, .btn-seeSite span, .btn-saveLogo span, .btn-loadBan span, .btn-putOnline2 span, .btn-putOffline span { display:none }

.btn-toggle {
	width: 58px;
	height: 38px
}
.btn-toggle.toggle-off { background: url('../images/on_off_switches.png') no-repeat 0 0 }
.btn-toggle.toggle-on { background: url('../images/on_off_switches.png') no-repeat 0 -38px }

#loadingStep {float: right; visibility: hidden; margin-right: 75px}
.loadingStep {float: right; visibility: hidden; margin-right: 75px}

ul.select_izibox_item {	
	margin:0px;
	padding:2px
	}
ul.select_izibox_item li {
	padding: 2px 2px 1px 2px;
	height: 20px;
	background: #FBFBFB;
	border: 1px solid #CDCDCD;
	margin: 2px;
	list-style-type:none;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	color: #333
}

ul.select_izibox_item li input {vertical-align: middle; border: 0; cursor: default}
ul.select_izibox_item li span.handleSelectIzibox { position: absolute; right: 0; top: 0; display: none; width: 16px; height: 16px; border-width: 4px 5px 3px 5px; border-style: solid; border-color: #ededed; background: #ededed url('../images/icon/btn/btn-16-move.png') no-repeat 0 0; cursor: move }
ul.select_izibox_item li span.handleSelectIzibox:hover {background: #ededed url('../images/icon/btn/btn-16-move.png') no-repeat 0 -16px}

div#visuBody .btn-supCol {margin: -10px 0 0 -5px; text-align: center; width: 188px; padding: 2px 0; background: #ededed; border: 1px solid #fbfbfb; border-right-color: #cdcdcd; border-bottom-color: #cdcdcd;}
div#visuBody .btn-supCol a, .btn-supCol a:hover { color: #0B55C4; font-size: 11px; font-family: Arial,Helvetica,sans-serif }
div#visuBody .btn-supCol a { text-decoration: none }
div#visuBody .btn-supCol a:hover { text-decoration: underline }

/** style à supprimer après avoir mis en service page_new, à tester ailleurs **/
#colAdminWidgetL { margin-right: 10px; width: 185px; -moz-user-select:none; border: 1px solid #CDCDCD; background: #fff }
#colAdminWidgetR { width: 185px; -moz-user-select:none; border: 1px solid #CDCDCD; background: #fff }

#dhtmlgoodies_dragDropContainer ul{	/* General rules for all <ul> */
	margin:0px;
	padding:2px;
	}

#dhtmlgoodies_dragDropContainer li,#dragContent li,li#indicateDestination{	/* Movable items, i.e. <LI> */
	padding: 2px 2px 1px 2px;
	height: 20px;
	background: #FBFBFB;
	border: 1px solid #CDCDCD;
	margin: 2px;
	list-style-type:none;
	cursor:move;
	}
#dhtmlgoodies_dragDropContainer li input,#dragContent li input { vertical-align: middle; border: 0; cursor: default }

li#indicateDestination{	/* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
	border: 1px dashed #0B55C4;	
	background-color:#FFF;
	height: 26px;
	}
	

#dhtmlgoodies_dragDropContainer .mouseover{	/* Mouse over effect DIV box in right column */
	background-color: #EFF3F8;
	border: 1px solid #0B55C4;
	}

/* Start main container CSS */

div#dhtmlgoodies_mainContainer{	/* Right column DIV */
	}
#dhtmlgoodies_mainContainer div{	/* Parent <div> of small boxes */
	float:left;	
	}
#dhtmlgoodies_mainContainer div ul{
	
	}

#dhtmlgoodies_mainContainer div p.headingSmallBoxes{	/* Heading above small boxes */
	margin:0px;
	padding:2px 0px;
	text-align: center;
	font-weight:bold;
	background-color:#0B55C4;	
	color:#FBFBFB;	
	margin-bottom:5px;
	}

#dhtmlgoodies_mainContainer ul{	/* Small box in right column ,i.e <ul> */
	border:0px;	
	margin-bottom:0px;
	overflow:hidden;
	}

#dragContent{	/* Drag container */
	position:absolute;
	display:none;
	margin:0px;
	padding:0px;
	z-index:2000;
	}

#dragDropIndicator{	/* DIV for the small arrow */
	position:absolute;
	width:7px;
	height:10px;
	display:none;
	z-index:1000;
	margin:0px;
	padding:0px;
	}
div#dhtmlgoodies_listOfItems{
	display:none;
	}
/** fin style à supprimer après avoir mis en service page_new, à tester ailleurs **/

/****** Windows Boxes *******/

#boxModifText1, #boxModifText2 {
	display: none;
	width: 310px;
	padding: 5px 10px;
	position: absolute;
	top: 250px;
	left: 280px;
	background: #FBFBFB;
	border: 1px solid #CDCDCD;
	}

.windowBox {
        position: absolute;
        z-index: 9000;
		max-width: 980px;
        border-collapse:separate; border-spacing:0;
		filter:alpha(opacity=98);	/* Transparency */
		opacity:0.98;	/* Transparency */
		-moz-opacity:0.98;
	    }
.windowBox tr td { padding: 0 }
.windowBox tr td.windowBoxContent { padding: 10px 1px 1px 1px }  
.windowBox tr td.windowBoxContent .lineParameters.navParameters {margin-top: 0}  
.windowBoxTitle {
        color: #EDEDED;
        text-shadow: #1165BF 1px 1px 0;
        font-family: verdana, sans serif;
        font-size: 12px; 
        cursor: move;
        }
.windowBoxTitleLeft, .windowBoxTitleRight {
        width: 20px;
        height: 42px
        }
.windowBoxTitleLeft {
        background: url('../images/window/titleLeft.png') no-repeat 0 0
        }
.windowBoxTitleRight {
        background: url('../images/window/titleRight.png') no-repeat 0 0
        }
.windowBoxTitleContent {
        height: 42px;
        background: url('../images/window/titleBg.png') repeat-x 0 0
        }
.windowBoxTitleContent span { margin-top: 5px }
.windowBoxContentLeft, .windowBoxContentRight {
        width: 20px
}
.windowBoxContentLeft {
        background: url('../images/window/leftBg.png') repeat-y 0 0
        }
.windowBoxContent {        
        background: url('../images/window/bg.png') 0 0
        }        
.windowBoxContentRight {
        background: url('../images/window/rightBg.png') repeat-y 0 0
        }
.windowBoxBottomLeft, .windowBoxBottomRight {
        width: 20px;
        height: 20px;
        }
.windowBoxBottomLeft {
        background: url('../images/window/bottomLeft.png') no-repeat 0 0
}
.windowBoxBottomRight {
        background: url('../images/window/bottomRight.png') no-repeat 0 0
}
.windowBoxBottom {
        height: 20px;
        background: url('../images/window/bottomBg.png') repeat-x 0 0
}
.windowBoxBtnClose a { 
        float: right;
        height: 16px;
        width: 16px;
        margin-top: 5px;
        text-decoration: none;
        background: url('../images/window/btn-close.png')  no-repeat 0 0
}
.windowBoxBtnClose a b { display: none }
.windowBoxBtnClose a:hover {
        background: url('../images/window/btn-close.png')  no-repeat 0 -16px
} 

#boxStyleNavbar table td {padding: 4px 0 }
/********** Tree ***********/
.mesDocuments {
	color: #0B55C4;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	margin: 0;
	padding-left: 24px;
	background: url('../images/network_local.png') no-repeat;
	}

ul.tree { list-style-type: none; margin: 5px 0 5px 16px; padding: 0 }
ul.tree li { padding-left: 18px; background: url('../images/icon/icon-16-folder.png') no-repeat }
ul.tree li.folderOpen { background: url('../images/icon/icon-16-folderOpen.png') no-repeat }
ul.tree li a { text-decoration: none; padding: 0 2px; white-space: nowrap }
ul.tree li a.folderSelect { color: #FFFFFF; background: #0B55C4 }

.treeView { float:left; text-align:center; width: 98px; height: 142px; margin: 12px; overflow: hidden }
#afficheBannieres .treeView { height: 120px }
.treeView_48 { float:left; text-align:center; width: 50px; height: 94px; margin: 5px 12px; overflow: hidden }
table.treeView tr td, table.treeView_48 tr td { padding: 0 }
.treeViewFolder { display: block; width: 96px; height: 96px; margin: auto; background: url('../images/icon/icon-96-folder.png') no-repeat; border: 1px solid transparent; cursor: pointer }
.treeViewFolder_48 { display: block; width: 48px; height: 48px; margin: auto; background: url('../images/icon/icon-48-folder.png') no-repeat; border: 1px solid transparent; cursor: pointer }
.treeViewGalerie_48 { display: block; width: 48px; height: 48px; margin: auto; background: url('../images/icon/icon-48-galerie.png') no-repeat; border: 1px solid transparent; cursor: pointer }
.treeViewGalerie_96 { display: block; width: 96px; height: 96px; margin: auto; background: url('../images/icon/icon-96-galerie.png') no-repeat; border: 1px solid transparent; cursor: pointer }
.treeViewFolder:hover, .treeViewFolder_48:hover, .treeViewGalerie_48:hover, .treeViewGalerie_96:hover {  border: 1px solid #0B55C4 }
.treeViewIcon { width: 96px; height: 96px; margin: auto; border: 1px solid #E7E7E7; text-align: center; line-height: 96px;}
.treeViewIcon_48 { width: 48px; height: 48px; margin: auto; border: 1px solid #E7E7E7; text-align: center; line-height: 48px;}
.treeView_48 a {color: #333; text-decoration: none}

.iconSelected { border: 1px solid #0B55C4 }

.treeViewNavbar { background: #f7f7f7; padding: 2px 5px; border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; min-height: 20px }
.treeViewNavbar a {display:block; height: 24px; line-height: 24px; float: left; padding: 0 2px 0 28px; margin-right: 5px; border: 1px solid #FBFBFB; text-decoration: none }
.treeViewNavbar a:hover {
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #eee;
	}
.treeViewNavbar span.icon-22.back a { background: url('../images/icon/icon-22-back.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.next a { background: url('../images/icon/icon-22-next.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.addFolder a { background: url('../images/icon/icon-22-addFolder.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.fileImport a { background: url('../images/icon/icon-22-fileImport.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.add a { background: url('../images/icon/icon-22-add.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.online a { background: url('../images/icon/icon-22-online.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.offline a { background: url('../images/icon/icon-22-offline.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.deleteSub a { background: url('../images/icon/icon-22-deleteSub.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.save a { background: url('../images/icon/icon-22-filesave.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.codeGalerie a { background: url('../images/icon/icon-22-iZiGalerie.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.apply a { background: url('../images/icon/icon-22-apply.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.looknfeel a { background: url('../images/icon/icon-22-looknfeel.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.view_icon a { background: url('../images/icon/icon-22-view_icon.png') no-repeat 2px center }
.treeViewNavbar span.icon-22.doc a { background: url('../images/icon/icon-22-doc.png') no-repeat 2px center }

.treeViewNavbar span.icon-22.looknfeelDisa a, .treeViewNavbar span.icon-22.looknfeelDisa a:hover {  background: url('../images/icon/icon-22-looknfeelDisa.png') no-repeat 2px center; color: #999; border: none; cursor: default }

.treeViewNavbar span.icon-22.save_off { color: #bbb; height: 24px; line-height: 24px; float: left; padding: 0 2px 0 28px; margin-right: 5px; border: 1px solid #f7f7f7; background: url('../images/icon/icon-22-filesave-off.png') no-repeat 2px center }

/**************************************/
/*h4 {
	font-size: 14px;
	background-color: #635F59;
	color: #ffffff;
	text-align: center;
	margin: 0 0 10px 0;
	}*/
	
.bigColorSquare {
	width: 16px;
	height: 16px;
	border: 1px solid #000000;
	cursor: pointer;
	}
	
/*** STYLE DU SLIDER ***/
.lblSlider {float: left; width: 70px; margin: 2px 5px 0 0; text-align: right }

.sliderTarget { 
        height:3px;
        border-top:1px solid #9d9c99;
        border-left:1px solid #9d9c99;
        border-bottom:1px solid #eee;
        border-right:1px solid #eee; background-color:#f0ede0;
        }

.sliderTargetV { 
        height:50px;
		width: 3px;
        border-top:1px solid #9d9c99;
        border-left:1px solid #9d9c99;
        border-bottom:1px solid #eee;
        border-right:1px solid #eee; background-color:#f0ede0;
        }
     
.handle {
        height: 12px;
        background: url('../images/slider_handle.gif') no-repeat left center;
        top: -6px;
        position: relative;
        } 
        
.form_widget_amount_slider{
	border-top:1px solid #9d9c99;
	border-left:1px solid #9d9c99;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	background-color:#f0ede0;
	height:3px;
	position:absolute;
	bottom:0px;
	}

.onglet { 
	display: block;
	float: left;
	padding: 0 10px;
	text-decoration: none;
	height: 30px;
	background: url('http://web-petitesannonces.fr/mini-site/images/menu/menu.png') repeat-x;
	}
	
.onglet input {
	margin-top: 5px;
	border: 1px solid #999;
	text-align: center;
	font-size: 13px;
	}

/*.inputText { font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 2px }*/

/* tableau */
table tr td { padding: 2px }
table.tabAdmin { margin: 0}
table.tabAdmin td {border-bottom: 1px solid #e7e7e7; border-top: 1px solid #fff; height: 30px; background: #f7f7f7; padding: 0 10px }
.interligne td { border-bottom: 1px solid #e7e7e7; height: 30px }
.topligne td { border-top: 1px solid #e7e7e7 }
.titreTr td, .titreTr th { border-top: 1px solid #f7f7f7; border-right: 1px solid #e7e7e7; border-left: 1px solid #ffffff; background: #fbfbfb; height: 20px; line-height: 20px; padding: 0 4px }
.table tr td { padding: 0 }
/* table styles */
th { white-space:no-wrap; border-top: 1px solid #f7f7f7; border-right: 1px solid #e7e7e7; border-left: 1px solid #ffffff; background: #fbfbfb; height: 20px; line-height: 20px; padding: 0 4px }
thead th { border-bottom: 2px solid #e7e7e7 }
.odd td { background:#f9f9f9; border-bottom: 1px solid #e7e7e7; height: 30px }
.even td { border-bottom: 1px solid #e7e7e7; height: 30px }
.hover td {background:#ffd;}
.sortedminus { color:#0B55C4; background: #f7f7f7 url('../images/bullet_arrow_down.png') no-repeat right center;}
.sortedplus { color:#0B55C4; background: #f7f7f7 url('../images/bullet_arrow_up.png') no-repeat right center }
.selrow td { background: #ffd }

tfoot td { border-top: 2px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; height: 30px }

table.tabOptionDesign tr.interligne td { padding: 12px 6px; border-bottom-color: #bfbfbf }

div#adminConteneur {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 500px 0;
	}

.modifOk { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 0; text-align: center; color: #55BB11; font-weight: bold; padding: 3px 0; border: 1px dashed #55BB11; background: #fff}

.photothequeGalerie { margin-top: 10px; padding: 15px 5px; background: #FFFEF9; border: 1px solid #635F59 }

.positionOnglets { text-align:center; border: 1px solid #CDCDCD; padding: 10px; background: #FBFBFB; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }

.positionOnglets input {
	text-align: center;
	font-size: 11px;
	background: none;
	padding: 0
	}
.positionOngletsPicto img:hover { cursor: pointer }

.positionOngletsHandle { display: block; height: 22px; width: 17px; position: absolute; right: -3px; top: 15px; background: url('../images/positionOngletsHandle.png') no-repeat; cursor: move }

.btnSupOnglet { position: absolute; right: -1px; top: -1px; font-size: 14px; line-height: 14px; height: 14px; text-decoration: none; color: #fff; background: #999; padding: 0 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.btnSupOnglet:hover {background: #c30; color: #fff }

.btnCopyOnglet { position: absolute; left: -1px; top: -1px; font-size: 14px; line-height: 14px; height: 14px; text-decoration: none; color: #fff; background: #999; padding: 0 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.btnCopyOnglet:hover {background: #093; color: #fff }

.btnViewOnglet { position: absolute; left: -1px; bottom: -1px; font-size: 14px; line-height: 14px; height: 14px; width: 14px; text-decoration: none; color: #fff; background: #999 url('../images/icon8Magnifier.png') no-repeat center center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.btnViewOnglet:hover {background: #039 url('../images/icon8Magnifier.png') no-repeat center center }

#login {
width: 453px;
margin: 50px auto 0 auto;
}

#loginTitle {
line-height: 59px;
margin: 0;
font-family: 'Franklin Gothic Medium', Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: normal;
color: #0B55C4;
text-indent: 75px;
background: #EFF3F8 url('../images/icon/icon-48-password.png') no-repeat 10px center;
border: 1px solid #CDCDCD;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

#login Form {
padding: 10px;
border: 1px solid #CDCDCD;
border-top: none;
background: #FBFBFB;
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

/*#options_1 fieldset, #options_2 fieldset, #options_3 fieldset, #options_4 fieldset, #options_5 fieldset { margin-top: 0 }*/

/************************************************/
.spaceFormat { display: block; float: left; width: 0; height: 17px; margin: 4px 6px 0 6px; border-right: 1px solid #fbfbfb; border-left: 1px solid #cdcdcd}

.btnFormat a, .btnFormatOn a { 
	display: block;
	float: left;
	width: 26px;
	height: 25px;
	margin: 0 1px;
	}

.btnFormat.bold a { background: url('../images/icon/btn/icon-bold.gif') no-repeat 0 0 }
.btnFormat.italic a { background: url('../images/icon/btn/icon-italic.gif') no-repeat 0 0 }
.btnFormat.underline a { background: url('../images/icon/btn/icon-underline.gif') no-repeat 0 0 }
.btnFormat.bottom a { background: url('../images/icon/btn/icon-underline.gif') no-repeat 0 0 }
.btnFormat.alignLeft a { background: url('../images/icon/btn/icon-left.gif') no-repeat 0 0 }
.btnFormat.alignCenter a { background: url('../images/icon/btn/icon-center.gif') no-repeat 0 0 }
.btnFormat.alignRight a { background: url('../images/icon/btn/icon-right.gif') no-repeat 0 0 }
.btnFormat.lineThrough a { background: url('../images/icon/btn/icon-lineThrough.gif') no-repeat 0 0 }

.btnFormat.bold a:hover { background: url('../images/icon/btn/icon-bold.gif') no-repeat 0 -25px }
.btnFormat.italic a:hover { background: url('../images/icon/btn/icon-italic.gif') no-repeat 0 -25px }
.btnFormat.underline a:hover { background: url('../images/icon/btn/icon-underline.gif') no-repeat 0 -25px }
.btnFormat.bottom a:hover { background: url('../images/icon/btn/icon-underline.gif') no-repeat 0 -25px }
.btnFormat.alignLeft a:hover { background: url('../images/icon/btn/icon-left.gif') no-repeat 0 -25px }
.btnFormat.alignCenter a:hover { background: url('../images/icon/btn/icon-center.gif') no-repeat 0 -25px }
.btnFormat.alignNone a:hover { background: url('../images/icon/btn/icon-center.gif') no-repeat 0 -25px }
.btnFormat.alignRight a:hover { background: url('../images/icon/btn/icon-right.gif') no-repeat 0 -25px }
.btnFormat.lineThrough a:hover { background: url('../images/icon/btn/icon-lineThrough.gif') no-repeat 0 -25px }

.btnFormatOn.bold a { background: url('../images/icon/btn/icon-bold.gif') no-repeat 0 -50px }
.btnFormatOn.italic a { background: url('../images/icon/btn/icon-italic.gif') no-repeat 0 -50px }
.btnFormatOn.underline a { background: url('../images/icon/btn/icon-underline.gif') no-repeat 0 -50px }
.btnFormatOn.bottom a { background: url('../images/icon/btn/icon-underline.gif') no-repeat 0 -50px }
.btnFormatOn.alignLeft a { background: url('../images/icon/btn/icon-left.gif') no-repeat 0 -50px }
.btnFormatOn.alignCenter a { background: url('../images/icon/btn/icon-center.gif') no-repeat 0 -50px }
.btnFormatOn.alignRight a { background: url('../images/icon/btn/icon-right.gif') no-repeat 0 -50px }
.btnFormatOn.lineThrough a { background: url('../images/icon/btn/icon-lineThrough.gif') no-repeat 0 -50px }

/* Nouveaux boutons */
.btnFormat.align_left a { background: url('../images/icon/btn/icon-left.gif') no-repeat 0 0 }
.btnFormat.align_none a, .btnFormat.align_center a { background: url('../images/icon/btn/icon-center.gif') no-repeat 0 0 }
.btnFormat.align_right a { background: url('../images/icon/btn/icon-right.gif') no-repeat 0 0 }
.btnFormat.color a { background: url('../images/icon/btn/icon-color.gif') no-repeat 0 0 }
.btnFormat.bgColor a { background: url('../images/icon/btn/icon-bgColor.gif') no-repeat 0 0 }
.btnFormat.linkColor a { background: url('../images/icon/btn/icon-linkColor.gif') no-repeat 0 0 }
.btnFormat.border a { background: url('../images/icon/btn/icon-border.gif') no-repeat 0 0 }
.btnFormat.width a { background: url('../images/icon/btn/icon-width.gif') no-repeat 0 0 }

.btnFormat.align_left a:hover { background: url('../images/icon/btn/icon-left.gif') no-repeat 0 -25px }
.btnFormat.align_none a:hover, .btnFormat.align_center a:hover { background: url('../images/icon/btn/icon-center.gif') no-repeat 0 -25px }
.btnFormat.align_right a:hover { background: url('../images/icon/btn/icon-right.gif') no-repeat 0 -25px }
.btnFormat.color a:hover { background: url('../images/icon/btn/icon-color.gif') no-repeat 0 -25px }
.btnFormat.bgColor a:hover { background: url('../images/icon/btn/icon-bgColor.gif') no-repeat 0 -25px }
.btnFormat.linkColor a:hover { background: url('../images/icon/btn/icon-linkColor.gif') no-repeat 0 -25px }
.btnFormat.border a:hover { background: url('../images/icon/btn/icon-border.gif') no-repeat 0 -25px }
.btnFormat.width a:hover { background: url('../images/icon/btn/icon-width.gif') no-repeat 0 -25px }

.btnFormatOn.align_left a { background: url('../images/icon/btn/icon-left.gif') no-repeat 0 -50px }
.btnFormatOn.align_none a, .btnFormatOn.align_center a { background: url('../images/icon/btn/icon-center.gif') no-repeat 0 -50px }
.btnFormatOn.align_right a { background: url('../images/icon/btn/icon-right.gif') no-repeat 0 -50px }
.btnFormatOn.color a { background: url('../images/icon/btn/icon-color.gif') no-repeat 0 -50px }
.btnFormatOn.bgColor a { background: url('../images/icon/btn/icon-bgColor.gif') no-repeat 0 -50px }
.btnFormatOn.linkColor a { background: url('../images/icon/btn/icon-linkColor.gif') no-repeat 0 -50px }
.btnFormatOn.border a { background: url('../images/icon/btn/icon-border.gif') no-repeat 0 -50px }
.btnFormatOn.width a { background: url('../images/icon/btn/icon-width.gif') no-repeat 0 -50px }

/* fin */

#disabledBtnAlign {position: absolute; background: url('../images/bgDisabled.png'); height: 28px; width: 90px}
#disabledCursorMargin {position: absolute; background: url('../images/bgDisabled.png'); height: 34px; width: 250px; z-index: 2}
.sliderDisabled {position: absolute; background: url('../images/bgDisabled.png'); height: 17px; width: 250px; z-index: 2}

.btnBlocFormat a, .btnBlocFormatOn a { 
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin: 0 1px;
	border: 1px solid #cdcdcd; border-top-color: #fbfbfb; border-left-color: #fbfbfb;
	background-repeat: no-repeat;
	background-position: center center
	}
	
.btnBlocFormat a:hover, .btnBlocFormatOn a { background-color: #f7f7f7; border: 1px solid #fbfbfb; border-top-color: #cdcdcd; border-left-color: #cdcdcd }

.btnBlocFormat.align_left a, .btnBlocFormatOn.align_left a { background-image: url('../images/icon/icon-22-blocLeft.png') }
.btnBlocFormat.align_none a, .btnBlocFormatOn.align_none a { background-image: url('../images/icon/icon-22-blocCenter.png') }
.btnBlocFormat.align_right a, .btnBlocFormatOn.align_right a { background-image: url('../images/icon/icon-22-blocRight.png') }

/************** MENU ***********
********************************/
#adminHeader {
	margin-bottom: 10px;
	padding-left: 35px;
	padding-top: 3px;
	background: url('../images/logo-mini.png') no-repeat 5px center;
	}

#adminHeader .logout a {
	display: block;
	line-height: 32px;
	float: right;
	padding-right: 10px;
	padding-left: 20px;
	background: url('../images/icon/icon-16-logout.png') no-repeat left center;
	}

#adminHeader .miniWizard a {
	display: block;
	line-height: 32px;
	float: right;
	padding-right: 10px;
	padding-left: 20px;
	background: url('../images/icon/icon-16-wizard.png') no-repeat left center;
	}
	
	#adminHeader ul li ul{
		display:none;	/* Needed to display ok in Opera */
		margin: 0;
		padding: 0;
	}
		
	#adminHeader{
		visibility:hidden;	
	}
	#adminHeader ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		line-height: 22px;
	}
	#adminHeader li{
		list-style-type:none;	/* No bullets */
	}	
	#adminHeader a{
		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#adminHeader ul li ul{
		border:1px solid #cdcdcd;
		background-color:#FFF;
		padding:1px;
	}
		
	#adminHeader ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		/*border:1px solid #317082;*/
		overflow:visible;
	}
	#adminHeader ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #cdcdcd;
		background-color: #fff;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#adminHeader a{
		color: #0B55C4;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	}
	
	/*
	Main menu items 
	*/
	
	#adminHeader .currentDepth1{
		padding-right:5px;
	}
	#adminHeader .currentDepth1over{
		padding-right:5px;
		background-color:#0B55C4;
	}        
	#adminHeader .currentDepth1 span, #adminHeader .currentDepth1over span { padding-left: 22px; display: block }
	#adminHeader .currentDepth1 a{
		/* font-weight:bold; */
	}
	#adminHeader .currentDepth1over a{	/* Text rules */
		color:#FFF;
		/*font-weight:bold;*/
	}
	
	/* Sub menu depth 1 */
	#adminHeader .currentDepth2{
		padding-right:2px;
		padding-left: 2px;
		border:1px solid #FFF;
		text-indent: 20px;
	}
	#adminHeader .currentDepth2over{
		padding-right:2px;
		padding-left: 2px;
		background-color:#ffd;
		border:1px solid #cdcdcd;
		text-indent: 20px;
	}	
	#adminHeader .currentDepth2 span, #adminHeader .currentDepth2over span { display: block }
	#adminHeader .currentDepth2over a{	/* Text rules */
		color:#0B55C4;
	}	
	/* Sub menu depth 2 */
	#adminHeader .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#adminHeader .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#adminHeader .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#adminHeader .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}

.adminHeaderCpanel { background: url('../images/icon/icon-16-admin.png') no-repeat 4px center }
.adminHeaderGestion { background: url('../images/icon/icon-16-gestion.png') no-repeat 4px center }
.adminHeaderPhototheque { background: url('../images/icon/icon-16-folder.png') no-repeat 4px center;}
.adminHeaderAide { background: url('../images/icon/icon-16-help.png') no-repeat 4px center }
.adminHeaderOnline { background: url('../images/icon/icon-16-online.png') no-repeat 4px center }
.adminHeaderOffline { background: url('../images/icon/icon-16-offline.png') no-repeat 4px center }
.adminHeaderVoir { background: url('../images/icon/icon-16-globe.png') no-repeat 4px center }

.adminHeaderLooknfeel { background: url('../images/icon/icon-16-looknfeel.png') no-repeat 2px center }
.adminHeaderMenu { background: url('../images/icon/icon-16-menu.png') no-repeat 2px center }
.adminHeaderPages { background: url('../images/icon/icon-16-pages.png') no-repeat 2px center;}
.adminHeaderIzibox { background: url('../images/icon/icon-16-izibox.png') no-repeat 2px center }
.adminHeaderModules { background: url('../images/icon/icon-16-modules.png') no-repeat 2px center }

.welcome { border: 1px dashed #3366FF; padding: 0 10px 0 140px; margin: 10px auto 0 auto; font-size: 13px; background: #f9f9f9 url('../images/icon/icon-64-bulle.png') no-repeat 40px 10px }

.inputUrl {
	border: none;
	background: transparent;
	width: 100%;
	}

#bulle h4, #bulle h5 { display: none }
#bulle blockquote { margin: 10px 20px; background: #f9f9f9; border: 1px dashed #aaaaaa; padding: 0 10px }
#bulle.info { background: #ffd; padding: 0 10px }

#MB_overlay { z-index: 200001 }
#MB_window { z-index: 200002 }

#overlay_container, #accueilOverlay_container, #accueilOverlay_containerIzibox {
        top: 0;	left: 0;
	width: 100%; height: 100%;
        position: fixed;
}

#overlay, #accueilOverlay, #accueilOverlayIzibox {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #fff;
	filter:alpha(opacity=85);	/* Transparency */
	opacity:0.85;	/* Transparency */
	-moz-opacity:0.85;
	}
#overlay_loading {
	position: absolute;
	width: 80px;
	top: 50%; left: 50%;
	margin-left: -56px;
	margin-top: -55px;
	text-align: center;
	font-size: 12px;
	z-index: 10000;
	background: #f9f9f9;
	padding: 10px 15px;
	border: 1px solid #D5D5D5;
}
.floatingWindowContent fieldset { background-color: #fff }

/*** ToolTip ***/
.tooltip {
  position: absolute;
  top: -32px; left: 0;
  z-index: 1030;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.tooltip-inner {
  white-space: nowrap;
  display: block;
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.tooltip-arrow {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000;
  border-width: 5px 5px 0;
}
/******************************/
.graph { width: 200px; height: 10px; background: url('../images/graph-gris.gif') repeat-x }
.graph-vert { height: 10px; background: url('../images/graph-vert.gif') repeat-x }
.graph-rouge { height: 10px; background: url('../images/graph-rouge.gif') repeat-x }

/********* Agenda ***********/
.ligne li:hover { 
	width:38px;
	line-height:28px;
	border: 2px solid #0b55c4;
	}
	
#content1_ .ligne li:hover { 
	border: 1px solid #bfbfbf
	}	
/****************************************/
.filtresResultAnnonces { background: #fbfbfb; border-top: 1px solid #f7f7f7; border-bottom: 2px solid #e7e7e7 }        
table.ar-12-black td, #selection_villes table td { padding: 0 }

.annoncesListe_numAdminizi { font-weight: bold; float: left; width: 80px; text-align: left; padding-left: 5px }
.annoncesListe_numAdminizi img { vertical-align: top }
.annoncesListe_numAdminizi p { float:none; margin: 5px 0}
.annoncesListe_numAdminizi p a { font-weight: normal; cursor: pointer; color: #333; text-decoration: underline; margin-top:5px }
.annoncesListe_numAdminizi p a:hover { color: #333}
/*************************************/
.iziForm { background: #f5f5f5; padding: 5px 10px; margin: 10px 0 }
.iziFormLine:hover { border: 1px solid #cdcdcd; background: #F0F8FF }
.iziFormLine div.right { margin-top: -10px }
label.iziFormDesc { display: block; font-weight: 700 }
.iziFormLine { margin: 8px 0; padding: 5px 10px; cursor: move; border: 1px solid #cdcdcd; background: #fbfbfb }
.iziFormTextS, .iziFormSelectS { width: 20% }
.iziFormTextM, .iziFormSelectM { width: 50% }
.iziFormTextL, .iziFormSelectL { width: 95% }
.iziFormAreaS { width: 30%; height: 80px }
.iziFormAreaM { width: 60%; height: 100px }
.iziFormAreaL { width: 95%; height: 150px }
.iziFormOption { margin: 2px 0 0 0 }
.iziFormTitle { font-weight: 700 }

#choixField { background: #fbfbfb; border:1px solid #cdcdcd; padding: 5px 10px; margin-bottom: 10px }
#choixField ul { list-style: none; margin: 0 }
#choixField li a { display: block; line-height: 26px; padding-left: 38px; text-decoration: none }
#choixField li a:hover { background-color: #eee }
.btnFieldText a { background: #f5f5f5 url('../images/form/inputText.png') no-repeat 0 center }
.btnFieldArea a { background: #f5f5f5 url('../images/form/area.png') no-repeat 0 center }
.btnFieldSelect a { background: #f5f5f5 url('../images/form/select.png') no-repeat 0 center }
.btnFieldRadio a { background: #f5f5f5 url('../images/form/radio.png') no-repeat 0 center }
.btnFieldCheckbox a { background: #f5f5f5 url('../images/form/checkbox.png') no-repeat 0 center }
.btnFieldFile a { background: #f5f5f5 url('../images/form/file.png') no-repeat 0 center }
.btnFieldHr a { background: #f5f5f5 url('../images/form/line.png') no-repeat 0 center }
.btnFieldTitle a { background: #f5f5f5 url('../images/form/title.png') no-repeat 0 center }
.btnFieldBtn a { background: #f5f5f5 url('../images/form/bouton.png') no-repeat 0 center }

.tarifModAd {margin-right: 10px}
.tarifModAd table { width: 100% }
.tarifModAd table input.text { width: 50px }
.tarifModAd table td { text-align: center}

.btn-enregistrer { width: 116px; height: 26px; background: url('../images/btn-enregistrer.png') no-repeat 0 0; border: none; cursor: pointer }
.btn-enregistrer:hover { background: url('../images/btn-enregistrer.png') no-repeat 0 -26px }
.btn-enregistrer:active { background: url('../images/btn-enregistrer.png') no-repeat 0 -52px }
.btn-enregistrer span { display:none }

.btn-annuler { width: 116px; height: 26px; background: url('../images/btn-annuler.png') no-repeat 0 0; border: none; cursor: pointer }
.btn-annuler:hover { background: url('../images/btn-annuler.png') no-repeat 0 -26px }
.btn-annuler:active { background: url('../images/btn-annuler.png') no-repeat 0 -52px }
.btn-annuler span { display:none }

.btn-saveClose { width: 146px; height: 26px; background: url('../images/btn-saveClose.png') no-repeat 0 0; border: none; cursor: pointer }
.btn-saveClose:hover { background: url('../images/btn-saveClose.png') no-repeat 0 -26px }
.btn-saveClose:active { background: url('../images/btn-saveClose.png') no-repeat 0 -52px }
.btn-saveClose span { display:none }

.btn-ipt { height: 18px; background: url('../images/btn-ipt.png') no-repeat right 0; border: none; cursor: pointer; padding: 0; margin: 0 }
.btn-ipt:hover { background: url('../images/btn-ipt.png') no-repeat right -18px }
.btn-ipt span { padding: 0 5px; line-height: 18px; color: #fff; margin: 0 }

.btn-parcourir { display: block; width: 116px; height: 26px; background: url('../images/btn-parcourir.png') no-repeat 0 0; border: none; cursor: pointer }
.btn-parcourir:hover { background: url('../images/btn-parcourir.png') no-repeat 0 -26px }
.btn-parcourir:active { background: url('../images/btn-parcourir.png') no-repeat 0 -52px }
.btn-parcourir span { display:none }

/************************************/
.handleLine {background: #72b9eb url('../images/icon/icon-22-move.png') no-repeat center center; position: absolute; right: 0; top: 0; z-index: 10; width: 47px; height: 100%; border-left: 1px solid #bbb; cursor: move }
.handleBloc {background: #a9d4f2; position: absolute; left: 0; top: 0; z-index: 9; height: 32px; width: 100%; border-bottom: 1px solid #bbb; cursor: move }
.handleBloc.gradient i { display: block; background: url('../images/pixHandle.png') repeat; margin: 4px }

.divBlocClick {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 8}
.divBlocClick.hover {background: url('../images/bgBk20Pct.png') }
/*
.divLine.maskOff, .divBlocViewContainer.maskOff {border-color: transparent}
*/

/*.divLine, .divLineEdit { border: 1px dashed transparent }*/
.divLine, .divBlocViewContainer { position:relative; behavior: url(/PIE.htc) }

.divLine .iziForm { background: none }
.divLine .Widget { padding:0px }
/*.divLine .ligne li:hover { border: 1px solid #bfbfbf; width: 40px }
.divLine li.itemCurrentItem:hover {border: 3px solid #bfbfbf; width: 36px }*/
.divLine.divLineEdit:hover {background: url('../images/bg_edit.png'); border-left-color: transparent }

.toolsLine {position: absolute; width: 36px; top: -24px; left: -40px; background: #ededed;  border: 1px solid #fbfbfb; border-right-color: #cdcdcd; border-bottom-color: #cdcdcd; padding: 0 2px 0 0; z-index: 6000}
/* .toolsLine { background: #fff url('../images/bg_edit.png') repeat 8px 0 } */
.toolsLine a { display: block; float: left; width: 32px; height: 32px; margin: 4px 2px; opacity: 0.5; filter: alpha(opacity=50)}
.toolsLine a:hover { opacity: 1; filter: alpha(opacity=100) }
.toolsLine a.delLine {cursor: pointer; background: url('../images/icon/icon-32-delete.png') no-repeat 0 0}
.toolsLine a.looknfeel {cursor: pointer; background: url('../images/icon/icon-32-looknfeel.png') no-repeat 0 0}
.toolsLine a.addLine {cursor: pointer; background: url('../images/icon/icon-32-addLine.png') no-repeat 0 0}
.toolsLine a.addBloc {cursor: pointer; background: url('../images/icon/icon-32-addBloc.png') no-repeat 0 0}
.toolsLine a.editCopy {cursor: pointer; background: url('../images/icon/icon-32-editcopy.png') no-repeat 0 0}

.divBlocViewContainer { margin: auto }
.toolsBloc { position: absolute; width: 122px; left: 50%; margin-left: -46px; top: 0; background: #eff7fd; border: 1px solid #e5f2fb; border-right-color: #c2c8cd; border-bottom-color: #c2c8cd; z-index: 6000 }
.toolsBloc a { display: block; float: left; width: 22px; height: 22px; margin: 4px; opacity: 0.5; filter: alpha(opacity=50) }
.toolsBloc a:hover { opacity: 1; filter: alpha(opacity=100) }
.toolsBloc a.editLine {cursor: pointer; background: url('../images/icon/icon-22-edit.png') no-repeat 0 0}
.toolsBloc a.delBloc {cursor: pointer; background: url('../images/icon/icon-22-delete.png') no-repeat 0 0}
.toolsBloc a.looknfeel {cursor: pointer; background: url('../images/icon/icon-22-looknfeel.png') no-repeat 0 0}
.toolsBloc a.editCopy {cursor: pointer; background: url('../images/icon/icon-22-editcopy.png') no-repeat 0 0 }

/*
.toolsBloc a.handleBloc {cursor: move; background: url('../images/icon/btn/btn-22-move.png') no-repeat 0 0 }
.toolsBloc a.handleBloc:hover {cursor: move; background: url('../images/icon/btn/btn-22-move.png') no-repeat 0 -22px }
*/

.btn-addContent a { display: block; width: 180px; height: 40px; margin: 15px auto; background: url('../images/btn-addContent.png') no-repeat 0 0 }
.btn-addContent a:hover { background: url('../images/btn-addContent.png') no-repeat 0 -40px }
.btn-addContent a span { display: none }

#editPageToolbar, .boxFb {
	width: 670px; min-height: 160px;
	margin-left: -335px; margin-top: -80px;
	position: fixed; top: 50%; left: 50%; z-index: 8000; background: url('../images/bg_black_transparent.png');
	padding: 15px; 
}
#editPageToolbarContent, .boxFbContent {background: #fbfbfb; padding: 5px 20px}
#editPageToolbarTitle {display: block; margin-bottom: 5px; cursor: move}

#editPageToolbar .editPageToolbarBloc { width: 151px; float: left; margin-right: 5px; position: relative }
#editPageToolbar .editPageToolbarBloc.disabled .cache { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fbfbfb; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5 }
#editPageToolbar .editPageToolbarBloc.disabled a { color: #999 }
/*#editPageToolbar p { padding: 0; margin: 5px 0; border-bottom: 1px solid #999 }*/
#editPageToolbar .editPageToolbarBloc a {
	float: left;
	line-height: 22px;
	padding: 2px 5px 2px 30px;
	width: 120px;
	margin: 0 8px 2px 0;
	border: 1px solid transparent;
	text-decoration: none;
	background-position: 5px center;
	background-repeat: no-repeat
}
#editPageToolbar .editPageToolbarBloc a:hover {
	background-color: #f8f8f8;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}
#editPageToolbar .btn-content a { background-image: url('../images/icon/icon-22-new.png') }
#editPageToolbar .btn-diaporama a { background-image: url('../images/icon/icon-22-diaporama.png') }
#editPageToolbar .btn-agenda a { background-image: url('../images/icon/icon-22-calendar.png') }
#editPageToolbar .btn-annonces a { background-image: url('../images/icon/icon-22-annonces.png') }
#editPageToolbar .btn-actu a { background-image: url('../images/icon/icon-22-actu.png') }
#editPageToolbar .btn-compteur a { background-image: url('../images/icon/icon-22-compteur.png') }
#editPageToolbar .btn-formulaire a { background-image: url('../images/icon/icon-22-forms.png') }
#editPageToolbar .btn-video a { background-image: url('../images/icon/icon-22-video.png') }
#editPageToolbar .btn-audio a { background-image: url('../images/icon/icon-22-audio.png') }
#editPageToolbar .btn-image a { background-image: url('../images/icon/icon-22-thumbnail.png') }
#editPageToolbar .btn-map a { background-image: url('../images/icon/icon-22-map.png') }
#editPageToolbar .btn-code a { background-image: url('../images/icon/icon-22-binary.png') }
#editPageToolbar .btn-title a { background-image: url('../images/icon/icon-22-title.png') }
#editPageToolbar .btn-menu a { background-image: url('../images/icon/icon-22-menu.png') }
#editPageToolbar .btn-menuDisa a { background-image: url('../images/icon/icon-22-menuDisa.png'); color: #999 }
#editPageToolbar .btn-menuDisa a:hover { background-color: inherit; border: 1px solid transparent; cursor: default }

#editPageToolbar #blocAddIzibox .btn { padding: 2px 5px 2px 30px; height: 26px; line-height: 26px; margin-bottom: 5px; background: url('../images/icon/icon-22-izibox.png') no-repeat 5px center; background-color: #f8f8f8; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
#editPageToolbar #blocAddIzibox .btn select { margin-top: 4px }

#editPageToolbar .editPageToolbarSub a {
padding-left: 5px; margin-left: 25px
}

.boxFbClose {position: absolute; right: -12px; top: -12px}
.boxFbClose a {display: block; width: 32px; height: 32px; text-decoration: none; background: url('../images/icon/btn/btn-boxFbClose.png') no-repeat 0 0 }
.boxFbClose a:hover { background: url('../images/icon/btn/btn-boxFbClose.png') no-repeat 0 -32px }
.boxFbClose a span { display: none }

.embedBoxSize { float: left; text-align: center; padding: 2px 5px; text-decoration: none; font-size: 11px; color: #333 }
.embedBoxSize:hover {color: #333}
.embedBoxSize span { display: block; background: #f3f6fc; border: 1px solid #cdcdcd; margin: 0 auto }
.embedBoxSize span:hover, .embedBoxSize.select span { background: #ffd }
/* 4:3 */
.embedBoxSize span.ebSize1 { width: 32px; height: 24px }
.embedBoxSize span.ebSize2 { width: 42px; height: 32px }
.embedBoxSize span.ebSize3 { width: 52px; height: 39px }
.embedBoxSize span.ebSize4 { width: 62px; height: 47px }
.embedBoxSize span.ebSize5 { width: 72px; height: 54px }
.embedBoxSize span.ebSize6 { width: 82px; height: 62px }

/* 16:9 */
.embedBoxSize span.ebSize7 { width: 32px; height: 18px }
.embedBoxSize span.ebSize8 { width: 42px; height: 24px }
.embedBoxSize span.ebSize9 { width: 52px; height: 29px }
.embedBoxSize span.ebSize10 { width: 62px; height: 35px }
.embedBoxSize span.ebSize11 { width: 72px; height: 40px }
.embedBoxSize span.ebSize12 { width: 82px; height: 62px }

/* IMG/TEXT choose FLOAT */
.btnImgFlt { padding: 4px }
.btnImgFlt:hover, .btnImgFlt.select { background: #ffd }

/* gallery */
#iziGalleryThumbClass_1 {padding-bottom: 20px}
.iziImgThumbClass {
margin-right: 5px; text-align: center; cursor: pointer
}
.iziImgThumbClass:hover {
background: #ffd
}

.iziImg img { position: relative; background-color: transparent; behavior: url(/PIE.htc) }

.btn-lock { display: block; width: 16px; height: 16px; background: url('../images/icon/btn/btn-16-lock.png') no-repeat 0 -16px }
.btn-unlock { display: block; width: 16px; height: 16px; background: url('../images/icon/btn/btn-16-lock.png') no-repeat 0 0 }
.btn-lock span, .btn-unlock span { display: none }
/********************/
/* step 2 */
#palettes { position: relative }
#loadPalettes { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/bgOverParameters.png'); text-align: center }    
#loadPalettes div {margin-top: 60px}

/* step 6 */
.imgChoixStyle { border: 2px solid #ccc; cursor: pointer; background: #fff }
.imgChoixStyle:hover { background: #ffd }

.imgChoixLayout { width: 92px; padding: 6px; border: 1px solid #ccc; margin-right: 10px; cursor: pointer; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background: #ddd }
.imgChoixLayout:hover { background: #ffd }
.imgChoixLayout.select { border: 1px solid #0B55C4 }

.navHlpPage ul { padding: 0; margin: 14px 0 14px 5px}

.navHlpPage ul li{
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	line-height:18px
	}
	
.navHlpPage a{
	display: inline;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 12px;
	margin-right: 4px;
	border: 1px solid #CDCDCD;
	background: #FBFBFB;
	color: #333;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	}
.navHlpPage a:hover{ color: #0B55C4; border: 1px solid #0B55C4 }	
.navHlpPage a.select {cursor: default; color: #fff; background:#333; padding: 5px 10px; border: 1px solid #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.navHlpPage a.disabled {cursor: default; color: #ccc; border: 1px solid transparent; background: none }

.blockComments h2 {color: #333; background: none; border: none; font-weight: 700 }
/* ********** */
.btn-returnEditPage { float: right; width: 220px; height: 60px; background: url('../images/btn-returnEditPage.png') no-repeat 0 0  }
.btn-returnEditPage:hover { background: url('../images/btn-returnEditPage.png') no-repeat 0 -60px }
.btn-returnEditPage:active { background: url('../images/btn-returnEditPage.png') no-repeat 0 -120px }
.btn-returnEditPage span { display: none }
/*************/
#blocMargin .titleParameters, #blocPadding .titleParameters { margin-bottom: 5px }

ul.listLayout { list-style: none; margin: 0; padding: 0}
ul.listLayout li { display: inline; float: left }
ul.listLayout li a { float: left; width: 98px; height: 98px; padding: 0 8px; margin: 0 4px; background-position: center center; background-repeat: no-repeat; border: 1px solid transparent }
ul.listLayout li a:hover { background-color: #ffd; border: 1px solid #0b55c4 }
ul.listLayout li a span { display: none }

ul.listLayout li.layout0 a { background-image: url('../images/layout/layout_100.png') }
ul.listLayout li.layout1 a { background-image: url('../images/layout/layout_1.png') }
ul.listLayout li.layout2 a { background-image: url('../images/layout/layout_2.png') }
ul.listLayout li.layout3 a { background-image: url('../images/layout/layout_3.png') }
ul.listLayout li.layout4 a { background-image: url('../images/layout/layout_4.png') }
ul.listLayout li.layout5 a { background-image: url('../images/layout/layout_5.png') }
ul.listLayout li.layout6 a { background-image: url('../images/layout/layout_6.png') }
ul.listLayout li.layout7 a { background-image: url('../images/layout/layout_7.png') }
ul.listLayout li.layout8 a { background-image: url('../images/layout/layout_8.png') }
ul.listLayout li.layout9 a { background-image: url('../images/layout/layout_9.png') }
ul.listLayout li.layout10 a { background-image: url('../images/layout/layout_10.png') }
ul.listLayout li.layout11 a { background-image: url('../images/layout/layout_11.png') }
ul.listLayout li.layout12 a { background-image: url('../images/layout/layout_12.png') }
ul.listLayout li.layout13 a { background-image: url('../images/layout/layout_13.png') }
ul.listLayout li.layout14 a { background-image: url('../images/layout/layout_14.png') }
ul.listLayout li.layout15 a { background-image: url('../images/layout/layout_15.png') }
ul.listLayout li.layout16 a { background-image: url('../images/layout/layout_16.png') }

.lnkDomFiltre {padding: 0; margin: 4px 0 4px 5px; list-style-type: none; font-size: 13px}
.lnkDomFiltre a { text-decoration: none}
.lnkDomFiltre a:hover { color: #666 }

/* option design */
#div_files .fileView { background: #f5f5f5 url('../images/icon/icon-16-page.png') no-repeat 0 center; border: 1px solid #E7E7E7; line-height: 16px; padding: 5px 5px 5px 20px; float: left; margin: 5px }

.btn-design { display: block; width: 280px; height: 34px; background: url('../images/btn-design.png') no-repeat 0 0 }
.btn-design:hover { background: url('../images/btn-design.png') no-repeat 0 -34px }
.btn-design span { display: none }