/*a, p, body, ul, li, ol, fieldset, legend {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}*/
#cadreDiagnostic{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  border:1px solid #DCE0E2;
  margin:15px 0 0 0;
  padding:15px 0 15px 0;
}
#headerDiagnostic {
  height: auto;
  border-bottom:1px solid #dce0e2;
  padding:5px 5px 2px 5px;
}
#conteneurDiagnostic {
  position: relative;
  width: 640px;
  margin: 0 auto; 
  border:1px solid #dce0e2;
}
/* styles resultats */
#centreDiagnostic {
  margin-left: 200px;
  border-left:1px solid #dce0e2;
  text-align:left;
  padding:0 5px 0 5px;
}
#centreDiagnostic p {
  text-align:justify;
  margin:10px 0 0 10px;
}
#centreDiagnostic ol{
margin:10px 0 0 40px;
padding:0;
}
#centreDiagnostic ul{
margin:10px 0 0 30px;
padding:0;
}
#centreDiagnostic li {
  margin:0 10px 10px 0;
  padding:0;
}

#centreDiagnostic img {
padding:0 5px 5px 5px;
}

/* fin styles resultats */

#gaucheDiagnostic {
  position: absolute;
  left:0;
  width: 200px;
  padding:7px 0 0 3px;
}
/* Bloc Expert */
.blocExpertsHaut{
	width: 540px;
	height: 10px;
	background-image: url(/images/diagnostic_beaute/bloc_rose_top.gif);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}
.blocExpertsBas{
	width: 540px;
	height: 10px;
	background-image: url(/images/diagnostic_beaute/bloc_rose_bottom.gif);
	background-repeat: no-repeat;
	margin:auto;
	padding:0;
}
.blocExperts{
  text-align:left;
	background-color: #f7f1f2;
	width: 540px;
	background-image: url(/images/diagnostic_beaute/bloc_rose_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin:25px auto 0 auto;
	padding:0 0 10px 0;
}
.blocExperts2{
	background-image: url(/images/diagnostic_beaute/bg_cadeau.gif);
	background-repeat: no-repeat;
	background-position: right;
  text-align:left;
	background-color: #f7f1f2;
	width: 540px;
	margin:25px auto 0 auto;
	padding:0 0 0 0;
}
.titreBloc{
  font-size:11px;
	font-weight: bold;
	padding:0;
	margin:10px 0 20px 25px;
}
.txtExpert{
  margin: -45px 0 0 65px;
  font-size:11px;
}
.descExpert{
  margin:10px 0 0 30px;
  height:50px;
}
.txtRose{
	color: #ce6475;
}

/* divers styles */
a.diagnosticLienBleu:link,
a.diagnosticLienBleu:active,
a.diagnosticLienBleu:focus,
a.diagnosticLienBleu:visited{
font-size:11px;
color: #336699;
text-decoration: none;
}
a.diagnosticLienBleu:hover{
font-size:11px;
color: #336699;
text-decoration: underline;
}
div.txtIntro{
  width:610px;
  margin:25px 0 25px 21px;
}
  
.txtIntro p{
  font-size:12px;
  margin:0 0 5px 0;
  text-align:justify;
}
.imageHome{
  width:624px;
  height:250px;
  background-image: url(/images/diagnostic_beaute/fond_border.gif);
  background-position:top left;
  background-repeat:no-repeat;
  padding:0 0 0 0;
  margin:0 0 0 12px;
}
.imageHome img{
  margin:0 0 0 11px;
}
#titreDiagnostic h2 {
  background-image:url(/images/diagnostic_beaute/mon_diagnostic_bio.gif);
  background-repeat:no-repeat;
  margin:0 0 5px 22px;
  height:30px;
  text-indent:-9999px;
  width:381px;
}
.contenuCorps{
  width:640px;
  text-align:center;
}
.titreDiagnostic{
  width:400px;
  text-align:left;
  padding:5px 0 10px 0;
  margin:0;
  color:#CE6475;
  font-size:22px;
  font-weight:bold;
}
div.resultatDiagnostic{
  margin:7px 20px 0 15px;
  text-align:justify;
  margin:0;
  color:#000000;
  font-size:11px;
  font-weight:regular;
}

