/* general */
.left{
	float: left;
	}
.clear {
	clear: left;
	}
/* homepage + my message */
.hp{
	background: url(bckgd.box1.hp.gif) no-repeat;
	padding: 101px 0 0 0;
	text-align: left;
	}
.hp h1{
	color: #0A3A42;
	display: block;
	background: url(quote.gif) no-repeat;
	padding: 20px 0 0 17px;
	font-size: 36px;
	font-weight: normal;
	margin: 0 0 0 25px;
	}
.hp p{
	color: #0A3A42;
	font-size: 21px;
	margin: 0 0 0 43px;
	width: 400px;
	}
#video{
	width: 327px;
	height: 265px;
	position: absolute;
	top: 12px;
	right: 15px;
	}
#search-fast{
	width: 402px;
	height: 46px;
	padding: 15px 0 0 15px;
	position: absolute;
	top: 20px;
	left: 26px;
	background: url(search.fast.gif) no-repeat;
	text-align: left;
	}
#search-fast input{
	width: 315px;
	height: 24px;
	font-size: 23px;
	padding: 3px 6px;
	color: #75808D;
	text-transform: uppercase;
	}
#searchbar{
	width: 771px;
	height: 62px;
	padding: 0;
	position: relative;
	margin: 0 auto;
	background: url(search.gif) no-repeat;
	text-align: left;
	}
#searchbar input{
	width: 675px;
	height: 31px;
	padding: 0;
	position: relative;
	margin: 15px 0 0 20px;
	text-align: left;
	font-size: 26px;
	color: #75808D;
	text-transform: uppercase;
	}
#results-search-fast, #results-search{
	width: 317px;
	height: 209px;
	padding: 2px 0 0 12px;
	border: 1px solid #424242;
	position: absolute;
	top: 48px;
	left: 14px;
	background: #fff;
	color: red;
	}
#results-search{
	width: 672px;
	}
#results-search-fast span, #results-search span{
	font-size: 14px;
	color: #A1B5B4;
	}
#results-search-fast ul, #results-search ul{
	list-style: none;
	}
#results-search-fast a, #results-search a{
	color: #03636D;
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	}
a#add-brand-search-fast, a#add-brand-search{
	display: block;
	text-align: center;
	padding-top: 4px;
	width: 321px;
	height: 33px;
	position: absolute;
	bottom: 4px;
	left: 4px;
	background: url(bt.results.search.fast.gif) no-repeat;
	font-size: 17px;
	color: #001960;
	text-decoration: none;
	}
a#add-brand-search{
	width: 671px;
	background: url(bt.results.search.gif) no-repeat;
	}
#relations, #natures, #message {
	text-align: left;
	padding: 0 0 0 26px;
	}
#natures{
	background: url(sep.message.gif) no-repeat 14px 3px;
	}
#message{
	padding-top: 20px;
	}
#relations h3{
	font-size: 18px;
	padding: 14px 0 15px 77px;
	background: url(picto.relations.gif) no-repeat;
	color: #6E727A;
	font-weight: normal;
	}
#natures h3{
	font-size: 18px;
	padding: 14px 0 15px 77px;
	background: url(picto.natures.gif) no-repeat;
	color: #6E727A;
	font-weight: normal;
	}
#message h3{
	font-size: 18px;
	padding: 14px 0 20px 77px;
	background: url(picto.message.gif) no-repeat;
	color: #6E727A;
	font-weight: normal;
	}
#relations p, #natures p{
	padding: 0 0 0 78px;
	line-height: 30px;
	}
#relations label, #natures label{
	padding: 0 0 0 10px;
	font-size: 17px;
	color: #6E727A;
	}
#message textarea{
	width:678px;
	height: 102px;
	border: 1px solid #6E727A;
	margin: 0 0 18px 78px;
	font-size: 16px;
	color: #6E727A;
	padding: 4px;
	}
#submit, #sign #submit{
	display: block;
	padding: 0;
	color: #fff;
	border: none;
	background: url(bt.submit.gif) no-repeat;
	width: 177px;
	height: 32px;
	margin: 0 0 0 591px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	}
#search, #connect{
	position: relative;
	padding: 16px 0 20px 0;
	}
#brand, #sign{
	width:770px;
	position: relative;
	background: url(sep.brand.gif) repeat-y 180px 0;
	margin: 0 auto;
	}
#logo-brand{
	position: absolute;
	}
#brand h2{
	color: #484949;
	font-size: 21px;
	padding: 0 0 0 218px;
	}
#brand h3,  #sign h3{
	display: block;
	font-size: 18px;
	height: 43px;
	background: url(title.addbrand.gif) no-repeat 208px 0;
	width: 310px;
	padding: 5px 0 0 208px;
	text-align: center;
	}
