/* structure du site */
html {
    background: #FFFFFF;
}

body {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #333333;
    background: #FFFFFF;
}

iframe{
		border: 0px solid white;
		overflow: hidden;
		padding: 0px;
		margin: 0px;
}

#frontend_wrapper {
	width: 100%;
}

#frontend {
    position: relative;
    width: 995px;
    margin: 0px auto 0px auto;
}

.hidden_grey {
	color:#DDDDDD;
	cursor:default;
}
.hidden{
    display:none;
}

/* Redéfinition des balises et classes utilisées sur tout le site */
h1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    padding:5px 0px 5px 0px;
    margin: 0px;
		text-transform: uppercase;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    padding:5px 0px 5px 0px;
    margin: 0px;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    font-family: "Trebuchet MS";
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
}

h4 {
	font-weight: bold;
    padding: 0px;
    margin: 0px;
    padding-bottom: 7px;
    line-height: 1.3;
}

a {
    text-decoration: none;
		color: #E70060;
}

a:hover {
	text-decoration: underline;
}

p {
    padding: 0px;
    margin: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
		line-height: 1.3;
}

div{
		line-height: 1.3;
}

h3 p{
		padding: 0px;
}

form {
    padding: 0px;
    margin: 0px;
}

input{
  font-size: 11px;
  padding: 2px 2px 2px 2px;
}

textarea {
    border: 1px solid white;
}

img {
    border: none;
}

.invisible{
    /*display:none;*/
}

.fleft {float: left;}
.fright {float: right;}
.clear {clear: both;}
.clearRight{clear: right;}
.pointer{cursor:pointer;}
.relative{position: relative;}
.none{display: none;}
.block{display:block;}

.spacer{margin-bottom: 10px;}

.link {
    cursor:pointer;
    text-decoration: underline;
}

.deleteButton {
    cursor:pointer;
}

.alignR {
    text-align: right;
}
.alignC {
    text-align: center;
}
.alignJ {
    text-align: justify;
}

.separator{
		height: 1px;
		/*background: black;*/
		background: #CCC;
		margin-top: 10px;
		margin-bottom: 10px;
}
.cursor{
		cursor: pointer;
}
/* Classes des formulaires */
.smallLabel {
    font-weight: bold;
    width: 67px;
    padding-right: 6px;
    padding-top: 2px;    
}

.mediumLabel {
    width: 160px;
    font-weight: bold;
    padding-right: 6px;
    padding-top: 2px;
}

.largeLabel {
    width: 200px;
    font-weight: bold;
    padding-right: 6px;
    padding-top: 2px;
}

.translateLabel {
    width: 300px;
    font-weight: bold;
    padding-right: 6px;
    padding-top: 2px;
}

.smallInput {
    width: 73px;
    padding-left: 5px;
}

.mediumInput {
    width: 122px;
}

.largeInput {
    width: 315px;
    padding-left: 5px;
}

.cancel {
    width: 100px;
    padding: 4px 0px 0px 5px;
}

.popupInput{
    width: 165px;
}

.captchaInput{
  width: 120px;
}
.read-only{
    background:buttonface;
}
.infoBox{

}

.inputInfo{
    left:660px;
    margin-left:5px;
    margin-top:2px;
    position:absolute;
    width:280px;
}
#password_aide{
    position:absolute;
    width:280px;
    left:690px;
}
.inputInfo_annonce{
	color:#000000;
	margin-left:63px;
	margin-top:9px;
	min-height:150px;
	padding:5px !important;
	position:absolute;
	width:663px;
}
.annonce_helper{
    cursor:pointer;
}
.adresse_annonce_details{
    width:300px;
}

.formLine {
	padding: 2px 0px;
}

/* Labels de formulaires */
.answerMultiLabel {
	width: 60px;
	text-align: center;
}

.answerMultiLabelLine {
	width: 300px;
}

.answerRuffierLabel {}

.answerRuffierLabelResult {
	margin-left: 80px;
}

.answerRuffierInput {
	margin-right: 20px;
	margin-left: 10px;
}

.answerCheckboxWrapper, .answerRadiobuttonWrapper {
	padding-bottom: 10px;
}

.answerCheckboxInput, .answerRadiobuttonInput {
	margin-top: 3px;
}

.answerCheckboxLabel, .answerRadiobuttonLabel {
	padding: 7px 0px 0px 10px;
	width: 80%
}

.advertise
{
	font-size: 12px;
	color: #cc0033;
}

/* Champs des formulaires */
.inputText {
		margin-bottom: 5px;
}

.inputTextSmall {
	width: 70px;
}

.inputTextMedium {
	width: 210px;
}

.inputTextLarge {
	width: 300px;
}

.inputSelect {
    font-size: 11px;
    margin: 2px 0px 6px 0px;
}

