BODY{
	background-color:#dcd1cc;
	margin:0;
	padding:0;
	background-image:url(../images/pageBg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#564841;
}
FORM{
	padding:0;
	margin:0;
}
sup{
	font-size:0.5em;
	line-height:0px;
	margin:0;
}
A{
	color:#ec8615;
	text-decoration:none;
}
A:hover{
	color:#ec8615;
	text-decoration:underline;
}
H1{
	display:none;	
}
H3{
	font-size:14px;
	font-weight:bold;
	margin:5px 0px;
}
#container{
	width:960px;
	min-height:680px;
	background-image:url(../images/containerBg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	padding:0;
}
#leftCol{
	float:left;
	padding:20px 0px 0px 10px;
	width:220px;
}
#mainCol{
	float:right;	
	width:710px;
	padding:20px 0px 0px 0px;
}


#logoZone{
	float:left;	
}

#languageZone{
	float:right;
	width:60px;
	height:30px;
	background-image:url(../images/languageZoneBg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	padding:20px 10px 0px 0px;
}
#languageZone A{
	font-size:14px;
	letter-spacing:-0.02em;
	color:#FFF;	
	text-decoration:none;
}
#languageZone A:hover{
	text-decoration:none;
}
#languageZone:hover{
	background-position:bottom left;
	cursor:pointer;
}
#photoAccueil{
	width:700px;
	height:215px;
	overflow:hidden;
	margin-bottom:20px;
}
#navLeft{
	margin-bottom:85px;	
}
#navLeft UL{
	margin:0;
	padding:0;
	display:block;
}
#navLeft LI{
	list-style:none;
	font-size:12px;
	width:200px;
	background-image:url(../images/navLeftBg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin-bottom:5px;
	padding:5px 10px 6px 10px;
	display:block;
}
#navLeft LI A{
	color:#564841;
	text-decoration:none;
}
#navLeft LI:hover{ 
	background-image:url(../images/navLeftHoverBg.gif);
	cursor:pointer;
}
#navLeft LI:hover A{
	color:#FFF;
}
#navLeft LI A:hover{
	color:#FFF;
}

#navLeft .active{
	background-image:url(../images/navLeftActiveBg.gif);
}

#navLeft .active A{
	color:#FFF;	
}
#navLeft .active A:hover, #navLeft .active:hover A{
	text-decoration:none;
}
#navLeft .active:hover{
	background-image:url(../images/navLeftActiveBg.gif);	
}
/* DEUXIÈME NIVEAU */
#navLeft UL LI UL{
	display:none;
}
#navLeft UL .active UL{
	margin-top:8px;
	margin-left:-10px;
	display:block!important;
}

#navLeft UL UL LI{
	background-image:url(../images/navLeft_sublevelBg.gif)!important;
	background-repeat:no-repeat;
	background-position:top left;
	font-size:12px;
	height:auto!important;
	padding:3px 3px 5px 20px;
	margin:0!important;
	line-height:14px;
}
#navLeft UL UL LI:last-child{
	background-image:url(../images/navLeft_sublevelLastBg.gif)!important;
}
#navLeft UL UL LI:hover{
	background-position:top left;
}
#navLeft UL UL LI:hover A{
	color:#564841;
	text-decoration:underline;
}
#navLeft UL UL LI A:hover{
	color:#564841;
	text-decoration:underline;
}
#navLeft UL UL .active{
	background-position:top left;	
}
#navLeft UL UL .active:hover{
	background-position:top left;	
}
#navLeft UL UL .active A, #navLeft UL UL .active:hover A{
	color:#ec8615;
}
#navLeft UL UL .active A:hover{
	color:#ec8615;
	text-decoration:none;
}
#navLeft UL LI:hover UL LI A, #navLeft UL .active:hover UL LI A, #navLeft UL .active UL LI A{
	color:#564841;
}
#navLeft UL LI:hover UL LI A:hover, #navLeft UL .active:hover UL LI A:hover, #navLeft UL .active UL LI A:hover, #navLeft UL .active UL LI:hover A{
	text-decoration:underline;
}
#navLeft UL .active:hover UL .active A:hover{
text-decoration:none;
}
#navLeft UL LI:hover UL .active A, #navLeft UL .active:hover UL .active A, #navLeft UL .active UL .active A{
	color:#ec8615;
	text-decoration:none;
}
.smallBox{
	background-image:url(../images/smallBoxBg.jpg);
	background-repeat:repeat-x;
	background-color:#ded3cf;
	width:200px;
	padding:5px 10px 10px 10px;
	font-size:11px;
}
#loginZone{
	
}
#loginZone .textField{
	border:1px solid #b0a7a2;
	width:120px;
	font-size:11px;
	padding:2px 5px;
	
}
#loginZone .button, .formulaire .button{
	width:50px;
	background-color:#5b4f49;
	color:#c2b8b3;
	font-size:12px;
	text-align:left;
	padding:1px 5px 2px 5px;
	border:0px;
	margin-left:10px;
}
.formulaire .button{
	width:150px;
	margin-left:0;
}
#loginZone .button:hover, .formulaire .button:hover{
	color:#FFF;
	background-color:#f7961c;
}
#clientSlide{
	width:220px;
	height:100px;
	padding:0;
	overflow:hidden;
}

