/*
 * Alice diététique
 * 
 * Définition des styles de mise en forme
 * 
 */

 
 /*
  * Couleurs de la charte graphique
  */
.vertClair { color: #A2C200;}
.vertfonce { color: #0B9212;}
.violet       { color: #960196;}
.grisFonce { color: #666666;}
.grisClair { color: #EEEEEE;}
 
 
 /* 
  * Balises HTML standards
  */
 body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color: #333;
 }
 
 h1, h2, h3 {
	color: #960196;
	font-style: italic;
 }
 
 h1 {
	text-align: right;
	margin-top: 12px;
	margin-bottom: -30px;
 }
 
 p {
	font-size: 10pt;
 }
 
 #colCentre  p {
	text-align: justify;
 }
 
 #colCentre ul li {
	list-style-image: url(../images/puce.png);
 }
 
 
 /* classes génériques */
 .info {
	font-style: italic;
} 
   
 
 /*
  * Gestion de la navigation haute
  */
#navHaut div ul, #navHaut div ul li, #navHaut div ul li a {
	position: relative;
	z-index: 20;
}

#navHaut ul li {
	font-size: 11pt;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-right: solid 1px #fff;
}

#navHaut a:link, #navHaut a:visited {
	color: #fff;
	text-decoration: none;
}

#navHaut a:hover, #navHaut a:active {
	color: #333;
}

#navHaut div.sousMenu ul  {
	margin-top: 3px;
	padding-bottom: 5px;
	background-color: #fff;
	display: none;
	z-index: 20;
	border-left: solid 1px #ccc;
	box-shadow: 3px 3px 3px #aaa;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	position: relative;
}

#navHaut div.sousMenu ul li {
	margin-left: -40px;
	display: block;
}

#navHaut div.sousMenu ul li:hover {
    background-color: #ccc;
	color: #fff;
}

#navHaut div.sousMenu a:link, #navHaut div.sousMenu a:visited {
	color: #0B9212;
}




 
 /*
  * Accueil : Gestion colonne gauche
  */
 #adresse  {
	color: #0B9212;
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	text-align: center
 }
 
 p.adresse {
	font-size: 14pt;
 }
 
 p.consultation {
	font-size: 12pt;
	font-weight: normal;
 }
 
 p.premConsultation {
	margin-top: 30px;
	font-size: 12pt;
	color: #960196;
 }
 
 .gratuit {
	font-size: 20pt;
	font-weight: bolder;
 }
 
 #calculIMC {
	width: 200px;
	min-height: 100px;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	box-shadow: 3px 3px 3px #aaa;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);
	z-index:99;
 }
 
  #resultatIMC {
	position: absolute;
	left: 240px;
	top: 280px;
	z-index: 999;
	width: 0px;
	display: none;
	min-height: 130px;
	padding: 2px 15px 15px 15px;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	box-shadow: 3px 3px 3px #aaa;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);
	z-index:99;
 }
 
 #infoIMC {
	position: relative;
	font-size: 9pt;
	text-align: justify;
	background-color: #fff;
	display: none;
	z-index:99;
 }

 #fermerInfoIMC {
	position: relative;
	margin-left: auto;
	margin-right: 5px;
	width: 50px;
	border: solid 1px #999;
	color: #999;
	font-size: 9pt;
	text-align: center;
	border-radius: 5px;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	display: none;
	z-index:99;
 }
 #calculIMC p {
	color: #666;
	font-style: italic;
	font-size: 11pt;
	text-align: center;
	margin-top: 5px;
 }
 
 #calculIMC label {
	display: inline-block;
	width: 110px;
	height: 20px;
	text-align: right;
	font-size: 9pt;
	color: #666;
 }
 
 #calculIMC input[type=text] {
	width: 70px;
	float: right;
	margin-right: 10px;
	border: solid 1px #666;
	font-size: 9pt;
	border-radius:3px;
	text-align: center;
 }
 
 #btCalculIMC {
	border-radius: 10px;
	background-color: #960196;
	color: #FFF;
	width: 80px;
	margin-left: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: none;
	cursor: pointer;
 }
 
 #btCalculIMC:hover {
	background-color: #0B9212;
 }
 
 #calculIMC a {
	font-size: 9pt;
	text-align: right;
	margin-right: 0px;
 }
 
 #calculIMC a:link, #calculIMC a:visited {
	color: #666;
	text-decoration: none;
 }
 
 #calculIMC a:hover, #calculIMC a:active {
	color: #960196;
	text-decoration: underline;
 }
 
 .imcH {
	margin-top: 5px;
	text-align: left;
	font-family: times;
	font-style: italic;
	font-weight: bold;
	font-size: 18pt;
	color: #960196;
	position:relative;
	z-index:100;
 }
 
 
 /*
  * Accueil : colonne centrale
  */
 #presentation, #finPresentation {
	font-size: 10pt;
	text-align: justify;
 }
 
 #presentation img {
	float: right;
	margin-left: 15px;
 }
 
 #objectif  p{
	font-family: times;
	font-style: italic;
	font-weight: bold;
	font-size: 20pt;
	color: #960196;
	text-align: center;
 }
 
 #diaporama {
	border: solid 1px #960196;
	border-radius: 10px;
	padding: 0px 10px 0px 10px;
	margin-bottom: 30px;
	min-height: 150px;
}