#connect .out h3{
	position: relative;
	margin: 0 0 0 210px;
	font-size: 18px;
	height: 43px;
	background: url(title.create.account.gif) no-repeat 0 0;
	width: 238px;
	padding: 5px 0 0 0;
	text-align: center;
	}
#brand p, #sign p{
	color: #484949;
	font-size: 13px;
	padding: 20px 0 0 218px;
	line-height: 18px;
	height: 125px;
	text-align: justify;
	}
#new-search{
	display: block;
	width: 203px;
	height: 28px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(bt.new.search.gif) no-repeat;
	font-size: 16px;
	text-decoration: none;
	padding: 7px 0 0 36px;
	text-align: center;
	}
#new-search:hover{
	color: #15CAE8;
	}
#no-account{
	display: block;
	width: 225px;
	height: 34px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(bt.no.account.gif) no-repeat;
	font-size: 14px;
	text-decoration: none;
	padding: 8px 12px 0 0;
	text-align: center;
	}
#no-account:hover{
	background: url(bt.no.account.hover.gif) no-repeat;
	}
#yes-account{
	display: block;
	width: 291px;
	height: 27px;
	position: absolute;
	top: 0px;
	right: 0;
	background: url(bt.yes.account.gif) no-repeat;
	font-size: 16px;
	text-decoration: none;
	padding: 7px 15px 0 0;
	text-align: center;
	}
#yes-account:hover{
	background: url(bt.yes.account.hover.gif) no-repeat;
	}
#brand label, #sign label{
	color: #6E727A;
	font-size: 18px;
	padding: 17px 0 0 208px;
	display: block;
	}
#brand input, #brand textarea, #sign input{
	display: block;
	color: #6E727A;
	font-size: 18px;
	width: 555px;
	height: 28px;
	border: 1px solid #BCBCBC;
	margin: 4px 0 0 208px;
	padding: 4px 2px 0 2px;
	}
#sign #psswd{
	margin-bottom: 30px;
	}
#connect .out #psswd{
	width:266px;
	}
#connect .out input.conf-psswd{
	position: absolute;
	top: 167px;
	left: 497px;
	width:266px;
	margin: 0;
	}
#sign label.conf-psswd{
	position: absolute;
	padding: 0;
	top: 141px;
	left: 499px;
	}
#brand p#advise, #sign p#advise{
	display: block;
	width: 158px;
	height: 205px;
	font-size: 12px;
	position: absolute;
	padding: 0;
	top: 11px;
	}
#sign p#advise{
	height: 228px;
	}
#brand p#advise span, #sign p#advise span{
	color: #494949;
	font-weight: bold;
	font-size: 13px;
	display: block;
	}
#brand textarea{
	height: 60px;
	}
.add {
	height: 250px;
	}
.desc {
	height: 180px;
	}
/* statistiques */
.stats {
	background: url(bckgd.stats.gif) no-repeat;
	padding: 0 0 42px 0;
	margin: 10px 0 0 0;
	text-align: left;
	}
.stats h3{
	font-size: 26px;
	padding: 26px 0 0 68px;
	background: url(picto.stats.gif) 16px 12px no-repeat;
	}
.stats h4{
	text-align: left;
	padding: 10px 0 0 20px;
	font-size: 19px;
	font-weight: normal;
	}
#humeur-conso{
	margin: 15px 0 0 20px;
	font-size: 13px;
	width: 229px;
	border-collapse: collapse;
	}
#humeur-conso tr{
	height: 18px;
	}
#humeur-conso .col3{
	width: 142px;
	}
#humeur-conso .col3{
	width: 30px;
	text-align: right;
	}
/* my opinion */
.opinion span.top{
	background: url(top.opinion.gif) no-repeat ;
	}
#opinion{
	width: 546px;
	height: 126px;
	background: url(bckgd.opinion.gif) no-repeat;
	padding: 25px 33px 25px 250px;
	}
#opinion h2{
	color: #494949;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 25px;
	}
#opinion p{
	color: #494949;
	font-size: 13px;
	line-height: 18px;
	}
#myopinion, #myavis{
	width: 365px;
	padding:20px 0 20px 33px;
	}
#myopinion h3, #myavis h3{
	color: #6E727A ;
	font-size: 24px;
	display: block;
	padding: 12px 0 10px 70px;
	}
#myopinion h3{
	background: url(picto.myopinion.gif) no-repeat;
	}
#myavis h3{
	background: url(picto.myavis.gif) no-repeat;
	}
#myopinion p, #myavis p{
	color: #6E727A ;
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
	}
.opinion table{
	margin: 5px 0 0 0;
	}