#footer{
	width:940px;
	padding:10px;
	background-image:url(../images/footerBg.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	margin-top:30px;
}
#brochure{
	width:220px;
	padding:10px 0px 0px 20px ;
	float:left;	
	font-weight:bold;
}
#brochure IMG{
	margin-right:10px;	
}
#footerText{
	width:690px;
	float:right;
}
#footerText P{
	text-align:justify;	
}
.accueilBloc{
	float:left;
	width:220px;
	background-image:url(../images/accueilBlocBg.jpg);
	background-repeat:repeat-x;
	min-height:335px;
}
.accueilBloc P, .accueilBloc H2, .accueilBloc H3{
	margin:5px 10px;	
}
.accueilBloc P{
	font-size:11px;
	line-height:12px;
}
.accueilBloc A{
	color:#564841!important;

}
.accueilBloc A:hover{
	text-decoration:none;
}
.accueilBloc H2, .accueilBloc H2 A{
	color:#ac998f;
	font-size:12px;
	font-weight:bold;
}
.accueilBloc H3, .accueilBloc H3 A{
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	color:#ec8615;
}

#content{
	padding:5px 20px 5px 80px;
	width:610px;
	min-height:500px;
	margin:0;
	background-image:url(../images/contentBottom.png);
	background-position:bottom left;
}
#popupContent{
	padding:5px 20px 5px 20px;
	width:610px;
	min-height:500px;
	margin:auto;
	background-color:#FFF;
	
}
#contentiFrame{
	padding:5px 0px 5px 0px;
	width:710px;
	min-height:500px;
	margin:0;
	background-image:url(../images/contentBottom.png);
	background-position:bottom left;
}
#mysteryContent{
	width:610px;
	min-height:450px;
	margin:0;
	background-image:url(../images/mystereContactBg.png);
	background-position:top left;
	margin-top:-85px;
	padding:90px 20px 5px 80px;
}
#content P{
	text-align:justify;
	line-height:18px;
}
#content H2, .popup H2, #mysteryContent H2, #popupForm H2{
	font-size:22px;
	line-height:22px;
	font-weight:bold;
	margin:0px;
	padding:5px 0px;
}
#content H3, .popup H3, #mysteryContent H3, #popupForm H3{
	color:#b0a098;
	font-size:18px;
	line-height:18px;
	margin:0px;
	padding:5px 0px;
	font-weight:normal;
}

#content A{

}
#content A:hover{
	
}
#content UL{
	padding:2px 0px 2px 20px;
}
#content LI{
	background-image:url(../images/contentBullet.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	list-style:none;
	padding:3px 0px 3px 12px;
}
#contentCol{
	float:right;
	width:220px;
	margin-left:20px;
	padding-top:10px;
}