/* resultat questionnaire */
.titreQuetionnaire{
  color:#CE6475;
  font-size:1.2em;
  font-weight: bold;
  padding:0;
  margin:10px 0 20px 5px;
}
div.blocResultat {
  border:1px solid #DCE0E2;
  height:auto;
  margin-left:0;
  margin-top:17px;
  padding:5px;
  width:639px;
}
p.titreBlocResultat {
  color:#FFFFFF;
  background-color:#CE6475;
  font-size:10px;
  font-weight:bold;
  padding:2px 5px;
  margin:0;
  position:relative;
}
.imagesResultat{
  float:right;
  border:0;
  margin:15px -5px 10px 10px;
}
.progressCadreBarre{
  position:relative;
  background-color:#f7f1f2;
  border:1px solid #ebc6cc;
  padding:1px;
  margin: 0 0 15px 0;
  width:95%;
  font-size:10px;
  height:15px;
}
.pourcentage{
  position:absolute;
  left:0px;
  width:100%;
  height:15px;
  text-align:center;
}

div.progressionTitre{
  text-align:center;
  background-image:url(/images/diagnostic_beaute/pointille_progression.gif);
  background-repeat:repeat-x;
  background-position:5px;
  margin:0 0 15px 0;
  width:95%;
  padding:0;
}

.progressionTitre span{
  background-color:#ffffff;
  font-size:10px;
  font-weight:bold;
}

.degradeTitre{
  text-align:left;
  background-image:url(/images/diagnostic_beaute/degrade_titre.gif);
  background-repeat:repeat-y;
  font-size:11px;
  font-weight:italic;
  color:#336699;
  padding:2px;
  margin:10px 0 0 0;
}
.puceTitre{
  text-align:left;
  background-image:url(/images/diagnostic_beaute/fleche_titre.gif);
  background-repeat:no-repeat;
  background-position: 5px 5px;
  font-size:11px;
  font-weight:bold;
  color:#000000;
  padding:0 0 0 10px;
  margin:5px 0 0 0;
}
/* menu */
.menuGauche {
  list-style-type: none;
  margin: 0;
  padding:0;
}
.menuGauche li {
  margin: 2px 0 2px 0;
}
.menuSpacer{
  font-size:8px;
  background:url(/images/diagnostic_beaute/separateur.gif) repeat-x scroll left center;
  height:1px;
  width:193px;
  margin:0;
  padding:0;
}
a.menuGauche:link, 
a.menuGauche:active, 
a.menuGauche:focus,
a.menuGauche:visited{
background: url(/images/diagnostic_beaute/menu_norm.gif);
background-repeat:no-repeat;
background-position:top left;
font-size:11px;
margin: 0 0 0 0 ;
padding: 2px 0 2px 15px;
color: #BE8790;
text-decoration: none;
font-weight:bold;
display:block;
}
a.menuGauche:hover {
background: url(/images/diagnostic_beaute/menu_surv.gif);
background-repeat:no-repeat;
background-position:top left;
font-size:11px;
margin: 0 0 0 0 ;
padding: 2px 0 2px 15px;
color: #BE8790;
text-decoration: none;
font-weight:bold;
display:block;
}

a.menuGaucheClicked {
background: url(/images/diagnostic_beaute/menu_clic.gif);
background-repeat:no-repeat;
background-position:top left;
font-size:11px;
margin: 0 0 0 0 ;
padding: 2px 0 2px 15px;
color: #ce6475;
text-decoration: none;
font-weight:bold;
display:block;
}