.checkBoxSelect{
    vertical-align: middle;
    margin: 2px 0px 6px 5px;
}

.inputCheckbox {
    vertical-align: middle;
    margin: 2px 0px 6px 5px;
}

.inputSubmit {
		background: none repeat scroll 0 0 #222222;
		border: 1px solid #222222;
		color: #FFFFFF;
		font-family: "Trebuchet MS",Arial,serif;
		font-size: 10px;
		padding: 1px 3px;
		text-transform: uppercase;
		margin: 0px;
		margin-left: 16px;
		margin-top: 5px;
		cursor: pointer;
}
.inputSubmit.grey{
	background-color: #CCC;
	border: 1px solid #CCC;
}

.button{
	background: none repeat scroll 0 0 #222222;
	color: #FFFFFF;
	font-family: "Trebuchet MS",Arial,serif;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	padding: 3px;
	margin-left: 16px;
	margin-right: 10px;
	color: #FFFFFF;
}
	.button a{
		color: #FFFFFF;
		cursor: pointer;
	}
.button.grey{
	background-color: #CCC;
	border: 1px solid #CCC;
}


.inputHTMLWrapper {
    height: 250px;  
}

.inputHtml {
	height: 100px;
    width: 500px;
    float:left;
    vertical-align: top;
    padding-left: 5px;
    padding-top: 2px;
    margin: 2px 0px 6px 0px;
    font-size: 11px;
}

.mandatory {}

.helpAccordion {
    display: none;
}

.errorBox {
    padding: 5px;
	margin-bottom: 10px;
}
		#errorLogin{
				margin-top: 5px;
		}

.labelError {}

.mceEditor{
    width:500px;
}

.overflow {
	overflow: auto;
}

/*Tool-tips*/
.tip {
  padding: 35px 25px 35px 25px;
	width: 280px;
	background-color: #FFFFFF;
}
	.tip-title{
		font-size: 22px;
		font-weight: bold;
		padding-bottom: 20px;
	}
	.tip-text{
		font-size: 12px;
		text-align: justify;
	}
	
	/*tips historic*/
	.historic .question{
		font-size: 14px;
		padding-bottom: 10px;
	}
	.historic .response{
		padding-bottom: 20px;
		color: #000000;
	}
	
.infobulle{
	cursor: pointer;
}

#ajax_loading{
		visibility: hidden;
		height: 19px;
		padding-top: 13px;
		padding-right: 32px;
		margin-right: 10px;
		background: url(../gfx/common/loading.gif) no-repeat center right;
}

/* Header */
#header {
		position: relative;
}
	#menu {
        position: relative;
        height: 42px;
    }

    #headerTop {
				padding-top: 10px;
		}
    
        #headerLogo {
        }
        
        #headerLinks {
            width: 820px;
						text-transform: uppercase;
        }
		#menuLanguage{
				position: absolute;
				right: 0px;
				bottom: 20px;
		}
/* Contenu */
#main {}

/* Footer */
#footer {
		border-top-width: 2px;
		border-top-style: solid;
		margin-top: 10px;
}

	#footerClient {
    height: 19px;
    width: 995px;
	margin: auto;
    padding: 9px 10px 0px 10px;
    font-size: 11px;
    text-align: center;
  }

/* Colonnes et blocs */
.mainColumn {
	width: 783px;
}

/* Menu ul */
.ul-menu{
		padding-bottom: 10px;
}
.ul-menu li{
		padding-bottom: 10px;
}
/* Box du site */
.box_wrapper {
		padding-bottom: 10px;
}
		.box {
				border: 1px solid #E2E2E2;
		}
		.box.noborder{
				border: none;
		}
		.box_title {
				color: #FFFFFF;
				padding: 8px 15px 6px 15px;
				font-weight: bold;
		}
				.box_title a{
						color: white;
						font-weight: normal;
						text-decoration: underline;
				}
				.box_title.toggler{
						cursor: pointer;
				}
				.box_content {
						padding: 10px 15px 10px 15px;
				}
						#surveyList .box_content{
								border-bottom: 1px solid #CCC;
						}
				
					.box_783 .box_content ul {
						list-style: disc;
						margin-left: 20px;
					}
					
						.box_783 .box_content ul li {
							padding-bottom: 5px;
						}
						.box.noborder .box_content{
								border: 1px solid #E2E2E2;
								border-top: none;
						}
						.grey .box_content{
								background-color: #F9F9F9;
						}
						.box_links{
								font-size: 11px;
								line-height: 16px;
								padding-top: 10px;
						}
								.box_links a{
										text-decoration: underline;
								}