.extrait{
	font-size:16px;
	font-weight:bold;
	background-color:#ece6e3;
	padding:5px 10px;
	border-top:2px solid #d5cbc6;
	border-bottom:2px solid #d5cbc6;
	margin-bottom:20px;
}
.extraitSmall{
	font-size:11px;
	font-weight:bold;
	background-color:#ece6e3;
	padding:5px 10px;
	border-top:2px solid #d5cbc6;
	border-bottom:2px solid #d5cbc6;
	margin-bottom:20px;
}
.extraitSmall P{
	line-height:11px!important;	
	text-align:left!important;
}
.extrait P{
	text-align:left!important;
	margin:5px 0px;
}
.citation{
		
}
.facts{
	background-image:url(../images/factsBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	color:#FFF;
	padding:5px 10px 10px 10px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
}
.facts UL{
	margin:0;
	padding:0;
}
.facts LI{
	background-image:url(../images/factsBullet.gif)!important;	
}
.facts H4{
	color:#564841;
	margin:3px 0px;
	font-size:14px;
}

#citationZone{
	background-color:#b0a098;
	padding:0px 0px 5px 0px;
	background-image:url(../images/citationBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-bottom:20px;
}
#citationZone .citation{
	background-image:url(../images/citationBg.gif);
	background-repeat:no-repeat;
	padding:20px 25px 10px 25px;
	width:170px;
}
#citationLargeZone{
	width:700px;
	background-color:#b0a098;
	padding:0px 0px 5px 0px;
	background-image:url(../images/citationLargeBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-bottom:20px!important;
}
#citationLargeZone .citation{
	background-image:url(../images/citationLargeBg.gif);
	background-repeat:no-repeat;
	padding:12px 135px 10px 30px;
	width:545px;
}

.citation P{
	text-align:left!important;	
	margin:0!important;
	padding:0!important;
}
.citation .texte{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	line-height:18px;
	text-align:left;
	margin-bottom:5px!important;
}
.citation .guillemet{
	font-size:24px;
	color:#564841;
	line-height:18px;
	display:inline;
	margin-left:10px;
	font-weight:normal;
	font-style:normal;
}

.redirection{
	font-size:12px;
	font-weight:bold;
	background-color:#ece6e3;
	padding:5px 10px;
	border-top:2px solid #d5cbc6;
	border-bottom:2px solid #d5cbc6;
	margin-top:20px;
	margin-bottom:20px;
}
.redirection P{
	text-align:left!important;
	margin:5px 0px;
}

.popup{
	width:280px;
	margin:auto;
	background-color:#FFF;
}
.popup P{
	text-align:justify;	
}

.btnContact{
	width:210px;
	height:32px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background-image:url(../images/btnContactBg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:13px 5px 5px 5px;
	margin-bottom:20px;
}
.btnContact:hover{
	background-position:bottom left;	
	cursor:pointer;
}
A .btnContact {
	color:#FFF!important;	
}
.btnContact A:hover{
	color:#FFF;	
	text-decoration:none;
}
.btnContact .orangeTxt{
	font-weight:normal;
	font-style:italic;
	color:#ec8615;
}
.btnContact:hover A{
	color:#FFF!important;	
}
.btnContact:hover .orangeTxt{
	font-weight:normal;
	font-style:italic;
	color:#564841;
}

.encadre{
	font-size:13px;
	padding:5px 10px;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(../images/encadreBg.jpg);
	background-repeat:no-repeat;
}
.encadre P{
	text-align:left!important;
	margin:5px 0px;
}
.encadre LI{
	background-image:url(../images/encadreBullet.gif)!important;
}

#enteteClientMystere{
	width:680px;
	height:210px;
	background-image:url(../images/enteteClientMystere.png);
	background-repeat:no-repeat;
	margin-top:-60px;
	padding:65px 10px 0px 10px;
	margin-bottom:20px;
}
#enteteClientMystere H2{
	font-size:15px;
	line-height:16px;
	margin:5px 0px;
}

