/*----------------------------
	WebCMS ©2017 by Olivier Toscano
	E-mail	:	info@webcms.lu
	URL		:	webcms.lu
	Firm	:	WebCMS S.à r.l.
------------------------------*/
@charset "utf-8";

/**
@import "farbtastic/farbtastic.css";
@import "colorpicker/colorpicker.css";
/**/

/* ui */
.ui-datepicker { display:none; }
.ui-tools-state-highlight { margin:20px 0; border:1px solid #333; background: #fff url(../layout/glossy_black_bilineaire.png) repeat-x 0 bottom; }

/* waiting */
div.waiting { text-align:center; margin:0 auto; width:190px; height:40px; }
div.waiting img { float:left; margin-right:10px; }
div.waiting span { font-size:1.4em; line-height:40px; }

/* link */
div#webSiteTools { color:#333; }
div#webSiteTools a { color:#6c81ba; text-decoration:underline; }
div#webSiteTools a:hover { color:#333; }

/* hide forms */
div.hideBlock { display: none; }

/* help class */
div.helpCell { text-align: left; font-size: 9pt; padding: 4px 6px; color: #333; background-color: #fff; border:1px solid #888; }
div.helpCell span.arrow_left { display: block; width: 10px; height: 17px; position: absolute; z-index: 99; top: 13px; left: -10px; background: transparent url(img/helper-arrow-left.png) no-repeat 0 0; }
div.helpCell span.arrow_right { display: block; width: 10px; height: 17px; position: absolute; z-index: 99; top: 13px; right: -10px; background: transparent url(img/helper-arrow-right.png) no-repeat 0 0; }
div.helpCell span.arrow_top { display: block; width: 17px; height: 10px; position: absolute; z-index: 99; top: -10px; right: 60px; background: transparent url(img/helper-arrow-top.png) no-repeat 0 0; }
div.helpCell h2 { margin: 6px 0; font-family: Arial; font-weight: normal; font-size: 11pt; }
div.helpCell ul { font-size: .9em; padding-left:30px; list-style: circle; }
div.helpCell p { font-size: 1em; font-family: Arial; font-style: normal; margin: 4px 0; }
div.helpCell input { font-size: 1em; font-family: Arial; font-style: normal; margin: 4px 0; }
div.helpCell input {  }

/* how to first (new website) */
div#swg_howto_first { display: none; width: 180px; height: auto; position: fixed; top: 90px; left: 40px; z-index: 10; }
div#swg_howto_two { display: none; width: 200px; height: auto; position: absolute; top: 90px; left: 20%; z-index: 10; }
div#swg_howto_third { display: none; width: 150px; height: auto; position: absolute; top: 250px; left: 0; z-index: 10; }

/* tinymce toolbar */
body .mceExternalToolbar { position: fixed; top: 0; left: 0; z-index: 999; border: 1px solid blue; }

/* Ajout de contenu */
div#addContent { }

/* gestion des modules en page d'accueil GTR... */
form#frm_manage_homepage {}
form#frm_manage_homepage div.modules { display:block; width:135px; height:124px; margin:5px; }
	form#frm_manage_homepage div.modules p { padding-top:104px; margin:0; }
form#frm_manage_homepage div.module_8 { float:left; background: transparent url(img/modules_pictos.png) no-repeat 0 -641px; }
form#frm_manage_homepage div.module_17 { float:left; background: transparent url(img/modules_pictos.png) no-repeat -138px -128px; }
form#frm_manage_homepage div.module_18 { float:left; background: transparent url(img/modules_pictos.png) no-repeat 0 -384px; }
form#frm_manage_homepage div.module_19 { float:left; background: transparent url(img/modules_pictos.png) no-repeat 0 0; }
form#frm_manage_homepage div.module_21 { float:left; background: transparent url(img/modules_pictos.png) no-repeat 0 -513px; }
form#frm_manage_homepage div.module_23 { float:left; background: transparent url(img/modules_pictos.png) no-repeat 0 -765px; }
form#frm_manage_homepage div.module_24 { float:left; background: transparent url(img/modules_pictos.png) no-repeat 0 -256px; }
form#frm_manage_homepage div.formTools { clear:both; }

/* colum default values */
div.column { display: block; min-width: 50px; min-height:50px; }
div.columnActive { /*border: 1px dashed #333;*/ outline: 1px dashed #dadada; }

/* Configurer le site */
div#configuration {}

div#wrapper_tools { background-color: #333; border-bottom: 1px solid white; }
/* wrapper_tools 
div#wrapper_tools div#swglogo h1 a,
div#doLoginResult,
div#doLoginWrapper,
div#doLoginWrapper a,
form#loginFrm input.logSubmit { color: #d2d2d2; }
*/

/*
div#wrapper_tools {
	top: 0px; position:relative; z-index:50; display: block; height: 80px; margin: 0 auto; text-align:left;
	font-size: 9pt; font-family: Arial; color: #d2d2d2; background-color: #434343; border-bottom:1px solid #bfbfbf;
}
div#wrapper_tools a,
div#webSiteTools a,
div#wrapper_tools p,
div#webSiteTools p { font-width: normal; font-family: Arial; font-size: 9pt; }
div#wrapper_tools p,
div#webSiteTools p { line-height: 1em; color: #333; margin: 11px 0; }
*/

/*
div#wrapper_tools div#wrapper_tools_left { position: absolute; top:0; left:-4px; z-index:3; display: none; width: 4px; height: 35px; background: transparent url(img/head_left.png) no-repeat 0 0; }
div#wrapper_tools div#wrapper_tools_right { position: absolute; top:0; right:-7px; z-index:3; display: none; width: 7px; height: 35px; background: transparent url(img/head_right.png) no-repeat 0 0; }
div#wrapper_tools div#swglogo h1 { color: #333; margin: 0 0 0 20px; font-weight: normal; height: 35px; line-height: 35px; }
div#wrapper_tools div#swglogo h1 a { display:block; height: 40px; line-height: 40px; padding-left: 60px; text-decoration:none; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: transparent url(img/logo_webcms_bw.png) no-repeat 0 0; }
div#wrapper_tools div#swglogo h1 a:hover { background: transparent url(img/logo_webcms_bww.png) no-repeat 0 0; }
*/
/*div#swglogo { padding-top: 30px; }*/

div#doLoginWrapper,
div#doLoginResult { position:absolute; bottom:0; right:0; }

div#doLoginResult { z-index:3; display: none; width: 620px; height: 35px; line-height: 35px; padding:0 10px; text-align: right; }
div#doLoginWrapper { z-index:1; font-size: .9em; }
div#doLoginWrapper a { text-decoration: none; }
div#doLoginWrapper a:hover { color: #6c81ba; }
	form#loginFrm {}
	form#loginFrm input.field { width:99px; height:15px; padding: 1px 5px; font-size:1em; color: #000; border: 1px solid #bfbfbf; -moz-border-radius: 5px; border-radius: 5px; }
	form#loginFrm label { line-height: 1.2em; }
	form#loginFrm div { margin:0; padding: 8px 8px 0; display: block; height: 28px; float: left; background: transparent url(img/head_sep.png) no-repeat left 0; }
	form#loginFrm input.logSubmit { padding: 0; cursor: pointer; border: none; outline: none; background: none; }
	form#loginFrm input.logSubmit:hover { color: #6c81ba; }
	div.logMemo label { padding-left: 5px; }
	div.logMemo input { float: left; margin:0; }

span#logCheckbox { position: absolute; top: 0; left: 420px; display:block; width:18px; height:40px; }
span.logchkoff { background: transparent url(../layout/checkbox_off.jpg) no-repeat 0 0; }
span.logchkon { background: transparent url(../layout/checkbox_on.jpg) no-repeat 0 0; }

div.authLogged { position:absolute; top:12px; right:5px; }
div.authLogged a { color: #d2d2d2; text-decoration: none; font-size:1.1em; padding:0 6px; font-weight: normal; font-family: Arial; }
div.authLogged a:hover { color: #fff; }
div.authLogged a.showOrder { position: relative; }

div#topDoOrder { position:absolute; top:23px; right:0; z-index:5; display: none; width:280px; height:auto; font-size: 9pt; padding: 4px 6px; border:1px solid #888; color:#333; background-color: #fff; }
div#topDoOrder span.arrow { display: block; width: 17px; height: 10px; position: absolute; z-index: 99; top: -10px; right: 60px; background: transparent url(img/topDoOrder-arrow.png) no-repeat 0 0; }
div#topDoOrder h2 { margin: 6px 0; font-family: Arial; font-weight: normal; font-size: 11pt; }
div#topDoOrder ul { font-size: .9em; padding-left:30px; list-style: circle; }
div#topDoOrder p { font-size: 1em; font-family: Arial; font-style: normal; margin: 4px 0; }

/* wrapper_tools
div#wrapper_tools div#logo h1 a,
div#doLoginResult,
div#doLoginWrapper,
div#doLoginWrapper a,
form#loginFrm input.logSubmit { color: #fff; }

div#wrapper_tools { top: -100px; position:relative; z-index:5; display:block; height: 35px; margin: 0 auto; text-align:left; background: #333 url(img/gradient-white-bt.png) repeat-x 0 -18px; border-bottom:1px solid #bfbfbf; }
div#wrapper_tools div#wrapper_tools_left { position: absolute; top:0; left:-4px; z-index:3; display: none; width: 4px; height: 35px; background: transparent url(../layout/head_left.png) no-repeat 0 0; }
div#wrapper_tools div#wrapper_tools_right { position: absolute; top:0; right:-7px; z-index:3; display: none; width: 7px; height: 35px; background: transparent url(../layout/head_right.png) no-repeat 0 0; }
div#wrapper_tools div#logo h1 { margin: 0 0 0 20px; font-size: 2em; font-weight: normal; height: 35px; line-height: 35px; }
div#wrapper_tools div#logo h1 a { text-decoration:none; }

div#doLoginResult { position:absolute; top:0; right:0; z-index:3; display: none; width: 620px; height: 43px; line-height: 43px; padding:0 10px; text-align: right; color: #fff; background: transparent url(../layout/head_bg.jpg) repeat-x 0 0; }
div#doLoginWrapper { position:absolute; top:0; right:0; color: white; z-index:1; }
div#doLoginWrapper a { color: #fff; text-decoration: none; }
div#doLoginWrapper a:hover { color: #6c81ba; }
	form#loginFrm {}
	form#loginFrm input.field { width:99px; height:15px; padding: 1px 5px; font-size:1em; border:none; color: #333; background: transparent url(../layout/head_field_bg.png) no-repeat 0 -3px; }
	form#loginFrm label { line-height: 1.2em; }
	form#loginFrm div { margin:0; padding: 13px 8px 0 8px; display: block; height: 30px; float: left; background: transparent url(../layout/head_sep.png) no-repeat left 0; }
	form#loginFrm input.logSubmit { padding:0; cursor: pointer; color: #fff; border: none; background-color: transparent; outline: none; }
	form#loginFrm input.logSubmit:hover { color: #6c81ba; }

span#logCheckbox { position: absolute; top: 0; left: 420px; display:block; width:18px; height:40px; }
span.logchkoff { background: transparent url(../layout/checkbox_off.jpg) no-repeat 0 0; }
span.logchkon { background: transparent url(../layout/checkbox_on.jpg) no-repeat 0 0; }

div.authLogged { position:absolute; top:12px; right:5px; }
div.authLogged a { color: #fff; text-decoration: none; font-size:1.1em; padding:0 6px;}
div.authLogged a:hover { color: #6c81ba; }

div#topDoOrder { position:absolute; top:23px; right:5px; z-index:5; display: none; width:280px; height:180px; padding:10px; font-size: 8pt; border:2px solid #bfbfbf; border-top: none; color:#333; background-color:#fcfcfc; }


/* account */
	/* Account Navigation
div#accountNavigation { position:absolute; top:0; left:210px; z-index:15; }
div#accountNavigation ul { list-style-type:none; padding:0; margin:0; }
div#accountNavigation ul li { float: left; display: block; width:120px; height:40px; }
div#accountNavigation ul li a { display: block; width:110px; height:40px; line-height:40px; color: white; text-decoration:none; font-weight: normal; font-size:1.1em; }
div#accountNavigation ul li a:hover { color: #6c81ba; }

div.accountSubNavigation {}
div.accountSubNavigation a { margin-right: 1em; text-decoration: none; }
div.accountSubNavigation a:hover { text-decoration: underline; }
*/
/* account */
	/* Account Navigation
	div#accountNavigation { position:absolute; bottom:0; left:250px; z-index:50; }
	div#accountNavigation ul { list-style-type:none; padding:0; margin:0; }
	div#accountNavigation ul li { float: left; display: block; width: 120px; height: 36px; }
	div#accountNavigation ul li a { display: block; width: 110px; height: 36px; line-height: 36px; color: #d2d2d2; text-decoration:none; font-weight: normal; font-size:1.1em; }
	div#accountNavigation ul li a:hover { text-decoration: underline; }

	div#accountNavigation ul li ul { display: none; }
	div#accountNavigation ul li ul li { border: 1px solid #888; border-style: none solid; }
	div#accountNavigation ul li ul li:last-child { border-style: none solid solid; }
	div#accountNavigation ul li ul li,
	div#accountNavigation ul li ul li a { width: 212px; height: 32px; line-height: 24px; }
	div#accountNavigation ul li ul li a { width: 200px; height: 24px; padding: 4px 6px; background-color: #434343; color: #d2d2d2; font-family: Arial; }
	div#accountNavigation ul li ul li a:hover { color: #fff; background-color: #888; text-decoration: none; }
*/

/* WebSite Tools */
div#webSiteTools { position: fixed; z-index:10; top: 100px; left: 0; display:block; min-width:10px; min-height: 10px; text-align: left; color: #333; }
div#webSiteTools .close { display: block; width:28px; height:28px; position:absolute; top:0; right:0; padding:0; color:#333; background:transparent url(img/close.png) no-repeat 0 0; }

div.swg_tools_trigger { position: relative; z-index: 10; }
div#webSiteTools div.swg_tools_trigger a { width: 16px; height: 16px; padding: 4px 6px; color:#333; text-decoration: none; border: 1px solid #333;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}
div.swg_tools_trigger a.open { display: block; background-image: url(img/config.png); }
div.swg_tools_trigger a.opened { display: none; background-image: url(img/config.png); }

div.swg_tools_wrapper { display: none; }
div.swg_tools_wrapper { position: absolute; top:-1px; left:0; z-index: 5; min-width: 10px; min-height: 10px;
						border: 1px solid #000; border-style: solid solid solid none; color: #333; background-color: #fff;
						-moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
						-moz-box-shadow: 0 0 60px #000; -webkit-box-shadow: 0 0 60px #000; box-shadow: 0 0 60px #000;
						}

ul.swg_tools_wrapper_content_trigger { list-style-type: none; text-align: center; padding:0; display: block; width: 240px; height: 24px; margin: 1em auto; }
ul.swg_tools_wrapper_content_trigger li { display: inline; }
div#webSiteTools ul.swg_tools_wrapper_content_trigger li a { text-decoration: none; }
ul.swg_tools_wrapper_content_trigger li a { background: transparent url(img/puce_top.png) no-repeat center bottom; }
div#webSiteTools ul.swg_tools_wrapper_content_trigger li.opened a { color: red; background: transparent url(img/puce_bottom.png) no-repeat center bottom; }
ul.swg_tools_wrapper_content_trigger li,
ul.swg_tools_wrapper_content_trigger li a { float: left; display: block; width: 80px; height: 24px; }

ul.swg_tools_wrapper_content_trigger li.addContent a {}
ul.swg_tools_wrapper_content_trigger li.changeMyDesign a {}
ul.swg_tools_wrapper_content_trigger li.configuration a {}
ul.swg_tools_wrapper_content_trigger li.help a {}

div#webSiteTools div.webSiteTools { display: none; min-width: 500px; min-height: 100px; }
div#webSiteTools div.tools-list { display:block; width:100%; height:129px; }
div#webSiteTools div.tools-list ul li { display:block; float:left; width:130px; height:110px; margin:0 20px 20px 0; }
div#webSiteTools div.tools-list ul li a { display:block; width:120px; height:100px; padding:5px; margin:0; text-align: center; text-decoration: none; border:1px solid #bfbfbf; color:#333; background-color:transparent; opacity:.5; }
div#webSiteTools div.tools-list ul li a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div#webSiteTools div.tools-list ul li a span { display: block; font-width: normal; font-family: Arial; }
div#webSiteTools div.tools-list ul li a:hover { background-color:#f3f3f3; border:1px solid #808080; opacity:1; }



div#configuration {}
div#configuration p { clear:both; margin: 2px; }
div#configuration p label { float:left; display:block; width:170px; }
div#configuration p input#confWebSiteTitle { width: 400px; }
div#configuration p textarea { width: 400px; height:40px; }
div#configuration p.submit { margin-left: 170px; }

/* website configuration */
form#frm_website_configuration {}
form#frm_website_configuration p { clear:both; margin: 2px; }
form#frm_website_configuration p label { float:left; display:block; width:170px; }
form#frm_website_configuration p input.confWebSiteTitle { width: 400px; }
form#frm_website_configuration p textarea { width: 400px; height:60px; }
form#frm_website_configuration p.submit { margin-left: 170px; }

/* Edition : Modification Style ! */
div.formTools { text-align:right; margin: 10px 0 0 0; }
div.formTools input { margin-right:5px; margin-bottom:5px; }

input.edit_field { width:100%; font:normal 1em Arial; }
textarea.edit_textarea { width:100%; height:150px; font:normal 1em Arial; }
form.myForm p,
form.myPaymentForm p { margin: 0; }
form.myForm label { display:block; font-weight:bold; }
form.myForm p.checkbox label { display:inline; font-weight:normal; }

/* Gestion de l'arborescence */
div#menuWrapper ol { list-style-type:none; width:90%; }
div#menuWrapper li > div { position:relative; margin: 0.25em 0 0 0; }
div#menuWrapper li { display:list-item; }
div#menuWrapper li:hover { background-color: #e4edf7; }
div#menuWrapper li a { color:#252525; }

div#dragHelper,
div.sortHelper { z-index: 9999; text-align: left; }
div.sortHelper { border: 1px dashed #888; }

/* Theme Roller UI */
div.themeRollerUI { position:absolute; top:100px; left:50px; z-index:999; display:none; }

/* Ajouter une nouvelle page: formulaire */
div.webStyleTemplates {}
div.webStyleTemplates ul { list-style-type:none; padding-left:0; }
div.webStyleTemplates ul li { float:left; margin: 5px; padding: 5px; text-align: center; border: 1px solid #888; }
div.webStyleTemplates ul li a { display: block; margin-top: 5px; }

form#frm_webPage {}
form#frm_webPage p { clear:both; margin: 2px; }
form#frm_webPage p label { float:left; display:block; width:170px; }
form#frm_webPage p input.confWebSiteTitle { width: 400px; }
form#frm_webPage p textarea { width: 400px; height:60px; }
form#frm_webPage p.submit { margin-left: 170px; }

/* Ajouter du contenu: formulaire */
/* Définir la zone de contenu */
div.formTplStructure { width: 400px; margin: 0 auto; }
div.formTplStructure p { text-align: center; }
div.formTplStructure ul { list-style-type:none; margin:0; padding:0; border: 1px solid #000; }
div.formTplStructure ul li div.column { min-height: 10px; border:1px solid #d8d8d8; background-color: #d8d8d8; color: white; margin: 2px; }
div.formTplStructure ul li div.float { float: left; }
div.formTplStructure ul li div.col2 { width: 48%; }
div.formTplStructure ul li div.col3 { width: 30%; }
div.formTplStructure ul li div p { padding: 0; margin:0; }
div.formTplStructure ul li div a { display: block; width:100%; height: 1.4em; line-height: 1.4em; text-decoration: none; color: #333; background-color: #fefefe; }
div.formTplStructure ul li div a:hover,
div.formTplStructure ul li div a.active { background-color: #99ffcc; }

/* webSite navigation */
.nav {}
.nav .wtools { position: absolute; top:2px; left:-18px; }
.nav .wtools .newWebPageTrigger { display: block; width: 16px; height: 16px; background: transparent url(imgBase/page_white_add.png) no-repeat 0 0; }

/* Banners webcms.website.css
div.bannersList { display:block; width:950px; }
div.bannersList div.bannersImg { float:left; display:block; width:600px; margin-bottom:10px; }
div.bannersList div.bannersInfos { float:left; }
div.bannersList div.bannersInfos label { font-weight:bold; font-style:italic; }
*/
/* banners form
form#banners_content_frm { float:left; display:block; width: 313px; padding:10px; margin:0 15px 10px 0; border: 1px solid #bfbfbf; border-style: none dashed none none; background-color:#fcfcfc; }
form#banners_content_frm textarea { width:300px; height:50px; }
div#uploadOutput { float:left; display:block; }
*/
/* banners resize
div#imgContainer { position:relative; z-index:1; display: block; width: 570px; height: 80px; }
div#imageOverlay { position:absolute; z-index:2; top:0; left:0; display:block; background-color:#000; opacity:0.7; }
div#draggableSelection { position: absolute; z-index:10; top:0; left:0; display:block; width: 570px; height: 180px; margin:0; padding:0; cursor:pointer; border: 1px solid red; border-style: solid none solid none; }
*/

/* Banners */
/* banners form */
#banners_content_form img { margin:0; }
form#banners_content_frm {
	float:left; display:block; width: 400px;
	padding: 10px; margin: 0 15px 10px 0;
	border: 1px solid #bfbfbf; border-style: none dashed none none;
	background-color:#fcfcfc;
	}
form#banners_content_frm p spam { display: block; }
form#banners_content_frm p.file { margin-left: 23px; }
form#banners_content_frm input[type=text] { width: 100%; }
form#banners_content_frm textarea { width: 100%; height: 50px; }
form#banners_content_frm input[type=text],
form#banners_content_frm textarea { font: normal 1em Arial; border: 1px solid #999; padding: 4px; }

div#uploadOutput { float: left; }
div#uploadOutput div.formTools { text-align: center; }
div.bannersFormOverlay div.output { position: relative; z-index:2; display: block; padding:4px 6px; background-color:#fff; color:#000; font: normal 1.2em Arial; }
div.bannersFormOverlay a { position:absolute; top:82px; left:80px; z-index:2; display: block; padding:4px 6px; background-color:#fff; color:#000; font-size:1.2em; text-decoration:none; border:thin solid #000; -moz-border-radius:4px; }

/* banners resize */
div#imgContainer { position:relative; z-index:1; display: block; /*width: 570px; height: 80px; */}
div#imageOverlayTop { position:absolute; z-index:2; top:0; left:0; display:block; background-color:#000; opacity:0.6; }
div#imageOverlayBottom { position:absolute; z-index:2; bottom:0; left:0; display:block; background-color:#000; opacity:0.6; }
div#draggableSelection { position: absolute; z-index:10; top:0; left:0; display:block;/* width: 570px; height: 180px;*/ margin:0; padding:0; cursor:pointer; border: 1px solid #fff; border-style: solid none solid none; }


/* Gestion des services */
div.listbox,
div.listing { position:relative; margin:5px; display:block; width:200px; height:150px; border:thin solid #666; overflow:auto; }
div.listbox ul,
div.listing ul { list-style-type:none; padding:0; margin:0; }
div.listbox ul li,
div.listing ul li { display:block; width:185px; height:15px; overflow:hidden; background-color: #fff; }
div.listbox ul li a,
div.listing ul li a { display:block; width:100%; color:#000; font-size:1.2em; text-decoration:none; border:none; }
div.listbox ul li a:hover,
div.listing ul li a:hover { background-color: #6c81ba; cursor: pointer; color: #fff; }

/* la carte */
/*
div#wrapper_carte {}
div#wrapper_carte dl {}
div#wrapper_carte dl dt { padding-left:10px; text-transform: uppercase; font-size:1.1em; font-weight:bold; }
div#wrapper_carte dl dd { position:relative; padding:2px 4px 2px 25px; margin:0; line-height:1.2em; height:1.2em; border:1px solid #fcfcfc; border-style:dashed none dashed none; background-color: #fcfcfc; }
div#wrapper_carte dl dd:hover { border-color:#bfbfbf; background-color: #f3f3f3; }
div#wrapper_carte dl dd span { position:absolute; top:2px; right:4px; font-weight:bold;  }
div#wrapper_carte dl dt.move { cursor: pointer; }

div#wrapper_carte h3,
div#carteCategoryFrm h3 { clear: both; padding:4px 6px; margin:0; background-color: #f3f3f3; color:#666; }
div#wrapper_carte form.carteForm p,
div#carteCategoryFrm form p { clear: both; display:block; width: 100%;  margin:4px 8px; padding:0; }
	div#wrapper_carte form.carteForm p > input,
	div#carteCategoryFrm form p >input { float:left; margin:0 2px 2px 0; }
	a.deleteCarteItem { float:left; display: inline; width:14px; height:14px; background: transparent url(../layout/delete.gif) no-repeat 0 0; }
	a.addCarteCategory { position:absolute; top:7px; right:10px; padding-left:20px; background:transparent url(../layout/textfield_add.png) no-repeat 0 -4px; }
*/

div#carteCategoryFrm h3 { clear: both; padding:4px 6px; margin:0; color:#666; background-color: #f3f3f3; }
div#carteCategoryFrm form p { clear: both; display:block; width: 100%; /*height:18px;*/ margin:4px 8px; padding:0; }
div#carteCategoryFrm form p >input { float:left; margin:0 2px 2px 0; }

form#frm_carte_category_add input.addCarteItemNewCategory,
form#frm_carte_category_add input.addCarteItem,
form#frm_carte_category_add input.descCarteItem { color:#999; font-style: italic; }
form#frm_carte_category_add input.carteItemFieldName { width: 150px; }
form#frm_carte_category_add input.carteItemFieldDescription { width: 494px; }
form#frm_carte_category_add input.carteItemFieldPrice { width: 40px; }

/* menu de la semaine */
div.week_menu_getpdf { position: absolute; top: -20px; right: 8px; }
div.week_menu_getpdf a { text-decoration: none; }

/* guestbook home page */
div#GuestBookSmall_content { }
div#GuestBookSmall_content div.scrollMessage ul li div.gbs { height: 100px; }

/* control bg & color form */
div#enseigne_logo_form,
div#banners_content_form { padding:0px; color:#333; border:0px solid #333; background-color:#fff; }

/* gallery form */
div#wrapper_gallery { position: relative; min-height: 100px; padding: 10px 0 20px 0; }
div.frm_gallery { position: absolute; top:-25px; left:44%; z-index:1; }
div.frm_gallery form { position:relative; }
div.frm_gallery input#galleryUploadField { position:absolute; top:0; left:0; z-index:2; cursor:pointer; display:block; width:194px; height:26px; opacity:0; }
div.frm_gallery div#galleryUploadOutput { position: absolute; top: 0; left: 140px; width: 400px; color: #333; background-color: #fff; }
div.frm_gallery p.addGalleryPicture { display:block; width:120px; height:28px; margin:0; text-align:center; border:1px solid grey; background-color:#fff; }
	div.frm_gallery p.addGalleryPicture a { display:block; width:120px; height:28px; color:#333; text-decoration:none; }
	div.frm_gallery p.addGalleryPicture a:hover { color:#000; }
div#galleryUploadOverlay { position:absolute; top:0; left:0; z-index:10; display: none; width:10px; height:10px; border:none; background-color: white; opacity:.9; }
		div#galleryUploadOverlay div.loading { text-align:center; margin:40px auto; width:200px; height:40px; }
		div#galleryUploadOverlay div.loading img { float: left; }
		div#galleryUploadOverlay div.loading span { float: left; line-height: 32px; margin-left: 1em; }
	div#galleryUploadOutput { }

/* gallery tools */
div.gallery ul li div.gallery_img_tools,
div.gallery table tr td span.gallery_img_tools { display:none; position: absolute; top:0; right:0; z-index:2; padding:1px; }
div.gallery ul li div.gallery_img_tools a.gallery_delete,
div.gallery ul li div.gallery_img_tools a.gallery_img_delete,
div.gallery table tr td span.gallery_img_tools a.gallery_img_delete { display: block; width:21px; height:20px; background:transparent url(img/buttons.png) no-repeat 0 -22px; }
div.gallery ul li div.gallery_img_tools a.gallery_description,
div.gallery ul li div.gallery_img_tools a.gallery_img_description,
div.gallery table tr td span.gallery_img_tools a.gallery_img_description { display: block; width:21px; height:20px; background:transparent url(img/buttons.png) no-repeat 0 0px; }
div.gallery ul li div.gallery_img_tools a.move { display: block; width:21px; height:20px; background:transparent url(img/buttons.png) no-repeat 0 -67px; }

div.gallery form.formPictureDescription { display: none; margin:5px 0; }

/* ---------------------
	gallery
   --------------------- */
div.gallery ul { list-style-type: none; margin:0; padding:0; }
div.gallery ul li { width: 31%; }
div.gallery ul li div.description { display: none; }
div.gallery ul li div.image { width: 100%; height: 120px; }
div.gallery ul li div.image a { display: block; width: 100%; height: 100%; overflow: hidden; }
div.gallery ul li div.image a img { max-width: 100%; }


/* banners form */
div.bannersList { display:block; width:100%; }
div.bannersList div.bannersImg {
	display:block; width: 450px; height: 142px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #333;
	}
div.bannersList div.bannersInfos { }
div.bannersList div.bannersInfos a { text-decoration:none; cursor:pointer; border:none; background:none; padding:0; background-color:#fff; color:#000; font-weight:normal;}
div.bannersList div.bannersInfos label { font-weight:bold; font-style:italic; }

div.bannersListBanner { position: relative; float: left; margin-right: 20px; }
div.bannersListBanner div.bannersImg img { width: 450px; }
div.bannersListBanner div.bannersInfos { position: absolute; top: 0px; left: 0; margin:0; background-color: #fff; color: #333; border: 1px solid #333; }
div.bannersListBanner div.bannersInfos p { margin:0; }

/* web user login form */
form#webUserLoginForm {}
form#webUserLoginForm div { clear: both; margin: 4px 0; height: 20px; }
form#webUserLoginForm div label,
form#webUserLoginForm div input { float: left; }
form#webUserLoginForm div label { width: 100px; }
form#webUserLoginForm div input { font-size:1em; border:1px solid #dadada; border-color:#dadada #dadada #e3e3e3 #e3e3e3; }
form#webUserLoginForm div input:hover,
form#webUserLoginForm div input:focus{ border-color: #666; }

/* logo form */
div#wslogo_form { position: absolute; top:0; left:0; z-index: 9; padding: 4px 6px; border: 1px solid #333; color: #333; background-color: #fff; }
div#wslogo_form,
div#wslogo_form p { color: #333; }

/* portfolio form */
form.portfolioForm { }
form.portfolioForm div label { display: block; }
form.portfolioForm div input[type=text] { width: 100%; }

/* portfolio img form */
div.portfolio_img { position: relative; overflow: hidden; }
div.portfolio_img div.portfolio_img_tools { position: absolute; top:0; right:0; display:none; }

form.portfolioPicture_frm { position: relative; }
form.portfolioPicture_frm span { display:block; font-weight: bold; }
form.portfolioPicture_frm input.field,
form.portfolioPicture_frm textarea.field { width: 200px; }

form.portfolioPicture_frm div.dayMenu_img { position: absolute; top:60px; right:10px; z-index:1; display:block; width:145px; min-height:100px; }
form.portfolioPicture_frm div.dayMenu_img form { position:relative; }

form.portfolioPicture_frm input.portfolioUploadField { position:absolute; top:0; left:0; z-index:2; cursor:pointer; display:block; width:145px; height:35px; opacity:0; }
form.portfolioPicture_frm div.portfolioUploadOutput { margin-top:30px; }
div.portfolioUploadOverlay { position: absolute; top:0; left:0; z-index:3; background-color: #fff; opacity:0.9; }
form.portfolioPicture_frm p.addPortfolioPicture { position:absolute; top:0; left:0; z-index:1; display:block; width:130px; height:25px; margin:0; text-align:center; border:1px solid grey; background-color:#fff; }
form.portfolioPicture_frm p.addPortfolioPicture a { display:block; width:130px; height:25px; font-size: 1em; line-height: 1em; }

/* languages showbox */
ul.orderLanguages { list-style-type: none; padding:0; }
ul.orderLanguages li { padding: 2px 2px 2px 24px; margin: 4px 0; border: 1px solid #ccc; background: #ffffcc url(img/arrow_out.png) no-repeat 4px center; }
ul.orderLanguages li:hover { cursor: pointer; }
ul.orderLanguages li input {}
ul.orderLanguages li label {}

/* links */
form#frm_webLinks div.webSiteTabs p { clear:both; margin: 2px; }
form#frm_webLinks div.webSiteTabs p label { float:left; display:block; width:100px; }
form#frm_webLinks div.webSiteTabs p input[type=text] { width: 400px; }
form#frm_webLinks div.webSiteTabs p.submit { margin-left: 170px; }

form.addLinkForm p { float:left; margin: 2px; }
form.addLinkForm p label { display:block; font-size: 0.9em; font-style: italic; }
form.addLinkForm p input[type=text] { width: 400px; }
form.addLinkForm p.submit { margin-left: 170px; }

div.languageTabs { float: left; }
form.addLinkForm div p:first-child input[type=text] { width: 100px; margin-right: 10px; }
form.addLinkForm div.linksFormTools { float: left; padding-top: 23px; margin-left: 10px; }

div#linksListingWrapper {}
ul.linksListing { }
ul.linksListing li { list-style-type: none; }
ul.linksListing form { display: none; margin: 5px 0; }

/* links category */
.addLinkCategoryForm { display: none; }
/*
div#wrapper_carte h3,
div#carteCategoryFrm h3 { clear: both; padding:4px 6px; margin:0; background-color: #f3f3f3; color:#666; }
div#wrapper_carte form.carteForm p,
div#carteCategoryFrm form p { clear: both; display:block; width: 100%;  margin:4px 8px; padding:0; }
*/
	div#wrapper_carte form.carteForm p > input,
	div#carteCategoryFrm form p >input { float:left; margin:0 2px 2px 0; }

	a.deleteLinkItem { float:left; display: inline; width:14px; height:14px; background: transparent url(img/delete.gif) no-repeat 0 0; }
	a.addLinkCategory { position:absolute; top:7px; right:10px; padding-left:20px; background:transparent url(img/textfield_add.png) no-repeat 0 -4px; }

div#carteCategoryFrm h3 { clear: both; padding:4px 6px; margin:0; color:#666; background-color: #f3f3f3; }
div#carteCategoryFrm form p { clear: both; display:block; width: 100%; /*height:18px;*/ margin:4px 8px; padding:0; }
div#carteCategoryFrm form p >input { float:left; margin:0 2px 2px 0; }

form#frm_carte_category_add input.addCarteItemNewCategory,
form#frm_carte_category_add input.addCarteItem,
form#frm_carte_category_add input.descCarteItem { color:#999; font-style: italic; }
form#frm_carte_category_add input.carteItemFieldName { width: 150px; }
form#frm_carte_category_add input.carteItemFieldDescription { width: 494px; }
form#frm_carte_category_add input.carteItemFieldPrice { width: 40px; }


/* archive_wrapper */
.archive_wrapper { display: none; }
.archive_wrapper:first-child { display: block; }