/* sous menu */
ul.sousMenuGauche{
margin:-2px 0 0 10px;
padding:2px 0 5px 0;
list-style-type: none;
background-color:#F5EAED;
width:183px;
}
li.sousMenuGauche{
margin:4px 0 0 0;
padding:0;
background-color:#F5EAED;
width:183px;
text-decoration:none;
}
li.sousMenuGauche a{
background-image:url(/images/diagnostic_beaute/fleche_titre.gif);
background-repeat:no-repeat;
background-position: 20px 5px;
color:#CE6475;
font-size:11px;
margin:0;
padding:0 0 0 27px;
text-decoration:none;
}
li.sousMenuGauche a:hover{
background-image:url(/images/diagnostic_beaute/fleche_titre.gif);
background-repeat:no-repeat;
background-position: 20px 5px;
color:#CE6475;
font-size:11px;
margin:0;
padding:0 0 0 27px;
}
a.sousMenuGaucheClicked {
color:#CE6475;
font-weight:bold;
}

/* bloc lien */
#diagnosticLien {
text-align:left;
margin:5px 0 20px 35px;
}
#diagnosticLien div {
margin:5px 0 10px 0;
}

a.diagnosticPrint:link,
a.diagnosticPrint:active,
a.diagnosticPrint:focus,
a.diagnosticPrint:visited,
a.diagnosticPrint:hover{
background-image:url(/images/diagnostic_beaute/picto_print.gif);
background-position:top left;
background-repeat:no-repeat;
font-size:11px;
color: #336699;
text-decoration: none;
padding:4px 0 5px 25px;
}
a.diagnosticTransmettre:link,
a.diagnosticTransmettre:active,
a.diagnosticTransmettre:focus,
a.diagnosticTransmettre:visited,
a.diagnosticTransmettre:hover
{
background-image:url(/images/diagnostic_beaute/picto_envoyer.gif);
background-position:top left;
background-repeat:no-repeat;
font-size:11px;
color: #336699;
text-decoration: underline;
padding:4px 0 5px 25px;
}

div.diagnosticPointSepar{
background-image:url(/images/diagnostic_beaute/pointille_separ.gif);
background-repeat:repeat-x;
width:80%;
margin:30px auto 0 auto;
padding:5px;
text-align:center}
/* divers */
/*.titreDiagnostic{
text-align:left;
padding:5px 0 10px 10px;
margin:0;
color:#CE6475;
font-size:22px;
font-weight:bold;
}*/
.resultatDiagnostic{
padding:5px 10px 5px 15px;
text-align:justify;
margin:0;
color:#000000;
font-size:11px;
font-weight:regular;
}
/* resultats recettes*/
#diagnosticRecettes{
background-image:url(/images/diagnostic_beaute/fond_recette.gif);
background-position:top left;
background-repeat:no-repeat;
margin: 0 0 15px 0;
padding:30px 10px 15px 40px;
background-color:#F5EAED;
text-align:left;
}
img.recette{
margin:0 20px 0 10px;
padding:0;
float:right;
}
#diagnosticRecettes a{
background-image:url(/images/diagnostic_beaute/puce_titre_bleu.gif);
background-repeat:no-repeat;
background-position: 5px 5px;
padding:0 0 0 12px;
font-size:11px;
color: #336699;
text-decoration: none;
margin-left:10px;
}
#diagnosticRecettes a:hover{
background-image:url(/images/diagnostic_beaute/fleche_titre.gif);
background-repeat:no-repeat;
background-position: 5px 5px;
font-size:11px;
color: #CE6475;
text-decoration: underline;
}

p.descRecette{
font-size:11px;
font-weight: normal;
padding:0;
margin:0;
}
div.espaceVide{
height:10px;
padding:0;
margin:0;
}
/* resultats astuces */
#diagnosticAstuce{
background-image:url(/images/diagnostic_beaute/astuce.gif);
background-position:5px 5px;
background-repeat:no-repeat;
margin: 10px 0 10px 0;
padding:30px 10px 10px 40px;
text-align:left;
/*border:1px solid #d2d926;*/
background-color:#ecf8e5;


}
/* result divers */
span.resultTxtColor{
font-weight:regular;
}





/* formulaire */
#blocFormulaire {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
height: auto;
width: 640px;
border:1px solid #dce0e2;
padding:5px 5px 15px 5px;
margin-bottom:25px;
background-image:url(/images/diagnostic_beaute/bg_floral.gif);
background-repeat:no-repeat;
background-position:bottom right
}
#blocFormulaire table {
text-align:left;
}
.introFormulaire{
font-size:11px;
font-weight:bold;
color:#CE6475;
margin:15px 10px 10px 10px;
}
.spacerFormulaire{
width:621px;
border-top: 1px dotted #CE6475;
margin: 20px auto 25px auto; 
display: block;}
.txtFormulaire{
margin:0;
padding:0;
font-size:11px;
text-align:left;
}
.espaceFormulaire{
height:10px;}
p.puceFormulaire{
text-align:left;
font-size:11px;
background-image:url(/images/diagnostic_beaute/puce_form.gif);
background-repeat:no-repeat;
background-position: 7px 5px;
padding:0 0 0 15px;
margin:0;
}

input.diagnostic,
select.diagnostic,
option.diagnostic,
textarea.diagnostic {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:2px;
}
#blocFormulaire fieldset{
width: 90%;
padding:15px 0 20px 0;
border:1px solid #D0D0BF;
}
#blocFormulaire legend{
font-size:11px;
font-weight: bold;
color:#000000;
padding:0 2px 0 2px;
}
a.diagnosticForm:link,
a.diagnosticForm:active,
a.diagnosticForm:focus,
a.diagnosticForm:visited{
font-size:11px;
color: #CE6475;
text-decoration: none;
}
a.diagnosticForm:hover{
font-size:11px;
color: #336699;
text-decoration: none;
}
.spacerResultat{
width:100%;
border-top: 1px dotted #CE6475;
display: block;}


/* Bloc Cadeau */
.diagnosticCadeau{
width:540px;
height:94px;
text-align:left;
font-size:11px;
background-image:url(/images/diagnostic_beaute/fond_cadeau.gif);
background-repeat:no-repeat;
margin:0 auto 0 auto;
}
.txtCadeau{
font-size:12px;
font-weight:regular;
color: #000000;
margin: 8px 0 0 15px;
}
.titreCadeau{
font-size:17px;
color: #377004;
text-decoration: none;
font-weight:bold;
margin:5px 0 0 15px;
}
a.lienCadeau{
cursor: hand;
font-size:12px;
font-weight:bold;
color: #CE6475;
text-decoration: none;

}
a.lienCadeau:hover{
cursor: hand;
font-size:12px;
color: #000000;
text-decoration: none;
border-bottom:1px solid #CE6475;
}

/**********************************************************/

.blocMenu2Haut{
	width: 193px;
	height: 10px;
	background-image: url(/images/diagnostic_beaute/bloc_info_haut_2.gif);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}
.blocMenu2{
	background-color: #f7f1f2;
	width: 193px;
	background-repeat: no-repeat;
	padding:0 0 0 0;
}
.blocMenu2Bas{
	width: 193px;
	height: 10px;
	background-image: url(/images/diagnostic_beaute/bloc_info_bas_2.gif);
	background-repeat: no-repeat;
	margin:0 auto 0 auto;
	padding:0;
}
.blocMenu2Txt{
	font-size:11px;
	color: #000000;
	text-decoration: none;
	margin:0 0 0 10px;
}
.blocMenu2Txt p{
	margin:0 0 0 0;
}
.blocMenu2Txt a{
	color: #CE6475;
}
.jeuTitre{
font-weight:bold;
	font-size:11px;
	color: #000000;
}
.jeuTxt{
	align:justify;
	font-size:11px;
	color: #000000;
}
.jeuBlocTxt{
	margin:0 10px 0 10px
}
#blocPopUp {
height: auto;
width: 640px;
border:1px solid #dce0e2;
padding:5px 5px 15px 5px;
margin-bottom:25px;
}