.opinion table td{
	width: 365px;
	padding: 0 0 10px 33px;
	color: #6E727A ;
	font-size: 22px;
	}
.opinion table #last td{
	padding-bottom: 35px;
	}
.question{
	display: block;
	width: 337px;
	height: 28px;
	padding: 6px 0 0 6px;
	background: url(bt.my.opinion.gif) no-repeat;
	font-size: 17px;
	text-decoration: none;
	}
.question:hover{
	background: url(bt.my.opinion.hover.gif) no-repeat;
	}
/* questionnaires */
.questionnaire h2{
	color: #494949 ;
	font-size: 24px;
	display: block;
	padding: 25px 0 35px 100px;
	background: url(picto.myopinion.gif) no-repeat 33px 15px;
	}
.questionnaire h3{
	color: #0D626B ;
	font-size: 20px;
	padding: 0 35px 0px 35px;
	}
.questionnaire form{
	padding: 0 35px 30px 45px;
	}
.questionnaire h4{
	color: #494949 ;
	font-size: 16px;
	font-weight: normal;
	padding:20px 35px 15px 0;
	}
.questionnaire p{
	padding: 0 0 5px 0;
	}

.citquestion label, .citquestion span, .citquestion select  {
	color: #6E727A ;
	padding: 0 0 0 15px;
	font-size: 13px;
	}

.questionnaire .nextLine
{
	padding-left:50px;
}
.questionnaire select{
	color: #6E727A ;
	font-size: 16px;
	border: 1px solid gray;
	}
.questionnaire option{
	color: #6E727A ;
	font-size: 16px;
	}
.questionnaire #submit{
	margin: 25px 0 0 570px;
	}
/* inbox */
.inbox{
	height: 474x;
	}
html>body .inbox {
	height: auto;
	min-height: 474px;
	}
.inbox h2{
	display: block;
	width: 609px;
	height: 44px;
	padding: 26px 0 0 18px;
	background: url(title.inbox.gif) no-repeat 0 12px;
	left: 30px;
	font-size: 16px;
	font-weight: normal;
	position: relative;
	}
.inbox .sep-title-inbox{
	height: 39px;
	background: url(sep.title.inbox.gif) no-repeat right;
	text-decoration: none;
	padding: 0 17px 0 0;
	}
.inbox h2 #search-inbox{
	color:#6E727A;
	font-size:14px;
	height:17px;
	position:absolute;
	text-align:left;
	width:205px;
	top: 27px;
	left: 362px;
	}
.inbox h2 #bt-search-inbox{
	background:transparent url(bt.search.inbox.gif) no-repeat;
	display:block;
	font-size:0;
	height:33px;
	width:33px;
	position: absolute;
	top: 20px;
	left: 585px;
	cursor: pointer;
	}
.inbox #signout{
	font-size: 14px;
	display: block;
	width: 103px;
	height: 47px;
	padding: 14px 17px 0 0;
	background:transparent url(bt.signout.gif) no-repeat;
	text-decoration: none;
	position: absolute;
	top: 12px;
	right: 30px;
	text-align: center;
	}
.inbox #signout:hover{
	background:transparent url(bt.signout.hover.gif) no-repeat;
	}
.inbox table{
	width: 764px;
	margin: 10px auto;
	border-collapse: collapse;
	}
.inbox table #titles td{
	color: #3F3F3F;
	font-size: 16px;
	}
.inbox table .col1{
	width: 160px;
	color: #6E727A;
	font-size: 14px;
	text-transform: uppercase;
	}
.inbox table td{
	font-size: 16px;
	height: 28px;
	padding: 8px 0 3px 6px;
	border-bottom: 1px solid #DFECED;
	}
.inbox table td{
	color: #3F3F3F;
	font-size: 13px;
	}
.inbox table .notread{
	font-weight: bold;
	color: #000;
	}
#footer-inbox{
	width: 766px;
	height: 34px;
	background:transparent url(bckgd.footer.inbox.gif) no-repeat 0 10px;
	font-size: 13px;
	position: relative;
	padding: 18px 0 20px 0;
	margin: 0 auto;
	}
#total-messages{
	margin: 0 0 0 15px;
	}
#title-pagination{
	margin: 0 0 0 550px;
	}
#footer-inbox ol{
	display: block;
	position: absolute;
	top: 17px;
	right: 15px;
	list-style: none;
	}
#footer-inbox ol li{
	list-style: none;
	display: block;
	height: 20px;
	margin: 0 2px;
	float: left;
	line-height: 20px;
	}
#footer-inbox ol li a{
	text-decoration: none;
	}
#footer-inbox ol li a:hover{
	color: #333;
	}
#footer-inbox ol li #current{
	font-size: 16px;
	font-weight: bold;
	}
