/*
 * Author  : Olivier Toscano
 * Society : WebCMS S.à r.l.
 * Contact : info@webcms.lu
 * ©WebCMS@2011
 */
@import "swg/jquery-ui-1.8.10.custom.css";
@import "webcms.contact.css";
@import "webcms.gabarits.css";
@import "webcms.map.css";
@import "webcms.websites.css";
@import "../../designs/swg.common/lightbox/jquery.lightbox-0.5.css";
@import "../../designs/swg.common/swg.ui.css";
@import "../../designs/swg.common/swg.tools.css";

/* custom styles */
body {
	margin:0; padding:0; border:0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
body { background-color: #fff; color: #333; }
div#doLoginResult { background-color: #434343; color: #fff; }
div#wrapper_content { padding:15px 0; background-color: #fff; color: #333; min-height: 450px; }


img{ border:0; }

a { color: #6c81ba; text-decoration:underline; }
a:hover { color:#333; }

acronym { cursor: help; }

input, textarea { border:1px solid #dadada; border-color:#dadada #dadada #e3e3e3 #e3e3e3; }
/*input:hover, input:focus, textarea:hover, textarea:focus { border-color: #666; }*/

.error { color: red; }
.infos { color: #808080; }
.cb { clear: both; }
p.info { padding-left: 22px; line-height: 20px; background: transparent url(img/error.png) no-repeat 0 0; }

/* btn */
	.btn_save {
		line-height:250%;
		color:#fff;
		background-color:#69A74E;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border:solid 1px #DCDCDC;
		padding: 2px 14px;

		background-position:bottom;
		text-decoration: none;
		font-family: Arial; font-size: 10pt;
	}
	.btn_save:hover {
		color:#FFFFFF;
		box-shadow:0 1px #EDEDED;
		-moz-box-shadow:0 1px #EDEDED;
		-webkit-box-shadow:0 1px #EDEDED;

		text-shadow:0 1px #4876C9;
		border-color:#3D6DC3;
		background:#5A8CE7;
		background:-moz-linear-gradient(top,#C2E0FF 1px,#84AFFE 1px,#5A8CE7);
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C2E0FF),color-stop(0.02,#84AFFE),color-stop(1,#5A8CE7));
	}

body div#popme div.formTools input.cancel_overlay,
.cancel_overlay { background-color: #fff; color: #333; }
.btn_payby { display:inline; min-width:140px; height:22px; color:#fff; border:none; background: #10369e url(../layout/glossy_white.png) repeat-x 0 0; -moz-border-radius:4px; }
.btn_payby:hover { background-color:#109e11; }

/* browser incompatible */
div#browser-incompatible { padding:10px; margin:0; text-align: left; display: none; width: 600px; height:200px; }
div#olderBrowser { padding:10px; margin:0; text-align: left; display: none;}
div#olderBrowser h2 { font-size:1.3em; color: red; }

/* ads */
div#ads_wrapper { display: none; width:100%; height:80px; }
div.ads_search { display: block; width: 1000px; margin: 10px auto; font-size: .9em; text-align:left; }
div.ads_search h2 { margin: 0; font-size: 1em; font-weight: normal; color: #dadada; }
div.ads_search p { clear: both; padding-top: 1em; margin: 0; text-align: right; }
div.ads_search ol { list-style-type: none; margin: 0; padding: 0; }
div.ads_search ol li { float:left; display:block; width: 220px; height: 60px; margin-right: 37px; }
div.ads_search ol li.last { margin-right: 0; }
div.ads_search ol li h3 { margin: 0; font-size: 1.2em; }
div.ads_search ol li h3 a { color: blue; }
div.ads_search ol li span { color: green; }


/* WebSite Tools */
div#webSiteTools { position:relative; display:block; width:100%; min-height:30px; text-align:left; border:1px solid #999; border-style: none none solid none; }
div#webSiteTools ul { list-style-type:none; }
div#webSiteTools ul li { display:inline; margin:0 6px; }
div#webSiteTools ul li a { text-decoration:none;  }
div#webSiteTools div { display:none; padding:0; margin:0; width:100%; height:0; border-top:1px solid #bfbfbf; background: transparent url(../layout/cell_bg_999999.jpg) repeat-x 0 0;  }
div#webSiteTools div p { font-size: 1.4em; padding:4px 6px; }
div#webSiteTools .close { display:none; position:absolute; bottom:0; left:0; padding:3px 6px; }

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

/* wrapper */
div#wrapper { margin: 15px auto 15px; width:1100px; text-align:left; }

/* header */
div#header { position:relative; margin:0 auto; min-height:50px; text-align:left; background: none; }

	div#header div#enseigne_logo {}
	div#header div#enseigne_logo img { float:left; }
	div#header div#enseigne_logo h1 {/* position:absolute; top:20px; left:80px;*/ float:left; margin:20px 0 0 60px; }
		div#header div#enseigne_logo h1 a { font-family: Times; color:#666; text-decoration:none; text-transform:uppercase; }

	/* header logo */
	div#header div#swglogo { position:absolute; top:6px; left:20px; }
		div#header div#swglogo a { display:block; width:145px; height:80px; }

	/* header banner */
	div#header div#banner { position:absolute; top:40px; left:200px; display:block; width:780px; height:80px; overflow:hidden; }
		div#header div#banner img { display:block; width:780px; height:80px; }

/* forget pwd */
form#forgetPwdForm {}
form#forgetPwdForm label { margin-right: 10px; }

/* GoToRestoPage */
div#GoToRestoPage { text-align: justify; }
div#GoToRestoPage div.cgu { float:left; width:680px; }
div#GoToRestoPage div.cgu a { text-decoration:none; color:#333; }
div#GoToRestoPage div.cgu a.link { text-decoration:underline; color:blue; }
/*
.TableDesMatieres { position: fixed; top: 50px; right: 20px; z-index:2; display: block; width: 300px; border: 1px solid; background-color: #e6e6e6; text-align: left; }
*/
.TableDesMatieres { float:right; display: block; width: 300px; border: 1px solid; background-color: #e6e6e6; text-align: left; }
.TableDesMatieres h3 { margin: 10px 16px; border-bottom:1px solid #bfbfbf; }
.TableDesMatieres p {}


/* content */
div#wrapper div#content { position:relative; z-index:1; width: 990px; height:auto; min-height:450px; /*background: transparent url(../layout/wrapper_bg.png) repeat-y 0 0;*/ background-color:#fff; border:1px solid #bfbfbf; border-radius:4px; -moz-border-radius:4px; -moz-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; }
div#wrapper div#content div#content_top { position:absolute; top:-8px; left:0; z-index:2; display: none; width: 993px; height:8px; background: transparent url(../layout/wrapper_top.png) no-repeat 0 0; }
div#wrapper div#content div#content_bottom { position:absolute; bottom:-8px; left:0; z-index:2; display: none; width: 993px; height:8px; background: transparent url(../layout/wrapper_bottom.png) no-repeat 0 0; }
/*
	div#wrapper div#content h1 { position:relative; color:#6c81ba; font:bold 1.5em Tahoma; padding:10px 0 15px 12px; margin:0; border-bottom:1px dashed #dadada; }
	div#wrapper div#content h2 { margin:14px 12px; }
	div#wrapper div#content p { margin:8px 12px; }
	*/
	div#wrapper div#content table.tableStyle { width:100%; border-collapse:collapse; }
	div#wrapper div#content table.tableStyle td { padding:4px 6px; }
	div#wrapper div#content table.tableStyle tr.row { background-color: #ececec; }
	div#wrapper div#content table.tableStyle tr.rowalt { background-color: #dadada; }
	/* resultat ajax */
	div#content div#res {}

/* home formules */
div#wrapper_homeFormules { display: block; width: 1000px; margin: 20px auto; text-align: left; }
div#wrapper_homeFormules table { border-collapse: collapse; width: 100%; }
div#wrapper_homeFormules table tr {}
div#wrapper_homeFormules table tbody tr th,
div#wrapper_homeFormules table tbody tr td { border: 1px solid #bfbfbf; }
div#wrapper_homeFormules input.btnBegin { width: 120px; height: 24px; font-size: 9pt; line-height: 12px; border: 1px solid #bfbfbf; background: #6C81BA url(img/glossy_black.png) repeat-x 0 0; color: #fff; text-align: center; text-decoration: none; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px 0 #333; }
div#wrapper_homeFormules input.btnBegin:hover { background-image: url(img/glossy_white.png); }

/* table highlight : respect de la cascade ! important ! */
.row_even { background-color: #fcfcfc; }
.row_odd { background-color: #f3f3f3; }
.row_yellow { background-color: #fff15b; }
.row_red { background-color: #ff5b5b; }
.row_green { background-color: #6aff5b; }
.rowHover { background-color: #d3d3d3; }
.webcmsTable tbody tr:hover { background-color: #6c81BA; color: #fff; }
.webcmsTable tbody td:first-child { padding: 2px 4px; }

/* home */
div#wrapper_homeNavigation { display: block; width: 1000px; height: 22px; margin: 20px auto 0 auto; text-align: right; }
div#wrapper_homeNavigation a { text-decoration: none; font-size: 12pt; color: #333; margin-left: .5em; }
div#wrapper_homeNavigation a:hover { text-decoration: underline; }

div#wrapper_homePresentation { display: block; width: 100%; height: 300px; margin: 0 0 20px 0; color: #333; background: #dadada url(img/homePresentation_bg.png) repeat-x 0 0; border: 1px solid #bfbfbf; border-style: solid none; }
	div#homePresentation { position: relative; display: block; width: 1100px; height: 300px; margin: 0 auto; text-align: left; }
	div#homePresentation p { margin:0; color: #fff; }
	div#homePresentation div.subscribenow { position: absolute; bottom: 20px; right: 20px; }
	div#homePresentation div.subscribenow a { display: block; width: 300px; height: 60px; font-size: 24px; line-height: 44px; border: 1px solid #bfbfbf; /*#e6dd05*/ background: #00ff00 url(img/glossy_black_bilineaire.png) repeat-x 0 0; color: #fff; text-align: center; text-decoration: none; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 12px 0 #fff; }
	div#homePresentation div.subscribenow a:hover { background: #00ff00 url(img/glossy_white_bottom.png) repeat-x 0 20px; }
	div#homePresentation div.subscribenow a span { display: block; font-size: 14px; line-height: 4px; }
	div#homePageSlider { position: absolute; top: 0; left: 0; }
	div#homePageSliderDescription { position: absolute; top: 50px; left: 600px; display: block; font-size: 3em; color: #333; }
	div#homePageSliderDescription span { display: block; font-size: .7em; color: #666; }
	div#homePageSliderPager { position: absolute; top: 10px; right:0; display: block; z-index:10; font-size:.5em; }
	div#homePageSliderPager a { float: left; display: block; width: 12px; height: 12px; border: 1px solid #b8b8b8; background-color: #e6e6e6; color: #e6e6e6; margin-right: 5px; }
	div#homePageSliderPager a:hover,
	div#homePageSliderPager a.activeSlide { border: 1px solid #b8b8b8; background-color: #b8b8b8; color: #b8b8b8; }


form#rqForm { }
form#rqForm div {  width:520px; margin:0; }
form#rqForm p.search { width:522px; height:36px; line-height:36px; text-align:left; padding:4px; margin:0; background-color:#eaeaea; border:1px solid #bfbfbf; border-radius:4px; -moz-border-radius:4px; -moz-box-shadow: 0 0 1em #394e95; -webkit-box-shadow: 0 0 1em #394e95; }
form#rqForm div p.howto { font-size:1.1em; margin-bottom:.5em; }
form#rqForm input { display:inline; padding:4px; font-size: 1.4em; }
form#rqForm input#rq { width:400px; }
form#rqForm input#rq:hover,
form#rqForm input#rq:focus { border-color:#dadada #dadada #e3e3e3 #e3e3e3; }

/* home search engine */
div.search { position: relative; min-height:150px; padding:20px 0 4px 300px; background: transparent url(../layout/logo_gotoresto.png) no-repeat 0 20px; }
div.search p.searchlinks { font-size: .9em; }

/* home search logo */
div.searchLogo { position: absolute; top:20px; left:0; }
div.searchLogo h1 { text-indent: -9999px; }
div.searchLogo a { display: block; width: 267px; height: 134px; }

/* site-web-gratuit home page Logo/slogant */
div.site-web-gratuit { position: relative; min-height:146px; padding:0; margin: 0 auto; width: 1000px; background: transparent url(img/mainimage_small.jpg) no-repeat 0 20px; }
div.site-web-gratuit h1.site-web-gratuit-logo { position: absolute; top:20px; left:0; text-indent: -9999px; margin:0; }
div.site-web-gratuit h1.site-web-gratuit-logo a { display: block; width: 267px; height: 134px; }
div.site-web-gratuit p.slogant { margin-top:120px; color: #666; }
div.site-web-gratuit div.about { text-align: justify; }

div.site-web-gratuit,
div.site-web-gratuit-register { float: left; display: block; width: 380px; }
div.site-web-gratuit-register { width: 680px; margin-right: 20px; padding: 10px; background-color: #edf3f9; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
div.site-web-gratuit-register h1 { color: #333; font-weight: normal; }

/* Web Styles (webStyles) design */
.webStylesTypes,
.webStylesList { list-style-type: none; padding:0; margin:0; }
.webStylesTypes { margin: 10px 0; }
.webStylesTypes li { display: inline; }

.webStylesTypes a.button {
	text-decoration: none;
	line-height: 250%;
	padding: 2px 14px;

	color: #dadada;
	background-color: #888;
	border: solid 1px #fcfcfc;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	}
.webStylesTypes a.button:hover,
.webStylesTypes a.active {
	color: #fff;

	text-shadow:0 1px #888;

	box-shadow:0 1px #EDEDED;
	-moz-box-shadow:0 1px #EDEDED;
	-webkit-box-shadow:0 1px #EDEDED;

	border-color: #333;
	background:#5A8CE7;
	background:-moz-linear-gradient(top,#dadada 1px,#ccc 1px,#414141);
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#dadada),color-stop(0.02,#ccc),color-stop(1,#414141));

	}

.webStylesList li { float: left; display: block; width: 200px; height: 200px; padding: 5px; margin: 0 10px 10px 0; border: 2px solid #fff; overflow: hidden; }
.webStylesList li p { display: none; }
.webStylesList li div.img {}
.webStylesList li a:first-child { display: none; }
.webStylesList li div.img a { display: block; }
.webStylesList li:hover,
.webStylesList li.active { background-color: #f3f3f3; border-color: #dadada; position: relative; }
.webStylesList li.active span.checked { display: block; width:16px; height:16px; position: absolute; top:0; right:0; z-index:3; background-image: url('img/tick.png'); }

/* home cellule */
div.restaurateur h2 { background-image: url(../css_custom/img/glossy_white.png); font-size: 1.2em; height: 23px; line-height: 23px; }
div.webSearchRes { padding: 0 1em; }

div.webSearch,
div.restaurateur,
div.facebook { width: 240px; }
div.restaurateur p { padding: 0px 6px; text-align: justify;}
div.restaurateur { width:490px; }

div#searchResults {}
div#searchResults ul { list-style-type:none; padding:1em; }
div#searchResults ul li { float:left; display:block; width:310px; height:120px; margin: 1em 0 0 1em; border:1px solid #b8b8b8; border-style:solid none none solid; }

div#searchResults ul li div.sLogo { float:left; display:block; width:150px; margin: 1em; overflow:hidden; }
div#searchResults ul li div.sLogo img { width:150px; }
div#searchResults ul li div.sContent { float:left; display:block; width:138px; margin: 1em 0; }

div#searchResults ul li a { font-size: 1em; }
div#searchResults ul li a:hover { }
div#searchResults ul li span.lnk { color: green; }
div#searchResults ul li span.webSearchTools { margin-left:.5em; }
div#searchResults ul li span.webSearchTools a { text-decoration:none; color:#333; }
div#searchResults ul.eg { list-style-type: circle; padding-left: 40px; }
div#searchResults ul.eg li { font-style: italic; }

div#searchResultsNumRows { display: block; color:#bfbfbf; padding:6px 2px; font-size:1em; }

/* home */
div#wrapper_home { position:relative; }

	div#gotoresto { position: absolute; top: 140px; left: 80px; width: 400px; }
	div#gotoresto h1 { margin:11px 0; }
	div#gotoresto a { font-size: 1em; font-weight:normal; color: #333; text-decoration: none; }
	div#gotoresto a:hover { text-decoration: underline; }
	div#gotoresto a span { display:block; color:#6c81ba; text-decoration:underline; }

	div#wrapper_promo { position: absolute; top:40px; right:30px; }
	div#wrapper_promo a { border:none; }

	div.wrap_picto { margin-left:150px; margin-top:30px; }
	div.wrap_picto div { display:block; height:85px; margin:0; background-color: #f3f3f3; background:none; }
	div.wrap_picto div a img { float: left; margin-right:10px; }
	div.wrap_picto div a span { display: block; margin: 3px 0; text-align: left; font-size:1.2em; }
	div.wrap_picto div a span.accroch { color: black; }
	div.wrap_picto div a span.about { color: #808080; font-size:1em; }
	div.wrap_picto div a span.lnk { color: #2A3584; background: transparent url(../layout/arrow_right.png) no-repeat right 4px; }
	div.wrap_picto div a:hover span.lnk { text-decoration: underline; }
	div.wrap_picto p.gotorestoAvantages { margin:0; }
	div#wrapper_inscription a,
	div#wrapper_demo a { text-decoration:none; }

	div#wrapper_inscription { display: block; width: 230px; }
	div#wrapper_inscription div a span.lnk { width:230px; }
	div#wrapper_inscription div a span.accroch { padding-top:3px; }

	div#wrapper_demo { display: block; width: 250px; }
	div#wrapper_demo div a span.lnk { width:174px; }
	div#wrapper_demo div a span.accroch { padding-top:10px; }
/*
	div#zoomOn { position: absolute; bottom:0; left:6px; z-index:2; width: 981px; border-top:1px solid #999; }
	div#zoomOn div { float:left; padding: 4px 6px; }
	div#zoomOn p { margin:0; }
	div#zoomOn p span.sep { margin:0 0 0 10px; }
	div#zoomOn div.zoomSelection { display:block; width:600px; height:12px; padding:0; }
		div#zoomOn div.zoomSelection ul { margin:0; }
		div#zoomOn div.zoomSelection ul li a { padding: 4px 6px; color: #808080; text-decoration: none; height:20px; line-height:20px; }
*/
	div#zoomOn { }

	div#wrapper_about { position: absolute; top: 474px; left: 20px; z-index:2; width:950px; color:#808080; }
	div#wrapper_about p { margin:4px 0; }
	div#wrapper_about p span { font-weight:bold; }
	div#wrapper_about p.numbers { color: #333; font-weight:bold; }

div#wrapper_howto { float:left; margin:0 20px 0 0; display:block; width: 600px; height: 200px; border:1px solid #bfbfbf; }
div#wrapper_howto img { display:block; width:600px; height:200px; }

div#wrapper_home div#pager { position:absolute; z-index:10; top:4px; left:540px; }
div#wrapper_home div#pager a { float:left; display:block; padding: 2px 4px; margin:0 2px; text-decoration:none; border: 1px solid #bfbfbf; background-color: #fcfcfc; }
div#wrapper_home div#pager a:hover,
div#wrapper_home div#pager a.activeSlide { color: #fff; font-weight:bold; background-color: blue; }

div#wrapper_home_footer { display:block; width:100%; }
div#wrapper_home_footer div.footCell { float:left; display:block; width:200px; margin-right:10px; padding:10px; border:5px solid #bfbfbf; border-style: none none none solid; }
div#wrapper_home_footer div.footCell dl { padding:0; margin:0; }
div#wrapper_home_footer div.footCell dl dt { font-size:1.4em; font-weight:bold; }
div#wrapper_home_footer div.footCell dl dd{ padding: 2px 3px; margin:0; }
div#wrapper_home_footer div#cloud { float:left; display:block; width:510px; margin:0; padding:0; }


/* reserver */
form#webReservedForm {}
form#webReservedForm label { display: block; }
form#webReservedForm textarea { width:300px; height:60px; font-size: 1em; }

/* createFreeAccount */
div#createFreeAccount { width: 100%; margin: .5em 0; padding: .5em 0; text-align: center; background-color: transparent; }
div#createFreeAccount a { color: #6c81ba; font-size: 2em; text-decoration: none; }
div#createFreeAccount a:hover { text-decoration: underline; }

/* register */
div#register { }
div#register h1,
div#register h4 { margin:0; color: #333; }
div#register h1 { padding: 10px 0; }
div#register h4 { font-size: 1.2em; border-bottom: 1px solid #333; }
div#register .sep { padding-top: 10px; border-top: 1px solid #bfbfbf; }

/* frm_new_website - header step */
div.headerNewWebSiteStep { display: block; margin: 10px 0; color: #333; }
div.headerNewWebSiteStep div { float: left; width: 150px; padding: 10px; text-align: left; font: normal 11px Arial; }
div.headerNewWebSiteStep div a { color: #333; text-decoration:none; }
div.headerNewWebSiteStep div span { display: block; font-size: 1.4em; font-weight: bold; }
div.headerNewWebSiteStep div.active { color: #fff; background: url(img/newWebSite_activeStep_black.png) no-repeat 0 0; }
/*
div.step1 { background: transparent url(img/newWebsiteStep1.png) no-repeat center 0; }
div.step2 { background: transparent url(img/newWebsiteStep2.png) no-repeat center 0; }
div.step3 { background: transparent url(img/newWebsiteStep3.png) no-repeat center 0; }
*/

/* frm_new_website - form inscription */
form.frm_new_website p span { display: block; font-weight: bold; }
form.frm_new_website input[type=text],
form.frm_new_website textarea { width: 400px; padding: 4px 6px; }
form.frm_new_website textarea { height: 80px; }

/* frm_new_website - choix usage site */
div.choiceWebSiteType {}
div.choiceWebSiteType div { clear: both; padding: 6px 0; display:block; height: 50px; border-bottom: 1px solid #bfbfbf; }
div.choiceWebSiteType div input,
div.choiceWebSiteType div label { float: left; }
div.choiceWebSiteType div label { margin-left: 10px; margin-bottom: 5px; width: 540px; font-style: italic; }
div.choiceWebSiteType div label span:first-child { display: block; font-weight: bold; font-style: normal; }
div.choiceWebSiteType div label p { margin:0; }
div.choiceWebSiteType div.active,
div.choiceWebSiteType div:hover { background-color: #ffffaa; }

/* inactive web site type */
div.choiceWebSiteType div.inactive { background: transparent url(img/coming_soon_fr.png) no-repeat center bottom; }
div.choiceWebSiteType div.inactive label { margin-left: 31px; }

/* frm_new_website - choix design */
div.choiceWebSiteDesign {}
div.choiceWebSiteDesign div.design { display: block; margin: 5px; }

/*	div#register span { padding-left:1em; color:red; }*/
form#registerForm { border-top: 2px solid #bfbfbf; }
form#registerForm fieldset { border: none; margin:0; padding:0; }
form#registerForm fieldset legend { font-size: 1.4em; font-weight: bold; padding: 4px 0 0 30px; color: #6c81ba; }
form#registerForm p.btn { margin:0; padding-left: 30px; }
	form#registerForm div { display:block; margin:5px 0; padding-left:30px; }
	form#registerForm div.fields input { width:220px; }
	form#registerForm div.fields label { display:block; width:220px; font-weight:bold; }
	form#registerForm div.pwd { float:left; margin-right:20px; margin-bottom: 10px; }
	form#registerForm div.accept { background:transparent url(../layout/accept.png) no-repeat 6px bottom; }
	form#registerForm div.refuse { background:transparent url(../layout/denie.png) no-repeat 6px bottom; }
	form#registerForm div.button { }

	form#registerForm div.checkbox { position:relative; }
		form#registerForm div.checkbox input { /*position:absolute;*/ }
		form#registerForm div.checkbox label { /*padding-left:23px;*/ height:20px; line-height:20px; }

form#registerForm  p.msgnok { display:none; }

/* site url */
.webSiteURL { padding: 10px; background-color: #ffffaa; }
.webSiteURL div.resultURLCheck { padding: 4px; border: 1px solid #bfbfbf; display: none; }
.webSiteURL p { margin: 2px 0; }
.webSiteURL span.url-racine,
.webSiteURL span.url-tld,
.webSiteURL input { float: left; display: block; line-height: 22px; margin-bottom: 10px; }

.webSiteURL span.url-racine,
.webSiteURL span.url-tld { font-weight: bold; }
div#register form.frm_new_website .webSiteURL p span { font-weight: normal; }
div#register form.frm_new_website .webSiteURL input[type=text] { width: 200px; margin: 0 2px; padding: 4px; }

/* check user e-mail (inscription) */
#msg_email { display: none; }

/* register cgu */
form#registerForm div.registerCGU { display:none; width:558px; height:200px; margin-left:30px; padding:4px 6px; overflow:auto; border:1px solid #333; }
form#registerForm div.registerCGU div { padding:4px 6px; }
form#registerForm div.registerCGU div.TableDesMatieres { display:none; }

/* register done */
div#registerDone { padding-top:30px; text-align:center; }
div#registerDone ol { padding:0; font-size:1.4em; line-height:2em; list-style-position: inside; }

/* tableau de bord */
div.float { float:left; width:30%; }
div.account_cell { position:relative; z-index:1; display:block; width:330px; min-height: 280px; margin: 10px 20px 10px 0; padding: 0 10px; background-color:#fff; border:1px solid #bfbfbf; border-radius:4px; -moz-border-radius:4px; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px #888; }
div.account_cell h2 { }
div.account_cell p.lnk { position: absolute; bottom:-8px; right:10px; }
div.account_cell dd { margin-left:30px; }
div.last { margin-right:0; }
/* account get premium */
div.account_cell_getpremium { background-color: #6C81BA; color: #fff; }
div.account_cell_getpremium a { color: #f3f3f3; }
div.account_cell_getpremium a:hover { color: #fff; }
/* account sugess */
div#sugges { }
div#sugges label { display:block; }
div#sugges textarea { width: 300px; height: 120px; }
/* account Message */
div.wrapper_contact_read { display: none; }
div.accountContactsMessages,
div.accountContactsProspects { float: left; display:block; margin-bottom: 20px; margin-top: 10px; }
div.accountContactsMessages,
div.accountContactsMessages table { width: 600px; border-collapse: collapse; }
div.accountContactsProspects table caption,
div.accountContactsMessages table caption { font-size: 1.2em; text-align: left; color: #6c81ba; }
div.accountContactsMessages table th,
div.accountContactsMessages table td { vertical-align: top; }
div.accountContactsMessages table thead th:first-child,
div.accountContactsMessages table tbody td:first-child { width: 104px; }
div.accountContactsMessages table.unread thead th:last-child,
div.accountContactsMessages table.unread tbody td:last-child { width: 50px; text-align: right; }
div.accountContactsMessages table tbody td { padding-bottom: 4px; }
div.accountContactsMessages table tfoot td { text-align: right; }
div.accountContactsProspects { width: 320px; margin-left: 20px; border: 1px solid #b8b8b8; }
/* form guest */
form.frm_guest {}
form.frm_guest label { display: block; }
form.frm_guest input[type=text],
form.frm_guest textarea { width: 400px; }
form.frm_guest p.submit { margin: 10px 0; }
/* btn créer un nouveau site, page tableau de bord */
div.dashboard { position: relative; }
div.createANewWebsite { position: absolute; top:0; right:0; }

div.account_cell div.choiceWebSite { position: absolute; top:5px; right:5px; }

/*	Account: Disk space
-------------------*/
div.expbar { height: 1.2em; padding:0; margin: 20px 0 10px; position:relative; }
div.expbar ul {}
div.expbar ul li { height: 1.2em; list-style-type:none; position:absolute; top:0; left:0; }
div.expbar ul li.txt { color:#333; font-size:.9em; border:1px solid #666; text-align:center; }
div.expbar ul li.bar { border-right:1px solid blue; background-color:#edf3f9; }
div.expbar ul li.legend { top: -14px; font-size: 0.9em; }

form.webForm input[type=submit] { display:inline; width:76px; height:22px; color:#fff; border:none; background: green url(img/glossy.png) repeat-x 0 0; }
form.webForm input.btnCancel { display:inline; width:62px; height:22px; color:#fff; border:none; background: red url(img/glossy.png) repeat-x 0 0; }
form.webForm input.btnLocate { display:inline; width:71px; height:22px; color:#fff; border:none; background: orange url(img/glossy.png) repeat-x 0 0; }

/* form contact answer */
p.frmContactClose { position: absolute; top: 0; right: 38px; }
form#frmContactAnswer { }
form#frmContactAnswer label { margin-right: 6px; }
form#frmContactAnswer textarea { width: 940px; height: 200px; }

/* my account */
div.bloc993 { clear: both; position:relative; z-index:1; height:auto; min-height:20px; padding:0 20px; margin: 20px 0; background-color:#fff; border:1px solid #bfbfbf; border-radius:4px; -moz-border-radius:4px; -moz-box-shadow: 0 0 1px #888; -webkit-box-shadow: 0 0 1px #888; }

/* news account */
div.news { position: relative; padding:0 0 20px 0; margin:0; }
div.news .news-wrapper { position: relative; z-index:1; padding-left:270px; }
div.news .news-wrapper h2 { margin-top: 0; }
div.news .news-wrapper h2 span { display: block; font-size: 10px; font-weight: normal; font-style: italic; }
div.news .news-wrapper ul { padding:0; }
div.news .news-wrapper ul,
div.news .news-wrapper-descriptions ul { margin:0; }
div#pager,
div.news .news-wrapper-descriptions { position: absolute; top:0; left:0; z-index:2; }
div.news .news-wrapper-descriptions ul { list-style-type: none; margin:0; padding:0; }
div#pager a,
div.news .news-wrapper-descriptions ul li { display: block; width: 250px; height: 30px; line-height: 30px; font-size: 1.2em; }
div.news .news-wrapper-descriptions ul li a { padding-left: 30px; color: #333; }

div#pager { z-index:3; }
	div#pager a { text-decoration:none; border:none; color:transparent; background-color:transparent; }
	div#pager a:hover,
	div#pager a.activeSlide { color:transparent; background: transparent url(img/news-bg-on.png) no-repeat left center; }
/* end news account */


div#wrapper_webUser { }
div#wrapper_webUser h3 { margin-left: 210px; }
div#wrapper_webUser p { clear:both; line-height: 22px; }
div#wrapper_webUser p label { float:left; display:block; width:200px; height:22px; font-weight: normal; text-align:right; margin-right: 10px; }
div#wrapper_webUser p select,
div#wrapper_webUser p input { }
div#wrapper_webUser p.submit input { margin-left: 210px; }

div#wrapper_editpwd {}
div#wrapper_editpwd h3 { margin-left: 210px; }
div#wrapper_editpwd p { clear:both; line-height: 22px; }
div#wrapper_editpwd p label { float:left; display:block; width:200px; height:22px; font-weight: normal; text-align:right; margin-right: 10px; }
div#wrapper_editpwd p input { }
div#wrapper_editpwd p.submit input { margin-left: 210px; }

/* request road map */
div#rqRoadMap {}
div#rqRoadMap dt { font-weight:bold; }
div#rqRoadMap dd { margin:0; }

/* Evolution */
div#evolution div.expbar { height:1em; padding:0; margin:0; position:relative; }
div#evolution div.expbar ul {}
div#evolution div.expbar ul li { height:1.2em; list-style-type:none; position:absolute; top:0; left:0; }
div#evolution div.expbar ul li.txt { color:#fff; font-size:.9em; border:1px solid #666; text-align:center; }
div#evolution div.expbar ul li.bar { border-right:1px solid #edf3f9; background-color:#6c81ba; }
div#evolution p { margin:5px 0; }

/* get new activation mail */
div#getActivationMail {}
div#getActivationMail label { display:block; font-weight:bold; }
div#getActivationMail input { display:inline; }
div#getActivationMail input#myEmail { width:300px; padding:4px; font-size: 1.4em; }

/* WebCMS Tabs */
.WebCMSTabs { list-style-type: none; margin:0; padding:0; }
.WebCMSTabs li { display: inline; }
.WebCMSTabs li a.active { color: green; }


/* order domains */
div.domain { float:left; display:block; width:500px; height:auto; }
/*
	div.domain form {}
	div.domain form fieldset { border:1px solid #bfbfbf; }
	div.domain form legend { color: #bfbfbf; font-weight:bold; }
	div.domain form p { clear:both; height:18px; }
	div.domain form p label { float:left; display:bloclk; width:120px; line-height:18px; }
	div.domain form p input { float:left; }
	div.domain form p span { clear:left; display:block; margin-left:120px; font-size:.9em; color:#999; line-height:1em; }
	div.domain form p.explain { height:30px; line-height:30px; }
	*/
	div.domain form {}
	div.domain form fieldset { border:1px solid #bfbfbf; }
	div.domain form legend { color: #bfbfbf; font-weight:bold; }
	div.domain form p { clear:both; height:18px; }
	div.domain form div label,
	div.domain form p label { float:left; display:block; width:130px; line-height:18px; text-align: right; margin-right: 10px; }
	div.domain form p input { float:left; }
	div.domain form p span.ex { clear:left; display:block; margin-left:140px; font-size:.9em; color:#999; line-height:1em; }
	div.domain form div .youare { float: left; display: block; width:330px; height:46px; }
	div.domain form div .youare div.formoption { float:left; display:block; width:165px; }
	div.domain form div span.youare label { text-align: left; }
	div.domain form p span.cgv { }
	div.domain form p span.cgv label { width:300px; text-align: left; }
	div.domain form p.name span { display:none; }
	div.domain form p.explain { height:30px; line-height:30px; }

	div#wrapper div.domain form#choice_domain p label { width:300px; text-align: left; }
	div#wrapper div.domain form#choice_domain p.explain { margin:0 0 16px; }
	div#wrapper div.domain form#choice_domain p.explain input { float:none; }
	div#wrapper div.domain form#choice_domain p.explain span { margin-left:0; }

	div.waitplease { }
		.waitplease input { height:22px; }
		.waitplease span { margin-left:6px; }

	div.recordDomain,
	div.useDomain { display:none; }

	table.hostingprice { margin-left: 12px; width: 400px; border-collapse: collapse; }
	table.hostingprice th.firstcolumn { border-bottom: 1px solid #dadada; }
	table.hostingprice th.secondcolumn { width: 50px; text-align: right; border-bottom: 1px solid #dadada; }
	td.price { text-align: right; }
	td.totalttc { font-weight: bold; }
	span.domain-highlight { color: #6C81BA; }

	.isFirm, .isAssoc, .isPublic { display:none; }

	div.domain div.domain_result { margin-top: 6px; }
		div.domain div.ok { color: green; }
		div.domain div.nok { color:red; }
	div.domain div.domain_result span { font-weight:bold; }

	div.setDomain { margin:11px 0; }
	div.setContact { display:none; margin:11px 0; }
	div.payby { display: none; }

	div.domain p.info,
	div.payby p.info { padding-left:20px; height:16px; line-height:20px; color:#3c49cd; background:transparent url(../layout/error.png) no-repeat 0 0; }

div.whyGetPremium { float:left; display:block; width:400px; height:auto; padding-left:11px; margin-left:11px; border-left: 1px dashed #bfbfbf; }
	div.whyGetPremium p { font-size: 1em; }

div.payby {}
div.payby span.amount { font-weight:bold; }
div.payby ul li span { margin-left: 2px; font-weight:bold; }
div.payby .payAction { text-align: left; margin: 10px; }

div#payByVirement { font-size:12px; }
div#payByVirement span.bold { font-weight:bold; }
div#payByVirement span.virementPrice,
div#payByVirement span.virementDescription { font-weight:bold; color:#3c49cd; }
div#payByVirement span.virementDescription { display:block; }
div#payByVirement ul.bankInfos { list-style-type:none; padding:4px; margin:20px 0; border:1px solid #bfbfbf;}
div#payByVirement ul.bankInfos li { clear:both; }
div#payByVirement ul.bankInfos li span { float:left; display:block; width:110px; margin-right:4px; font-weight:bold; text-align:right; }

/* orderRenew */
div.orderRenewInfos { border:1px solid #dadada; background-color:#6C81BA; color: #fff; }
div.orderRenewInfos div.firstfloat { width: 50%; margin-right: 20px; }
div.orderRenewInfos p.client { margin-top:0; border-left: 1px solid #bfbfbf; padding-left: 10px; }
div.orderRenewInfos a { color: #fff; }
div.orderRenewInfos a:hover { color: #333; }
table.orderItems { width: 100%; border-collapse: collapse; }
table.orderItems caption { font-weight: bold; font-size: 1.2em; }
table.orderItems tbody td { text-align: right; border: 1px solid #bfbfbf; border-style: solid none; }
table.orderItems tbody td:first-child { text-align: left; }
table.orderItems tfoot td { text-align: right; }

div.orderRenew p.paymentImgs { text-align: center; }
div.orderRenew p.paymentImgs img { margin: 5px 20px; }
div.orderRenew div.payby { display: block; }
div.orderRenew div.cbcic { background: transparent url(img/cic-paiement-horizon-grd.jpg) no-repeat 200px 0; }

/* footer */
div#wrapper_footer { position:relative; clear:both; border-top: 1px solid #bfbfbf; padding-top: 20px; }
div#footer { position:relative; display:block; width: 1000px; min-height: 200px; padding:0; margin: 0 auto; font-size:1em; text-align:left; }

	div#footer a { color: #666; text-decoration: none; }
	div#footer a:hover { text-decoration: underline; }

	div#footer div { float: left; width: 160px; margin-right: 20px; }
	div#footer div h4 { margin:0; }
	div#footer div a { display: block; width: 180px; height: 10px; padding: 4px 0; }
	div#footer div:first-child { width: 250px; }
	div#footer div:first-child a { width: 250px; }
	div#footer div.facebook,
	div#footer div.twitter { width: 80px; margin:0; }

	div.wrapper_phoning { }
	div.wrapper_phoning p { padding:0; margin:0; font-weight: bold; }
	div.wrapper_phoning p span { display: block; color: #666; font-weight: normal; }

div.subFooter { position: absolute; bottom:2px; left:0; width: 100%; color: #666; }
div.subFooter h5,
div.subFooter p { margin:0; font-weight: normal; font-size: 8pt; }
div.subFooter p { font-size: 8pt; }
div.subFooter a { color: #666; text-decoration: none; }
div.subFooter a:hover { color: #bfbfbf; text-decoration: underline; }

/* Exemples */
div#swg_examples { padding: 10px 0; }
div#swg_examples ul { list-style-type: none; margin:0; padding:0; }
div#swg_examples ul li { display: inline; padding: 2px 6px; }
