/*******************************************************************************
* GLOBAL
*******************************************************************************/
* { margin:0; padding:0; }

body, html { background: #fe8fcd url(../img/bg-page.gif) repeat; height:100%; }
body { font-size:12px; }

hr {border-bottom:1px solid #FE8FCD;margin: 0 100px 15px 100px;}
h1, h2, h3, h4 { font-weight:bold; }
h1{font-size: 1.4em; color:#AA4080;margin: 0 0 5px 0;}
h2 { font-size:medium; color:#AA4080;font-size: 1.3em; }
h3 { font-size:medium;font-size: 1.2em; color:#37b0ee;margin: 0 0 0 0; }
h4 {
	font-size:medium;font-size: 1.1em;color:#fc5ca8;margin: 0 34px 20px 34px;padding:0 0 10px 0;
	border-bottom: 1px dotted #FF00CC;
}
p { margin:0; }

.clear {
    width:100%;
    font-size:1px;
    line-height:1px;
    height:1px;
    clear:both;
}
.error { cursor:help; }

/*******************************************************************************
* LIENS
*******************************************************************************/
a { color: #69c2f0; text-decoration:underline; }
a:hover { color:#aa4080; }

a.ext { background: url(../img/link_off.gif) no-repeat 0 4px; padding-left:14px; }
a.ext:hover { background-image: url(../img/link_on.gif); }

/*******************************************************************************
* CONTAINAIRE de PAGE
*******************************************************************************/
div#page {
    position:absolute;
    background: url(../img/bg.png) no-repeat;
    left:60px;
    top:0;
    width:829px;
    height:834px;
}

/*******************************************************************************
* MENU
*******************************************************************************/
dl#menu {
    list-style-type:none;
    position:absolute;
    top:153px;
    left:123px;
}
ul#menu li { text-indent: -10000px; }
ul#menu li a { display: block; text-decoration:none; position:relative; }

a#menu-home { background: url(../img/nav_accueil.gif) no-repeat; height:34px; width:131px; margin:0 0 0 -6px; }
a#menu-scult { background: url(../img/nav_scult.gif) no-repeat; height:31px; width:131px; margin:0; }
a#menu-deco { background: url(../img/nav_deco.gif) no-repeat; height:35px; width:131px; margin:-6px 0 0 4px; }
a#menu-news { background: url(../img/nav_news.gif) no-repeat; height:34px; width:131px; margin:0 0 0 9px; }
a#menu-contact { background: url(../img/nav_contact.gif) no-repeat; height:32px; width:131px; margin:-10px 0 0 11px; }
a#menu-blog { background: url(../img/nav_blog.gif) no-repeat; height:32px; width:131px; margin:-1px 0 0 16px; }
a#menu-shop { background: url(../img/nav_shop.png) no-repeat; height:22px; width:73px; margin:170px 0 0 -19px;  }

a#menu-home:hover, a#menu-scult:hover, a#menu-deco:hover, a#menu-news:hover, a#menu-contact:hover, a#menu-blog:hover { background-position:-130px 0; }

a#menu-home.active, a#menu-scult.active, a#menu-deco.active, a#menu-news.active, a#menu-blog.active, a#menu-contact.active { background-position:-260px 0; }

 dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dt {
cursor: pointer;
}
dt#menu-home { background: url(../img/nav_accueil.gif) no-repeat; height:34px; width:131px; margin:0 0 0 -12px; }
dt#menu-scult { background: url(../img/nav_scult.gif) no-repeat; height:29px; width:131px; margin:1px 0 0 -6px; }
dt#menu-deco { background: url(../img/nav_deco.gif) no-repeat; height:35px; width:131px; margin:-6px 0 0 -2px; }
dt#menu-news { background: url(../img/nav_news.gif) no-repeat; height:34px; width:131px; margin:0 0 0 5px; }
dt#menu-contact { background: url(../img/nav_contact.gif) no-repeat; height:32px; width:131px; margin:-10px 0 0 7px; }
dt#menu-blog { background: url(../img/nav_blog.gif) no-repeat; height:32px; width:131px; margin:-1px 0 0 12px; }
dt#menu-shop { background: url(../img/nav_shop.png) no-repeat; height:22px; width:73px; top:407px; left:-5px; }


#menu dd {
position: absolute;
z-index: 100;
width:97px;
height:96px;
left: 2em;
margin: -10px 0 0 0;
padding:0 0 0 5px;
background:url(../img/nav_bg.gif) no-repeat;}

#menu li a, #menu dt a {
color: #AA4080;
font-weight:bold;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}
/*******************************************************************************
* S-TEREZ LOGO & ESQUISSE
*******************************************************************************/
div#logo {
    position:absolute;
    top:65px;
    left:256px;
    width:173px;
    height:76px;
    background: url(../img/s-terez.png) no-repeat 0 0;
}

div#dessin {
    position:absolute;
    top:55px;
    left:500px;
    width:190px;
    height:120px;
}
div.fr1 { background: url(../img/img-bleu.gif) no-repeat; }
div.fr2 { background: url(../img/img-mauv.gif) no-repeat; }
div.fr3 { background: url(../img/img-lampe.gif) no-repeat; }
div.fr4 { background: url(../img/img-deco.gif) no-repeat; }
div.fr5 { background: url(../img/img-objet.gif) no-repeat; }
div.fr6 { background: url(../img/img-rouge.gif) no-repeat; }
div.fr7 { background: url(../img/img-rire.gif) no-repeat; }
div.fr8 { background: url(../img/img-presse.gif) no-repeat; }

/*******************************************************************************
* HEADING - TITRE
*******************************************************************************/
div#heading { position:absolute; top:180px; left:290px; }

div#heading h1 { height:50px; width:270px; }
div#heading h1 b { display:none; }

div#heading h1.s-terez { background: url(../img/titre_acc.gif) no-repeat; }
div#heading h1.deco { background: url(../img/titre_deco.gif) no-repeat; }
div#heading h1.scult { background: url(../img/titre_scult.gif) no-repeat; }
div#heading h1.lum { background: url(../img/titre_lum.gif) no-repeat; }
div#heading h1.mob { background: url(../img/titre_mob.gif) no-repeat; }
div#heading h1.obj { background: url(../img/titre_obj.gif) no-repeat; }
div#heading h1.actu { background: url(../img/titre_actu.gif) no-repeat; }
div#heading h1.qui { background: url(../img/titre_qui.gif) no-repeat; }
div#heading h1.press { background: url(../img/titre_press.gif) no-repeat; }
div#heading h1.lien { background: url(../img/titre_lien.gif) no-repeat; }
div#heading h1.con { background: url(../img/titre_con.gif) no-repeat; }
div#heading h1.com { background: url(../img/titre_commande.gif) no-repeat; }


/*******************************************************************************
* CONTENT - CONTENU
*******************************************************************************/
div#contentwrapper {
    position:absolute;
    top:259px;
    left:253px;
    width:507px;
    z-index:10;
}
div#content { background: url(../img/content-bg.png) repeat-y; padding:0 34px 30px 34px;min-height:350px; }
div#content-ie { background: url(../img/content-bg.png) repeat-y 2px 0; padding:0 34px 10px 34px; }