/* Box de 155 px de large / Informations Home Page */
.box_155{
		width:155px;
}
		.box_155 .box{
				border: none;
		}
		.box_155 .box_title {
				text-align: center;
				font-size: 16px;
				font-weight: normal;
				white-space: nowrap;
    }
		.box_155 .box_title a{
				text-decoration: none;
		}
		.box_155 .box_content {
				padding: 0px;
		}
/* Box de 210 px de large / colonne de droite Home Page */
.box_210 {
		width: 210px;
}
		.box_210 .box{
			border: none;
		}
		#partners .box_content {
				padding: 0px 4px 10px 5px;
  	}
/* Box de 298 px de large */
.box_298 {
		width: 298px;
		padding-left: 10px;
}
/* Box de 613 px de large / Conditions sur la Home Page */
.box_613{
		width: 613px;
}
	.box_613 .box {
		margin-left: 10px;
		margin-right: 10px;
	}
/* Box de 627 px de large / Haut des partenaires */
.box_627{
		width: 665px;
}
	.box_627 .box {
		margin-left: 10px;
		margin-right: 10px;
	}
/* Box de 783 px de large / colonne de droite Home Page */
.box_783{
		width: 783px;
}
	.box_783 .box {
		margin-left: 10px;
		margin-right: 10px;
	}

/* Page d'index */
#conditionsContent {
	height: 187px;
  padding-right: 15px;
	margin-bottom: 10px;
}

#conditionsCheck {
	color: #FFFFFF;
}

	#conditionsCheck input {
		/* descendre pour le centrer au milieu */
	}
	
#indexSlideshow{width: 761px;}
#bannerSlideshow{width: 761px;}
.box_margin{
		margin-left: 10px;
		margin-right: 10px;
}

#indexQuiz {
	height: 239px;
	width: 170px;
}

#introduction{
		width: 345px;
		padding-left: 15px;
		text-align: justify;
		color: #FFFFFF;
}

/* General conditions */
#quizzAgreementContent{
		overflow: auto;
		height: 250px;
		padding: 3px;
		border: 1px solid #707070;
		background-color: #efefef;
}
#quizzAgreementText{
		padding-top: 10px;
		padding-bottom: 10px;
}

/* Sidebox login */
#loginInfo{
		padding-bottom: 5px;
}
		#loginName{
				font-weight: bold;
		}
		
#loginContent a {
	font-size: 12px;
	display: block;
}

/* Sidebox partners*/
#ticker{
		height: 134px;
		width: 201px;
		display: block;
		overflow: hidden;
		position: relative;
}
		#ticker ul li{
				display: block;
				height: 134px;
				width: 201px;
				text-align: center;
		}
				#tickerImg {
						display: table-cell;
						text-align: center;
						vertical-align: middle;
						height: 134px;
						width: auto;
						text-align: center;
				}
				#tickerImg * {
						vertical-align: middle;
				}
				/*\*//*/
				#tickerImg {
						display: block;
				}
				#tickerImg span {
						display: inline-block;
						height: 100%;
						width: 1px;
				}
				/**/
		/* hack ie lt 8 (ielt8.css)*/


/* create_account*/
#createAccountInfos .box_title{
	font-weight: normal;
	height: 18px;
	padding-top: 11px;
}

/* Edit account */
#editAccountId {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E5E5E5;
}

/* Choix des questionnaires */
.questionnaire_survey_label {
	width: 100px;
	font-weight: bold;
}

.questionnaire_actions {
	padding: 20px 0px 10px 0px;
	text-align: right;
}
	/*.questionnaire_action {
		padding-right: 15px;
	}*/

/* Quizz */
/*#questionnaireInfos .box_title{
	font-weight: normal;
	height: 18px;
	padding-top: 11px;
}*/
#questionnaireInfos .box_title .fright{
	text-decoration: underline;
	font-size: 10px;
}

#questionnaireMenu{
	/*padding-left: 15px;*/
	padding-top: 10px;
	padding-bottom: 10px;
}
	.categoryItem {
		/*display: block;*/
		/*width: 90px;*/
		height: 14px;
		color: #B1B1B1;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		padding-left: 10px;
		padding-right: 10px;
		cursor: default;
	}
	
#questionnaireInfos .box_content{
	padding-right: 74px;
}

/* Explanations */
#questionExplanation {
	padding: 15px 0px;
}
		#questionExplanationTrigger{
				background: url(../../gfx/common/why.gif) left center no-repeat;
				padding-left: 30px;
				display: block;
				height: 20px;
				padding-top: 5px;
		}
		#questionExplanationContent{
				border: 1px dashed #E5E5E5;
				background-color: #F9F9F9;
				padding: 20px;
		}

/* Styles des questions et sous-questions */
.subquestionQCM {
	padding-bottom: 12px;
}

