body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	word-spacing: normal;
	text-align: center;
}

#container {
	line-height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
	width: 974px; /* IE 5 */
}

html>body #container {
	width: 974px; /* Mozilla & Safari & IE bug */
}

#left {
	overflow: hidden;
	float: left;
	width: 240px;
    font-size: 12px;
}
#right {
	display:none;
}
.left-site ul, .left-site li {
       margin:0;
       padding:0px;
}
#center {
	overflow: hidden;
	float: left;
	width: 730px;
	background: transparent;
    font-size:11px;
    height: 450px;
    overflow: auto;
}

.content {
    font-size: 12px;
    padding: 0 10px;
}
#banner {
	color: #fff;
	height: 134px;
	background: transparent url(http://ihop.blog.blogspirit-business.com/images/design/banner.jpg) no-repeat 0% 0%;
    margin-bottom:20px;
}

#banner .banner-decorator2 {
    font-weight:bold;
    font-size: 12px;
}

#banner a {
	color: #fff;
	text-decoration: none;
}

#banner-img {
    display: none;
}

div.img-link a {
    display: block;
	text-decoration: none;
	width: 100%;
	}

.nowrap {
	white-space: nowrap;
}
.content a {
	text-decoration: underline;
}
a {
    text-decoration: none;
}

a:link {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #000;
}

a:active {
	color: #000;
}


h1, h2{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.content h3{
    color: #792E81;
    font-size: 16px; 
}
.posted{
    border-bottom: 1px solid #595959;
    text-align:right;
}
.posted a{
    color: #792E81;
}
#footer {
    border-top: 1px solid #595959;
    font-size:12px;
}
.construire, a#rub-construire {
    color: #009D58;
}
.evaluer, a#rub-evaluer {
    color: #7A9EDA;
}
.la_gamme, a#rub-la_gamme {
    color: #F7941D;
}
.contacts, a#rub-contacts {
    color: #05A1CA;
}
.pourquoi_hopscotch_, a#rub-pourquoi_hopscotch_ {
    color: #DF3128;
}
.pourquoi_l_ifop_, a#rub-pourquoi_l_ifop_ {
    color: #CDC615;
}
input, select, textarea {
    border:1px solid #CCCCCC;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    vertical-align:middle;
}
h2.date {
    font-size: 14px;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
#left h2{
	background-color: #792E81;
	font-weight: bold;
    font-size: 12px;
}

h3.accueil, h3.contacts  {
    display: none;
}
h3.la_gamme  {
    border-bottom: 1px solid #F7941D;
    color: #F7941D;
}
h3.construire  {
    border-bottom: 1px solid #009D58;
    color: #009D58;
}
h3.evaluer  {
    border-bottom: 1px solid #7A9EDA;
    color: #7A9EDA;
}
h3.pourquoi_hopscotch_ {
    border-bottom: 1px solid #DF3128;
    color: #DF3128;
}
h3.pourquoi_l_ifop_ {
    border-bottom: 1px solid #CDC615;
    color: #CDC615;
}

#current-construire {
    background-color: #009D58;
}
#current-evaluer {
    background-color: #7A9EDA;
}
#current-la_gamme{
    background-color: #F7941D;
}
#current-pourquoi_hopscotch_ {
    background-color: #DF3128;
}
#current-pourquoi_l_ifop_ {
    background-color: #CDC615;
}
li#current-construire a, li#current-evaluer a, li#current-la_gamme a , li#current-pourquoi_hopscotch_ a, li#current-pourquoi_l_ifop_ a, #left h2{
    color:#fff;
}
ul.popular-tags li{
    list-style-type:none;
    display:inline;
    padding: 0px;
}
ul.popular-tags{
    padding: 0px;
}


form .formelement {
	clear: both;
	padding-top: 0.4em;
	padding-bottom: 0.8em;
	font-size: 95%;
	background: transparent;
	width: 400px;
}

form .formelement .name {
	float: left;
	width: auto;
	padding-left: 1em;
}

form .formelement .value {
	float: right;
	width: 70%;
}

form .formelement .error {
	color: #f00;
	font-weight: bold;
	font-size: 90%;
}
.link-note {
        text-align:center;
}

.link-note img, .link-note img a {
        border:0px;
}