#diaporama p {
	color: #0B9212;
	font-size: 10pt;
	text-align: justify;
 }
 
#diaporama ul {
	margin: 0px 20px 30px -20px;
 }
 
 #diaporama li {
	color: #0B9212;
	font-size: 10pt;
	text-align: justify;
 }

 
 #diaporama img {
	float: right;
	margin-left: 35px;
	margin-top: 5px;
	width: 155px;
 }
 
 #diaporama  p.diaporamaH1 {
	font-style: italic;
	font-family: times;
	font-weight: bold;
	font-size: 14pt;
 }
 
 /*
  * Accueil : colonne droite
  */
  #recette {
	width: 220px;
	min-height: 100px;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	box-shadow: 3px 3px 3px #aaa;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);
	text-align: center;
 }
 
 #recette p {
	text-align: justify;
	margin: 15px;
	font-size: 10pt;
	color: #666;
 }
 
 #recette p.recetteH {
	margin-top: 5px;
	text-align: center;
	font-family: times;
	font-style: italic;
	font-weight: bold;
	font-size: 18pt;
	color: #960196;
 }
 
 #recette img {
	margin-bottom: 10px;
 }
 
 #recette a:link, #recette a:visited {
	color: #960196;
	text-decoration: none;
 }
 
  #recette a:hover, #recette a:active {
	text-decoration: underline;
	color: #0B9212;
 }

 
 
 /*
  * Gestion de la navigation basse
  */
#navBas ul li {
	font-size: 11pt;
	display: inline;
}

#navBas a:link, #navBas a:visited {
	color: #999;
	text-decoration: none;
}

#infosLegales {
	font-size: 8pt;
	color: #ccc;
}
 
 
 /*
  * Pages Particuliers
  */
  #consulterEgalement {
	text-align: center;
	width: 200px;
	min-height: 100px;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	box-shadow: 3px 3px 3px #aaa;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);
	z-index:99;
 }
 
 #consulterEgalement p {
	font-style: italic;
	font-weight: bold;
	font-size: 14pt;
	color: #960196;
	font-family: Times;
 }
 
 #consulterEgalement li {
	list-style-type: none;
	font-size: 11pt;
	margin-left: -45px;
 }
 
 #consulterEgalement a:link, #consulterEgalement a:visited {
	color: #666;
	text-decoration: none;
 }
 
 #consulterEgalement a:hover, #consulterEgalement a:active {
	color: #960196;
	text-decoration: underline;
 }
 
 #quiPeutConsulter a:link, #quiPeutConsulter a:visited {
	color: #0B9212;
 } 
 
 #quiPeutConsulter a:hover, #quiPeutConsulter a:active {
	color: #960196;
 }

 
 /*
  * Gestion des zones cachées temporairement
  */
 .nonAffiche {
	display:none;
 } 
 
 .cache {
	visibility:hidden;
 }