.mystereBloc{
	float:left;
	width:200px;
	height:264px;
	background-repeat:repeat-x;
	padding:30px 10px 10px 10px;
	
}
*html .mystereBloc{
	margin-bottom:20px;	
}
.mystereBloc H3{
	color:#FFF;
	font-size:14px;
	line-height:14px;
	margin:0px 0px 10px 50px;
}
.mystereBloc P{
	font-size:11px;
	line-height:12px;
	margin:5px 0px;
	font-weight:bold;
}
#mystereQuestionsZone{
	float:left;	
	margin-top:-23px;
}
#mystereQuestions{
	width:360px;
	background-image:url(../images/mystereQuestionsBg.png);
	background-repeat:no-repeat;
	margin:0;
	padding:40px 10px 10px 10px;
}
#mystereReponses{
	float:right;
	width:290px;
	height:907px;
	background-image:url(../images/mystereReponsesBg.png);
	background-repeat:no-repeat;
	margin-top:-23px;
	padding:40px 10px 10px 10px;
}
#mystereQuestions H3{
	font-size:14px;
	line-height:18px;
	margin:5px 0px;
}
#mystereQuestions A{
	color:#8a7d76;
}
#mystereQuestions A:hover{
	text-decoration:underline;	
	color:#564841;
}
#mystereReponses H3{
	font-size:14px;
	line-height:18px;
	margin:5px 0px;
	color:#ec8615;
}
.reponse{
	display:none;
}
#mystereQuestions UL, #mystereReponses UL{
	list-style:square;
	padding-left:20px;
	margin:5px 0px;
}
#mystereQuestions LI, #mystereReponses LI{
	padding:2px 0px;
}
.help{
	background-image:url(../images/btnAide.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	letter-spacing:0.1em;
	margin-top:5px;
	font-weight:bold;
}

.infos{	
}
.infos .alternate TD{
	background-color:#FFF;	
}
.infos TD{
	border-bottom:2px solid #d5cbc6;	
	font-size:12px;
	font-weight:bold;
	background-color:#ece6e3;
	padding:3px 0px 3px 10px;
}
.infos H4{
	margin:0px;
	font-weight:normal;
	font-size:14px;
}

#popupForm{
	width:550px;
	padding:20px;
	background-color:#FFF;
	min-height:200px;
	margin:auto;
	margin-top:20px;
	border:1px solid #b0a098;
}
.formulaire{
	width:550px;	
}
.formulaire TD{
	padding:8px;
	vertical-align:top;
}
.formulaire .field{
	text-align:right;
	width:75px;
}
.formulaire .textfield{
	border:1px solid #b0a7a2;
	font-size:11px;
	padding:2px 5px;
}
label.error {
	height:10px;
	font-size:10px;
	line-height:10px;
	color:#870c0e;
	background-image:url(../images/error_bg.gif);
	background-repeat:no-repeat;
	padding:1px 10px 1px 15px;
	display:inline;
	border-right:1px solid #c0bca6;
	margin:0px 0px 0px 5px;
}

input.error, select.error, textarea.error{
	border:1px solid #f8171b!important;	
}
.formulaire .asterix{
	color:#870c0e;
	font-size:14px;
	font-weight:bold;
	margin-right:3px;
}
.veriserviceCheck{
	margin-bottom:20px;
}
.veriserviceCheck UL{
	margin:0px!important;
	padding:0px!important;
}
.veriserviceCheck LI{
	list-style:none!important;
	background-image:url(../images/veriserviceBullet.gif)!important;
	background-repeat:no-repeat;
	padding:20px 5px 5px 30px!important;
	font-size:14px;
	font-weight:bold;
	margin:0;
}
.marketingCheck{
	margin-bottom:20px;
	background-image:url(../images/smallBoxBg.jpg);
	background-repeat:no-repeat;
	padding:10px;
}
.marketingCheck UL{
	margin:0px!important;
	padding:0px!important;
}
.marketingCheck LI{
	list-style:none!important;
	background-image:url(../images/encadreBullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0px 5px 5px 10px!important;
	font-size:14px;
	font-weight:bold;
	margin:0;
}

#clientsZone IMG{
	display: none;
}
#clientsZone .first{
	display: block;
}
#photoAccueil IMG{
	display: none;
}
#photoAccueil .first{
	display: block;
}
#enteteDirection IMG{
	display: none;
}
#enteteDirection .first{
	display: block;
}
#popupForm .orangeTxt{
	color:#ec8615;
	font-size:18px;
}