img#welcomeimage {
    position:relative;
    top:-20px;
    left:-28px;
    margin-bottom:10px;
}

/*******************************************************************************
* FOOTER - PIED DE PAGE
*******************************************************************************/
div#footer, div#footer-ie {font-size:11px;text-align: center;color: #bfce33;height:52px;padding: 10px 0 0 0;}
/*div#footer { background: url(../img/footer-bg.png) no-repeat; }*/
div#footer {
        background:transparent url(../img/footer-bg.png) no-repeat top left; /* IE6, IE7beta2, Gecko */
        _background:none; /* IE6 */
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/footer-bg.png', sizingMethod='scale'); /* IE6 */
    }
div#footer-ie { background:#F4F4F4 url(../img/footer-bg.gif) no-repeat 2px 0;filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/footer-bg.gif', sizingMethod='scale'); }

/*******************************************************************************
* PORTFOLIO - MINIATURES
*******************************************************************************/
div.miniatures { margin-bottom:20px; }
div.miniatures a img {
    background:url(../img/background_thumbnail.png) no-repeat;
    padding:3px 3px 10px 3px;
    margin-right:4px;
}

/*******************************************************************************
* STARTPAGE
*******************************************************************************/
.left {
	float: left;
	padding:5px 10px 0 0 ;
}
.right {
	float: right;
	padding:5px 20px 0 0 ;
}


/*******************************************************************************
* NEWS
*******************************************************************************/
#newswrapper { position:absolute; top:-200px; left:520px; }

#newstop {
    height:29px;
    width:160px;
    background:url(../img/news-top.gif) no-repeat;
}
#newscontent {
    width:160px;
    background:url(../img/news-bg.gif) repeat-y;
    padding:5px 0 20px 15px;
}
#newsfooter {
    height:22px;
    width:160px;
    background:url(../img/news-footer.gif) no-repeat;
}
#newscontent .newspost h3 { color:#AA4080;font-size:small; background:transparent; }
#newscontent .newspost p { margin:0px; color:#000; background-color:transparent; }