/* mail */
.inbox h3{
	display: block;
	width: 683px;
	height: 54px;
	background: url(picto.message.inbox.gif) no-repeat 5px 22px;
	position: relative;
	left: 30px;
	padding: 30px 0 0 84px;
	}
.inbox h3 a{
	display: block;
	width: 600px;
	color: #6E727A;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 3px 0;
	}
.inbox h3 a span{
	display: block;
	float: left;
	width: 60px;
	color: #000;
	}
.inbox #back-inbox{
	font-size: 16px;
	display: block;
	width: 180px;
	height: 34px;
	background: url(bt.inbox.gif) no-repeat;
	text-decoration: none;
	position: absolute;
	top: 12px;
	right: 30px;
	text-align: center;
	padding: 13px 20px 0 0;
	}
.inbox #back-inbox:hover{
	background: url(bt.inbox.hover.gif) no-repeat;
	}
#texte-message{
	font-size: 15px;
	color: #444444;
	width: 758px;
	margin: 0 auto;
	padding-bottom: 20px;
	}
#feedback{
	width: 642px;
	height: 211px;
	background: url(bckgd.feedback.gif) no-repeat;
	margin: 0 auto ;
	padding: 50px 0 20px 120px;
	position: relative;
	}
#feedback h4{
	font-size: 16px;
	color: #0A9CA3;
	margin: 0 0 30px 0
	}
#feedback .questions{
	display: block;
	width: 640px;
	position: relative;
	padding-bottom: 10px;
	}
#feedback .question-feedback{
	font-size: 15px;
	display: block;
	width: 356px;
	color: #444444;
	float: left;
	}
#feedback label{
	margin: 0 65px 0 0;
	}
#feedback label a{
	text-decoration: none;
	font-size: 15px;
	color: #333333;
	cursor: pointer;
	}

.switch{
	position: absolute;
	top: 3px;
	right: 203px;
	z-index: 2;
	}
#answer-satisfaction, #answer-perception, #answer-recommandation{
	position: absolute;
	right: 25px;
	top: 3px;
	}
#feedback ul{
	list-style: none;
	}
#feedback ul .rating{
	display: block;
	float: left;
	position: relative;
	}
#feedback ul .rating a{
	display: block;
	width: 17px;
	height: 17px;
	font-size: 0;
	cursor: pointer;
	}
#feedback ul .rating a:hover{
	background: url(puce.rating.hover.gif) no-repeat;
	}
#feedback ul .rating span{
	display: block;
	width: 17px;
	height: 17px;
	padding: 10px 0 0 0;
	font-size: 12px;
	text-align: center;
	position: absolute;
	top: 18px;
	background: url(puce.info.gif) no-repeat;
	color: #000;
	}
.r01 a{
	background: url(puce.rating-01.gif) no-repeat;
	}
.r02 a{
	background: url(puce.rating-02.gif) no-repeat;
	}
.r03 a{
	background: url(puce.rating-03.gif) no-repeat;
	}
.r04 a{
	background: url(puce.rating-04.gif) no-repeat;
	}
.r05 a{
	background: url(puce.rating-05.gif) no-repeat;
	}
.r06 a{
	background: url(puce.rating-06.gif) no-repeat;
	}
.r07 a{
	background: url(puce.rating-07.gif) no-repeat;
	}
.r08 a{
	background: url(puce.rating-08.gif) no-repeat;
	}
.r09 a{
	background: url(puce.rating-09.gif) no-repeat;
	}
.r10 a{
	background: url(puce.rating-10.gif) no-repeat;
	}
.rating input{
	display: none;
	}
#feedback #submit{
	margin: 0;
	position: absolute;
	bottom: 35px;
	right: 20px;
	}

#feedback .labelrating{display: block; width: 17px; height: 17px;margin: 0;}

.question {

}

.text {
color:#494949;
font-size:16px;
font-weight:normal;
padding:20px 35px 15px 0;
display: block;
}

.input {
padding-left: 30px;
 display: block;
}

input.check {
 margin-right: 10px;
}

span.check {
 position: relative;
 top: -2px;
 left: -5px;
}

input.inputText {
 border: 1px solid #8EC625;
 padding-left: 3px;
}

input.select {
 border: 1px solid #8EC625;
 padding-left: 3px;
}

#ParticipationForm label
{
	color:#6E727A;
	font-size:13px;
	padding:0 0 0 15px;
	position:relative;
	top:-3px;
}

input.radio, span.radio
{
	margin-bottom:10px;
}

h5
{
	color:#494949;
	display:block;
	font-size:16px;
	font-weight:normal;
	padding:16px 0px;
}

label
{
	padding: 0px 7px;
}