/* Progress bar */
#questionnaireProgress{
	position: relative;
	height: 38px;
	/*margin-left: 10px;
	margin-right: 10px;*/
}
	#progressTxt{
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		padding-top: 11px;
		padding-left: 15px;
	}
	#progressBar{
		position: absolute;
		top: 11px;
		left: 225px;
		height: 13px;
		width: 495px;
		background-color: #FFFFFF;
		padding: 1px;
	}
		#bar{
			position: relative;
			height: 13px;
		}

/* Quizz Success*/
#quizzSuccessContent{
		padding-top: 10px;
		padding-bottom: 20px;
}
#quizzSuccessButton{
		padding-bottom: 30px;
}

/* TABS MENU */
.tabsMenu,
.subTabsMenu{
		border-bottom: 1px solid #E5E5E5;
		height: 26px;
		padding-left: 20px;
}
		.tabsMenu .menuTab,
		.subTabsMenu .menuSubTab{
				cursor: pointer;
				height: 18px;
				padding: 7px 10px 0px 10px;
				margin-right: 5px;
				border: 1px solid #E5E5E5;
				background-color: #F9F9F9;
		}
		.tabsMenu .menuTabInactive,
		.subTabsMenu .menuSubTabInactive{
				cursor: default;
				height: 18px;
				padding: 7px 10px 0px 10px;
				margin-right: 5px;
				color: #9C9C9C;
				border: 1px solid #E5E5E5;
				background-color: #F6F6F6;
				background-image: url(../gfx/common/inactive.gif);
		}
		.tabsMenu .active,
		.subTabsMenu .active{
				height: 19px;
				background-color: #FFFFFF;
				font-weight: bold;
				border-bottom: none;
		}
		.grey .tabsMenu .menuTab,
		.grey .subTabsMenu .menuSubTab{background-color: #FFFFFF;}
		.grey .tabsMenu .active,
		.grey .subTabsMenu .menuSubTab{background-color: #F9F9F9;}
		
		.menuSubTab.successPlan{
				background: url(../gfx/common/success.png) no-repeat 5px 6px;
				background-color: #FFFFFF;
				padding-left: 25px;
		}
		.menuSubTab.failedPlan{
				background: url(../gfx/common/failed.png) no-repeat 5px 6px;
				background-color: #FFFFFF;
				padding-left: 25px;
		}
		.menuSubTab.monitorPlan{
				background: url(../gfx/common/monitor.png) no-repeat 5px 6px;
				background-color: #FFFFFF;
				padding-left: 25px;
		}
		
.tabContainer,
.subTabContainer{
		display: none;
}

/* Quizz Results*/
		.resultsContent{
				padding-bottom: 10px;
		}
		/* legends */
		.quizzResultsLegend {
			padding: 10px 0px 20px 0px;
		}
				.quizzResultsLegendItemBox {
					width: 10px;
					height: 10px;
					margin-right: 10px;
				}
				.quizzResultsLegendItemLabel {
					font-weight: bold;
					padding-right: 20px;
				}
						.quizzResultsLegendItemBoxFullattention {
								border: 1px solid #541010;
								background-color: #E54545;
						}
						.quizzResultsLegendItemBoxImprove {
								border: 1px solid #C34500;
								background-color: #FF7E00;
						}
						.quizzResultsLegendItemBoxMonitor {
								border: 1px solid #105254;
								background-color: #45B2E5;
						}
						.quizzResultsLegendItemBoxGood {
								border: 1px solid #255410;
								background-color: #85E545;
						}
						.quizzResultsLegendContent{
								padding-top: 10px;
						}
				
		/* categories graphs*/
		.quizzResultsCategoryTop{
				/*width: 155px;*/
				width: 137px;
				padding-top:10px;
				padding-bottom: 10px;
				font-size: 14px;
				font-weight: bold;
				text-align: center;
		}
		.quizzResultsCategoryMiddle{
				text-align: center;
		}
		.quizzResultsCategoryBottom{
				font-size: 16px;
				font-weight: bold;
				text-align: center;
				padding-bottom: 10px;
		}
		.resultsCategories{
				font-weight: bold;
				padding-bottom: 10px;
				text-align: center;
		}
		
		/* questions/indicators graphs */
		.quizzQuestionsResults,
		.quizzCategoriesResults,
		.quizzIndicatorsResults{
				margin-top: 20px;
				margin-bottom: 20px;
				margin-left: 40px;
				border-left: 2px solid black;
				border-bottom: 2px solid black;
				padding-left: 2px;
				line-height: 0;
				position: relative;
		}
				.coords{
					position:absolute;
					bottom:0;
					width: 25px;
					left:-30px;
					padding-right: 5px;
					font-size:9px;
					border-top: 1px solid black;
				}
					.percent{
						background-color:#FFFFFF;
						position:absolute;
						top:-6px;
						padding-right: 2px;
					}
				#resultsWrapper{
						border: 1px solid #E5E5E5;
						border-top: none;
						padding: 20px;
						margin-bottom: 20px;
				}
						.fullAttentionBar div {
								border: 1px solid #541010;
								background-color: #E54545;
						}
						.improveBar div {
								border: 1px solid #C34500;
								background-color: #FF7E00;
						}
						.monitorBar div {
								border: 1px solid #105254;
								background-color: #45B2E5;
						}
						.goodBar div {
								border: 1px solid #255410;
								background-color: #85E545;
						}
						.resultsQuestionsBar,
						.resultsIndicatorsBar{
								position: relative;
								float: left;
								width: 12px;
								height: 150px;
								cursor: pointer;
						}
								.resultsQuestionsBar div,
								.resultsIndicatorsBar div{
										position: absolute;
										bottom: 0px;
										width: 8px;
										border-bottom: none;
								}
								.goodBar .mainBar{background-image: url(../gfx/common/mainGood.gif);}
								.monitorBar .mainBar{background-image: url(../gfx/common/mainMonitor.gif);}
								.improveBar .mainBar{background-image: url(../gfx/common/mainImprove.gif);}
								.fullAttentionBar .mainBar{background-image: url(../gfx/common/mainFullAttention.gif);}
						
						.resultsSep{
								float: left;
								width: 1px;
								height: 150px;
								background-color: #000000;
								border-left: 1px solid #CCC;
								border-right: 1px solid #CCC;
								margin-right: 3px;
								margin-left: 1px;
						}
		
		.fullAttentionTip .tip{
				border: 1px solid #C50E1F;
				color: #C50E1F;
		}
		.improveTip .tip{
				border: 1px solid #FF7E00;
				color: #FF7E00;
		}
		.monitorTip .tip{
				border: 1px solid #45B2E5;
				color: #45B2E5;
		}
		.goodTip .tip{
				border: 1px solid #97BF0D;
				color: #97BF0D;
		}
		
		.quizzCategoriesTitle,
		.quizzQuestionsTitle,
		.quizzIndicatorsTitle{
				font-size:18px;
				padding-bottom: 10px;
		}
		
		.quizzQuestionsFeedbackTips,
		.quizzIndicatorsFeedbackTips,
		.quizzCategoriesFeedbackTips{
				border: 1px dashed #E5E5E5;
				background-color: #F9F9F9;
				padding: 20px;
				display: none;
				margin-bottom: 20px;
		}
			
			.quizzCategoriesFeedback.twoColumns,
			.quizzQuestionsFeedback.twoColumns,
			.quizzIndicatorsFeedback.twoColumns {
				width: 350px;
			}
			
			.quizzCategoriesTips,
			.quizzQuestionsTips,
			.quizzIndicatorsTips,
			.quizzCategoriesGoals,
			.quizzQuestionsGoals,
			.quizzIndicatorsGoals{
				padding-left: 10px;
				padding-bottom: 10px;
				width: 285px;
			}
			
			.quizzCategoriesTipsText li,
			.quizzQuestionsTipsText li,
			.quizzIndicatorsTipsText li,
			.quizzCategoriesGoalsText li,
			.quizzQuestionsGoalsText li,
			.quizzIndicatorsGoalsText li{
				padding-bottom: 5px;
			}
			
				.addGoal{
						height: 16px;
						width: 16px;
						padding-right: 5px;
						cursor:pointer;
						background: url(../gfx/common/add.gif) no-repeat top left;
				}
				.addGoal:hover{
						text-decoration: underline;
						background: url(../gfx/common/add_hover.gif) no-repeat top left;
				}
				.removeGoal{
						height: 14px;
						width: 21px;
						padding-top: 2px;
						padding-bottom: 10px;
						cursor:pointer;
						background: url(../gfx/common/delete.gif) no-repeat top left;
				}
				.removeGoal:hover{
						background: url(../gfx/common/delete_hover.gif) no-repeat top left;
				}
				.showGoal{
						padding-top: 2px;
						width: 240px;
				}
				.active .li{
						padding: 0px;
						margin: 0px;
				}
			
			.feedbackResultText{
				padding-left: 16px;
			}

			.feedbackToggler .arrow{
				width: 4px;
				height: 11px;
				margin-right: 12px;
				margin-top: 3px;
				background-image: url(../gfx/common/spear_right.gif);
				background-repeat: no-repeat;
				background-position: right center;
			}
			.feedbackToggler.active .arrow{
				width: 11px;
				height: 4px;
				margin-right: 5px;
				margin-top: 5px;
				background-image: url(../gfx/common/spear_btm.gif);
				background-repeat: no-repeat;
				background-position: center bottom;
			}
			.arrow{
				display: block;
				float: left;
			}
			
/* Historic action plan */
.table-main-row{
		font-size: 16px;
		font-weight: bold;
		text-align: center;
}
		.table-main-row .table-col{
				width: 60px;
				padding: 5px;
				border-right: 1px solid #e5e5e5;
				border-bottom: 1px solid #999;
		}
		.table-main-row .table-main-col{
				border-right: 1px solid #999;
				border-bottom: 1px solid #999;
		}
.table-row{
		text-align: center;
}
		.table-row .table-main-col{
				width: 240px;
				padding: 5px;
				text-align: left;
				font-weight: bold;
				vertical-align: bottom;
				border-right: 1px solid #999;
				border-bottom: 1px solid #e5e5e5;
		}
		.table-row .table-col{
				padding: 5px;
				vertical-align: middle;
				border-right: 1px solid #e5e5e5;
				border-bottom: 1px solid #e5e5e5;
				cursor: pointer;
		}

/* Sidebox pour télécharger le PDF */
.download-pdf-logo {
	width: 40px;
}

.download-pdf-text {
	width: 100px;
	padding: 3px 10px 0px 0px;
}
	.download-pdf-text a {
		color: black;
	}
	
	.download-pdf-text a:hover {
		color: black;
	}

/* Action plan */
.actionPlanViewer{
		border: 1px solid #E5E5E5;
		background-color: white;
		padding: 20px;
		margin-bottom: 20px;
}
		.actionPlanTitle{
				font-size: 22px;
				font-weight: bold;
				line-height: 26px;
				padding:5px 0px 5px 0px;
				margin: 0px;
		}
		
		.actionPlanTitle.success,
		.actionPlanTitle.failed{
				padding-left: 40px;
				background-repeat: no-repeat;
		}
		.actionPlanTitle.success{
				background-image: url(../gfx/common/success_big.gif);
		}
		.actionPlanTitle.failed{
				background-image: url(../gfx/common/failed_big.gif);
		}
		
		.actionPlanStatus{
				padding-top: 10px;
		}
		.actionPlanStatus .success,
		.actionPlanStatus .failed{
				height: 24px;
				background-repeat: no-repeat;
				padding-left: 30px;
				padding-top: 2px;
				cursor: pointer;
				font-size: 18px;
				margin-bottom: 5px;
				margin-right: 20px;
		}
		.actionPlanStatus .success{
				background-image: url(../gfx/common/success.gif);
		}
		.actionPlanStatus .failed{
				background-image: url(../gfx/common/failed.gif);
		}
		.actionPlanComments{
				padding-top: 20px;
		}
				.actionPlanComments textarea{
						border: 1px solid #E5E5E5;
						width: 315px;
						height: 100px;
						margin-bottom: 10px;
						margin-right: 10px;
						margin-left: 10px;
				}
				.actionPlanComments .text{
						width: 315px;
						padding-top: 5px;
						padding-right: 20px;
						text-align: justify;
				}
				.actionPlanComments .link{
						padding-top: 10px;
						text-decoration: none;
				}
		
/* Partenaires */
#regionBox .box_content{
	margin: 0px;
	height: 450px;
}

#servicesBox .box_content{
	height: 520px;
}

.servicesInfos{
	padding-top: 10px;
}
	.serviceColLeft{
		width: 155px;
	}
		.serviceTitle{
			font-size: 14px;
			font-weight: bold;
			padding-bottom: 5px;
		}
		.serviceURL{
			font-weight: bold;
			padding-bottom: 5px;
		}
		.serviceLocality{
			line-height: 14px;
		}
			.serviceLocality a{
				text-decoration: underline;
			}
	.serviceColRight{
		width: 110px;
	}
		.serviceImage{
			height: 75px;
		}
		.serviceMore{
			text-align: right;
			padding-top: 3px;
		}
			.serviceMore a{
				text-decoration: underline;
			}

.navPages{
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
}
	.navPages a:hover, .navPages a.active{
		font-weight:bold;
		text-decoration: underline;
	}

/* Partner Detail*/

/* Box de 627 px de large / Container du detail de partenaire */
		#pDetail .box_title {
			padding: 0px;
		}
		
		#pDetail .box_content {
			padding: 0px 0px 4px 10px;
		}
			
			#pDetailColLeft{
				width: 245px;
				padding-top:10px;
			}
				
				#pDetailSlide{
					height: 200px;
					padding-bottom: 60px;
				}
				
				#pDetails{
					padding-bottom: 30px;
					font-size: 11px;
				}
				
					#pDetailTitle{
						font-size: 14px;
						font-weight: bold;
						padding-bottom: 5px;
					}
					
					#pDetailURL{
						font-weight: bold;
						padding-bottom: 10px;
					}
			
			#pDetailColRight{
				width: 378px;
				height: 438px;
				position: relative;
				padding-top: 10px;
			}
				#pDetailDesc .logo{
					padding-bottom: 20px;
				}
				#pDetailDesc .testimonial{
						border-top: 1px solid #E5E5E5;
						padding-top: 20px;
						margin-top: 20px;
						line-height: 1.3;
				}
			
		#pDetailMenu{
		}
				.mItem a{
						display: block;
						width: 96px;
						height: 19px;
						padding-top: 8px;
						text-align: center;
						color: #FFFFFF;
						font-size: 11px;
						text-decoration: none;
				}

		.tabsContainer{
				/*display: none;*/
				visibility: hidden;
				position: absolute;
				width: 349px;
				height: 408px;
				padding: 0px 15px 20px 15px;
				overflow: auto;
		}
				.tabsContainer .mediumInput{
						width: 160px;
				}

/* CART OVERVIEW */
#cart_overview{
		padding-top: 10px;
		padding-bottom: 10px;
		width: 70%;
}
		#cart_overview .product{
				padding-bottom: 5px;
				font-size: 14px;
		}
				.orderWrapper{
						padding-right: 100px;
				}
				.product-total{
						font-weight: bold;
				}
				.product-quantity{
						font-weight: bold;
				}
				.product-amount{
						font-size: 11px;
				}
				.product-title{
						width: 400px;
						padding-left: 20px;
				}
		#orderTotal{
				font-size: 16px;
		}
				#orderTotal .total{
						font-weight: bold;
				}
		.addToCart,
		.removeFromCart{
				height: 20px;
				padding-top: 10px;
				padding-left: 40px;
				cursor:pointer;
		}
		.addToCart{
				padding-right: 10px;
				background: url(../gfx/common/cart.jpg) no-repeat top left;
				/*background: url(../gfx/common/add.gif) no-repeat top left;*/
		}
		.removeFromCart{
				/*background: url(../gfx/common/delete.gif) no-repeat top left;*/
				background: url(../gfx/common/remove.gif) no-repeat top left;
		}
		.addToCart:hover{
				text-decoration: underline;
				/*background: url(../gfx/common/add_hover.gif) no-repeat top left;*/
		}
		.removeFromCart:hover{
				text-decoration: underline;
				/*background: url(../gfx/common/delete_hover.gif) no-repeat top left;*/
		}

/* OFFERS */
.offers_wrapper{
		padding-bottom: 20px;
}
		.offers_block{
				width: 370px;
				padding-right: 10px;
				padding-left: 10px;
				border-left: 1px solid #E5E5E5;
		}
		.offers_block.noborder{
				border-left: none;
		}
				.offers_title{
						padding: 5px;
						font-size: 16px;
						font-weight: bold;
						color: #FFFFFF;
				}
						.offers_title .fleft{
								width: 280px;
						}
						.offers_title .offers_price{
								width: 80px;
								padding-top: 10px;
						}
				.offers_content ul {
					padding-bottom: 10px;
					list-style: disc inside;
				}
				
					.offers_content ul li {
						padding-bottom: 5px;
						line-height: 1.2em;
					}
						
						.offers_content ul li ul {
							padding-top: 5px;
							list-style: circle inside;
						}
					
						.offers_content ul li ul li {
						}
						
				.offers_content ol {
					padding-bottom: 10px;
					list-style: decimal inside;
					margin-left: 20px;
				}
				
					.offers_content ol li {
						padding-bottom: 5px;
						line-height: 1.2em;
					}
				
				.offers_button{
						padding-top: 10px;
						padding-bottom: 5px;
						width: 370px;
						padding-right: 10px;
						padding-left: 10px;
						border-left: 1px solid #E5E5E5;
				}
				.offers_button.noborder{
						border-left: none;
				}
						.offers_button .offers_price{
								font-size: 16px;
								font-weight: bold;
						}
		
/* ORDER LIST */
.orderStatus {
	padding-bottom: 10px;
}

/* MENU REGION */
#menuRegion{
}
    #menuRegion li{
				height: 22px;
				padding-top: 11px;
				line-height: 1;
    }
        #menuRegion li a{
          display: block;
          height: 19px;
          padding-top: 6px;
          width: 100%;
          text-align: center;
          text-decoration: none;
		  background: #E2868F;
		  color: #FFFFFF;
        }
        #menuRegion li a:hover{
          color: white;
        }

/* MENU SERVICES */
#menuServices{
		padding-left: 10px;
		list-style-type: disc;
		list-style-position: outside;
}
    #menuServices li{
				padding-top: 10px;
				line-height: 1;
		}