#newscontent .newspost a { color:#69c2f0; background-color:transparent; }
#newscontent .newspost a:hover { color:#AA4080; background-color:transparent; }
#newscontent .newspost a.ext { background: url(../img/link_off.gif) no-repeat 0 4px; padding-left:14px; }
#newscontent .newspost a.ext:hover { background: url(../img/link_on.gif) no-repeat 0 4px; }

#newscontent .newspost {
    width:118px;
    margin-top:15px;
    padding:6px;
    background:url(../img/newspost-bg.gif);
}


/*******************************************************************************
* ANNOUNCES
*******************************************************************************/
#annonce {
	width:150px;
	float:right;
	margin:0 5px 0 0;
	background: #37B0EE;
}

#annonce p{ background:url(../img/annonce_bg.gif) repeat-y 0 0; padding:6px 13px;margin:0 0 20px 0;
 }
#annonce h3 {
color:#ABDB3A;
background:url(../img/annonce_top.gif) no-repeat 0 top;
padding:30px 0 0 32px;
height:30px; }

/*******************************************************************************
* CONTACT PAGE
*******************************************************************************/
form{
	padding:0;
	width:255px;
}
fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	background-color:#DCF1FC;
	margin:10px 0 0 0;
	padding:5px 10px;
	border:1px solid #37B0EE;
}
textbox {
	margin-top:2px;
}
formul {
	overflow: visible;
	float: expression('left');
	position: relative;
}
	
legend {
	position: expression('absolute');
	top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 2px 5px;
	font-weight: bold;
	color:#37B0EE;
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.prefield, .label  {
	display: -moz-inline-box;
	display: inline-block;	
	width: expression('7em'); /* Min-width for IE6 */
	min-width: 6em;
	padding: 0 2px;
	margin: 0.6em 4px 0 0;
}
.label { display: block; width: auto; }

label.postField  {
	margin: 0 4px;
}
textarea {
	padding: 0;
	vertical-align:top;
	width: 199px;
	height: 90px;
}
input[type=image] {
border:0;
}
input[type=text], input[type=password] {
	width: 15em;
}
select {
	padding: 0;
	margin: 2px 0 1px 0;
}

/* Form Builder Related Rules */
/* ========================== */
/* Form or Fieldset instruction paragraph. */
/* Form Builder Related Rules */
/* ========================== */
/* Form or Fieldset instruction paragraph. */
.instructions {
	margin: 0.7em 0;
	font-size: 0.9em;
	font-style: oblique;	
}
/* Ties together a label and its checkbox or radio */
.oneChoice {
	white-space: nowrap; 
}
/* wForms Related Rules */
/* ==================== */
/* Field w/ a validation error */
.error {	
	border: 1px solid #AA4080;
}
.errFld {
	border: 1px solid #AA4080;
	background:#FFD9EC;
}
/* Styling for message associated with a validation error. */
.errorMsg { 
	color: #AA4080 !important;
	display: inline;
}
.errMsg {	
	color: #AA4080 !important;
	display: block;
}
/* Field-Hint with focus */
.field-hint {
	color: #000;
	float: right;
	clear: right;
	width: 30px;
	font-size: 85%;
	min-height: 2em;	
	padding: 0 0 0 20px ;
}
/* Field-Hint without focus */
.field-hint-inactive {
	color: #666;
	float: right;
	clear: right;
	width: 30px;
	font-size: 85%;
	min-height: 2em;
	padding: 0 0 0 20px ;
}
/* Repeat Behavior  */
.repeat {
	border: 1px solid #ddd;
	background-color: #FFFFFF;
	margin: 3px 0;
	padding-right: 6px;
}
.removeable {
	border: 1px solid #ddd;
	background-color: #F3F3F3;
	padding-right: 6px;	
}
/* Links generated by the Repeat Behavior */
.duplicateLink {
	margin-top: 10px;
	font-weight: bold;
	text-align: right;
	display: block;
}
.removeLink {
	margin-top: 10px;
	text-align: right;
	display: block;
	color: #CC3300;
}
/* Switch Behavior Classes */
.onstate-a, .onstate-b, .onstate-c, .onstate-d {
	display: block;
}
.onstate-e, .onstate-f, .onstate-g {
	display: inline;
}
.onstate-h, .onstate-i, .onstate-j {
	display: inline;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */