/* $Id: defaults.css,v 1.2 2006/08/25 09:01:12 drumm Exp $ */

/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  /*height: 1px;*/
  /*border: 1px solid gray;*/
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left;
  padding-right: 1em;
  /*border-bottom: 3px solid #ccc;*/
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

#service{
	width:247px;
	background:url(http://www.creation-internet-site-web.com/images/latest_service_bg.gif) 0 0 repeat-x #94B10A;
	color:#fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	/*clear: both;*/
	float: right;
}
#service h2.hservice{
	display:block;
	font-weight: bold;
	color: #fff;
	height:21px;
	margin:0 0 6px 0;
	padding:0 0 0 21px;
}
#service h3{
	font-size:12px;
	line-height:18px;
	margin:0 0 16px 0;
	display:block;
	padding:0 0 0 21px;
}
#service img.pic{
	display:inline;
	font-size:0;
	line-height:0;
	clear:both;
	float:left;
	padding:0 0 0 0px;
	margin-top: 0px;
}
#service ul{
	width:122px;
	display: block;
	padding: 0px;
	margin: 0px;
	/*clear: both;*/
	float:right;
}
#service ul li{
	font-size:0;
	line-height:0;
}
#service ul li a{
	display:block;
	padding:0 0 0 7px;
	width: 116px;
	background:url(http://www.creation-internet-site-web.com/images/arrow.gif) 0 7px no-repeat;
	font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#service ul li a:hover{
	background-color:#8DA909;
	color:#fff;
}
#service ul li a.rm2{
	display:block;
	background:url(http://www.creation-internet-site-web.com/images/read_more2.gif) 0 0 no-repeat;
	width:56px;
	height:17px;
	margin:17px 0 0 0;
}
#service ul li a.rm2:hover{
	background:url(http://www.creation-internet-site-web.com/images/read_more2_hover.gif) 0 0 no-repeat;
}
#service p.serBot{
	display:block;
	background:url(http://www.creation-internet-site-web.com/images/service_bottom.gif) 0 0 no-repeat;
	width:247px;
	height:16px;
	font-size:0;
	line-height:0;
	margin: 0px;
	float:left;
}

#question{
	width:247px;
	background:url(http://www.creation-internet-site-web.com/images/question_bg.gif) 0 0 repeat-x #DD9B0C;
	color:#fff;
	padding:15px 0 0 0;
	margin:0 0 9px 0;
	clear: both;
	float: left;

}
#question h2.hquestion{
	display:block;
	font-weight: bold;
	color: #fff;
	height:21px;
	margin:0 0 7px 0;
	padding:0 0 0 21px;
}
#question h3{
	font-size:12px;
	line-height:18px;
	margin:0 0 16px 0;
	display:block;
	padding:0 0 0 21px;
}
#question img.pic2{
	display:inline;
	font-size:0;
	line-height:0;
	float:left;
	padding:0 0 0 10px;
	margin-top: 0px;
}
#question ul{
	width:122px;
	display: block;
	padding: 0px;
	margin: 0px;
	/*clear: both;*/
	float:right;
}
#question ul li{
	font-size:0;
	line-height:0;
}
#question ul li a{
	display:block;
	width: 114px;
	padding:0 0 0 7px;
	background:url(http://www.creation-internet-site-web.com/images/arrow.gif) 0 7px no-repeat;
	font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#question ul li a:hover{
	background-color:#D4950C;
	color:#fff;
}
#question ul li a.rm3{
	display:block;
	background:url(http://www.creation-internet-site-web.com/images/read_more2.gif) 0 0 no-repeat;
	width:56px;
	height:17px;
	margin:17px 0 0 0;
}
#question ul li a.rm3:hover{
	background:url(http://www.creation-internet-site-web.com/images/read_more3_hover.gif) 0 0 no-repeat;
}
#question p.questionBot{
	display:block;
	background:url(http://www.creation-internet-site-web.com/images/question_bottom.gif) 0 0 no-repeat;
	width:247px;
	height:16px;
	font-size:0;
	line-height:0;
	margin: 0px;
	float:left;
}


blockquote.withquote {
        /*width:600px;*/
        display: compact;
        margin-top: 0px;
        margin-left: 0px;
        padding-left: 18px;
        background:url(http://www.creation-internet-site-web.com/images/quote-left.gif) no-repeat;
        background-position:top left;
}

p.withunquote {
        background: url(http://www.creation-internet-site-web.com/images/quote-right.gif) no-repeat;
        background-position:bottom right;
        line-height: 1.3em;
        margin: 0px;
        padding-left:0px;
        padding-right:9px;
        padding-top: 0px;
        text-align:left;
        clear: right;
}

.infobulle {
        font-weight: bold;
        font-size: 11px;
	text-align:left;
	line-height: 13px;
        display: block;
        padding:4px 8px 6px 8px;
        color: #000;
        border: 1px dotted #B8BAC7;
        background: #F8F9FA;
        filter:alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;

}

ul.clem {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	padding-top: 0px;
	margin-top: 0px;
	}
ul.clem li:first-letter {
        color: #ff6600;
        font-weight: bold;
}

#indexHeader {
	padding-right: 0px; 
  padding-left: 17px; 
  background: url(http://www.creation-internet-site-web.com/images/barn07-index-h1-bg.jpg) no-repeat -1px 3px;
  padding-bottom: 15px; 
  padding-top: 12px; 
  height: 137px
}
#indexHeader ul {
	margin-top: 20px; 
  font-size: 100%
}