/* Box products*/
.offers_list{
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
}
		#offers_button{
				padding-top: 10px;
				padding-right: 10px;
		}
		.box_product_wrapper{
				height: 132px;
				width: 376px;
				position: relative;
				margin-left: 5px;
				margin-right: 5px;
				background-image: url(../gfx/common/fond_offre_1.png);
				background-repeat: no-repeat;
				background-position: top left;				
		}
			.box_product{
				padding: 10px 10px 10px 10px;
				font-size: 10px;
				width: 274px;
			}
				.box_product a{
						text-decoration: none;
				}
				.box_product_title{
					font-size: 16px;
					font-weight: bold;
					font-family: "Trebuchet MS";
					padding: 0px;
					margin: 0px;
					padding-bottom: 10px;
				}
				.box_product_content{
					/*width: 150px;*/
				}
				.box_product_price{
					position: absolute;
					bottom: 15px;
					right: 4px;
					width: 90px;
					text-align: center;
					color: white;
					font-size: 16px;
					font-weight: bold;
					font-family: "Trebuchet MS";
				}
/* Banner */
.bannerWrapper{
  /*background: url(../gfx/common/bg_banner_btm.gif) top left no-repeat;*/
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
  /*height: 73px;
  width: 778px;
  padding-left: 4px;
  padding-top: 4px;*/
}
.bannerWrapper img{
		border: 1px solid #E2E2E2;
}

/* Slider */
.sliderLeft{
		/*width: 8px;
		height: 25px;
		background: url(../gfx/common/slider.gif) top left no-repeat;*/
		width: 1px;
		height: 14px;
		border-right: none;
}
.sliderRight{
		/*width: 8px;
		height: 25px;
		background: url(../gfx/common/slider.gif) top right no-repeat;*/
		width: 2px;
		height: 14px;
		border-left: none;
}
.slider {
		padding: 1px 0px 1px 0px;
		/*background: url(../gfx/common/slider_bg.gif) top right repeat-x;*/
}
.slider .knob {
	width: 32px;
  height: 12px;
}

/* Slider Ruffier-Dickinson */
#ruffierSliderTopLabels, #bmiSliderTopLabels, .qcmSliderTopLabels {
	padding: 15px 0px 5px 0px;
}
		#ruffierSlider{
				width: 400px;
		}
		.ruffierSliderTopLabel {
				width: 166px;
		}
		.bmiSliderTopLabel {
				width: 176px;
		}
		.qcmSliderTopLabel, .qcmSliderBottomLabel {
				width: 18%;
				padding-right: 2%;
				text-align: center;
		}
		.qcmSliderLabelActive{
				font-weight: bold;
				font-size: 13px;
		}

#ruffierSlider, #bmiSlider {
		position: relative;
}
#bmiSlider {
		width: 608px;
}
		#ruffierKnob, #bmiKnob {
				/*position: absolute;
				left: 0px;
				top: 6px;*/
				position: relative;
				left: 0px;
		}
	
#ruffierSliderBottomLabels {
		padding: 5px 0px 0px 0px;
}


#bmiSliderBottomLabels {
		padding: 5px 0px 0px 70px;
}

.qcmSliderBottomLabels {
	padding: 5px 0px 0px 50px;
}

	.ruffierSliderBottomLabel {
		padding: 0px 0px 0px 90px;
	}
	
	.bmiSliderBottomLabel {
		width: 176px;
	}
	
.qcmSliderLabelFirst {
	text-align: left;
	padding-left: 100px;
}

.qcmSliderLabelBottomFirst {
	padding-left: 140px;
}

.qcmSliderLabelLast {
	text-align: right;
}

/* Exceptions */
#surveyList #offers_wrapper{
		margin-bottom: 20px;
}

/* New layout Home page STEPS LIST */				

	#list_steps li
	{
		border: 1px #999 solid;
		min-height: 56px;
		width: 95%;
		margin-bottom: 10px;
		padding: 5px;
		background: url(../../gfx/vivamea/fond_block_steps.jpg) repeat-x #d8d8d8;
	}
	
	#list_steps a:hover
	{
		text-decoration: none;
	}	
	
		#list_steps li .title
		{
			border-bottom: 1px #999 solid;
			font-size: 16px;
			margin-bottom: 5px;
			width: 95%;
		}
		
		#list_steps li div
		{
			width: 95%;
		}		

		#list_steps li .img_wrapper
		{
			float: right;
			min-height: 56px;
			text-align: right;
			margin-right: -60px;
			margin-top: -45px;
			padding-bottom: 15px;
			padding-top: 20px;
		}
		
		#list_steps li .clear
		{
			clear: right;
		}		
		
	/* special offer */
	.special_offer_39
	{
		height: 100px;
		width: 100%;
		background: url(../../gfx/icon/offer.png) no-repeat top right;
		float: right;
		margin-top: -15px;
		margin-right: -20px;
	}