/****************************************************************************/
/************************ Couleurs du site **********************************/
/****************************************************************************/
/*
bleu super fonce : #14696a
bleu tres fonce : #269698 (mot "Super")
bleu fonce : #40b6b6 (fond de la banniere du haut du site, derrier "accueil" et "contact")
bleu : #67c5c5 (arc de cercle au dessus du mot super de superhormones)
bleu clair: #bde5e5 (une ligne sur deux de la liste des articles)
bleu encore plus clair : #a1dbdc (2nd arc de cercle au dessus de "sante, longevite...")
bleu super clair : #daeff0 (autour du personnage, vers le blanc)
orange : #f3864b
*/

/****************************************************************************/
/************************ Styles des elements HTML **************************/
/****************************************************************************/

body 
{ 
	margin: 0px;
	text-align: center; /* pour corriger le bug de centrage IE */
	background-color:#ffffff;
	font-size: 12px;
	font-family: "arial";
	/* color:#3fb6b6; */
	/*background-image: url("/data/images/superhormones/images/bg.jpg");*/
    background-repeat: repeat-x;
}

td {
	font-size: 12px;
	font-family: "arial";
	/* color:#3fb6b6; */
}

A:link {
color: #1c7f80; 
font-weight:bold;
text-decoration:none;
}
A:visited {
color: #1c7f80; 
font-weight:bold;
text-decoration:none;
}
A:hover {
color: #f3864b; 
font-weight:bold;
}

A.l_haut_de_page:link {color: #FFFFFF; text-decoration: none;}
A.l_haut_de_page:visited {color: #FFFFFF; text-decoration: none;}
A.l_haut_de_page:active {color: #f3864b; text-decoration: none;}
A.l_haut_de_page:hover {color: #f3864b; text-decoration: none;}

input {
	font-family: Arial;
	font-size:13px;
	color:#000000;
	background-color:#ffffff;/* #daeff0 */
	border:#219394 1px solid;
}

select {
	font-family: Arial;
	font-size:13px;
	color:#000000;
	background-color:#ffffff;/* #daeff0 */
	border:#000000 1px solid;
}
img{
	border:0px;
}
p{
	margin:0px;
}

/****************************************************************************/
/******************************* Styles des div *****************************/
/****************************************************************************/

#main 
{
	margin-left: auto;
	margin-right: auto;
	text-align : justify;
	width:867px;
}
#haut 
{
	height:250px;
}
#version
{
	margin-top:10px;
	width:205px;
	float:left;
}
#ha
{
	width:130px;
	float:left;
	height:46px;
	/*background-image: url("/data/images/superhormones/images/barre_blanche.jpg");*/
    background-repeat: no-repeat;
}
#hc
{
	width:130px;
	float:left;
	height:46px;
	/*background-image: url("/data/images/superhormones/images/barre_blanche.jpg");*/
    background-repeat: no-repeat;
}
#haut_de_page
{
	width:420px;
	height:50px;
	float:left;
	margin-top:45px;
	margin-left:10px;
	color:#ffffff;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

#menu
{
	text-align:right;
	margin-top:80px;
	margin-right:30px;
}
#gauche
{
	width:707px;
	float:left;
	overflow:hidden;
	margin-top: 0;
}
#droite
{
	float:left;
	width:150px;
	margin-left:10px;
	overflow:hidden;
}

#logo_cliquable
{
	position:relative;
	top:40px;
	left:0px;
	width:330px;
	height:25px;
	float:left;
}

.v1
{
	color:#FFFFFF;
	letter-spacing:3px;
	font-size: 11px;
}
.t1
{
	margin-top:13px;
	margin-left:5px;
}
.t2
{
	margin-left:5px;
	color:#89e3e1;
	font-size: 10px;
}
.titre
{
	font-family: 'Times New Roman';
	color:#f3864b;
	font-size:17px;
	font-weight:bold;
	margin-bottom:7px;
}
H1 
{
    margin: 1px 0px 4px 0px;
	font: bold 21px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 2px;
	color: #f3864b;
}
H2
{
	margin: 0px 0px 0px 5px;
	font-size: 12px;
}
H3
{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}
.p1
{
	background-image: url("data/images/superhormones/images/p1.jpg");	
    background-repeat: no-repeat;
    background-position: top right;
	margin-left:20px; 
	width:94px; 
	height:90px;
	float:left;
}
.p2
{
	background-image: url("data/images/superhormones/images/p2.jpg");	
    background-repeat: no-repeat;
    background-position: top right;
	margin-left:20px; 
	width:94px; 
	height:86px;
	float:left;
}
.p3
{
	background-image: url("data/images/superhormones/images/p3.jpg");	
    background-repeat: no-repeat;
    background-position: top right;
	margin-left:20px; 
	width:94px; 
	height:69px;
	float:left;
}
.p4
{
	background-image: url("data/images/superhormones/images/p4.jpg");	
    background-repeat: no-repeat;
    background-position: top right;
	margin-left:20px; 
	width:94px; 
	height:64px;
	float:left;
}
.p5
{
	background-image: url("data/images/superhormones/images/p5.jpg");	
    background-repeat: no-repeat;
    background-position: top right;
	margin-left:20px;  
	width:94px; 
	margin-top:0px;
	height:55px;
	float:left;
}
.actu
{
	margin-top:15px;  
}
.actu_cadre
{
	width:224px; 
	height:30px; 
	background-image: url("data/images/superhormones/images/cadre_actu.jpg");	
    background-repeat: no-repeat;
	text-align:center;
	padding-top:5px;
}
.ttx
{
	width:500px; float:left;
}
.la
{
	margin-top:4px; text-align:right;
}
.mr15
{
	margin-right:15px;
}
.mt4
{
	margin-top:4px;
}
.m1
{
	margin-right:40px; font-size:13px;
}
.footer
{
	margin-top:10px; background-color:#40b6b6; color:#FFFFFF;text-align:right; font-size:12px;font-weight:bold;
}
.dat
{
	float:left; color:#f2874f; font-weight:bold;
}
.spacer
{
	clear:both;
}

/****************************************************************************/
/******************************* Styles de supersmart.css transformes *******/
/****************************************************************************/

DIV.titre_bleu  /* ancien titre_vert */
	{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #40b6b6;
	}
	
TABLE.table_bleu_clair  /* ancien table_vert_clair */
	{ 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #bde5e5;
	}
	
/****************************************************************************/
/******************************* Styles de supersmart.css *******************/
/****************************************************************************/

TABLE.base_table {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

TABLE.table_pages {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

TABLE.table_vert_clair {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background-color: #DAE8C7;
}

SPAN.titre_marron {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #A16600;
}

DIV.titre_marron {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #A16600;
}

DIV.titre_noir {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

DIV.titre_orange {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #cf7220;
}

DIV.titre_vert {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #14696a;
}

DIV.fond_image_article {
	background-color:#bde5e5;
}

TABLE.fond_image_article {
	margin-left:5px;
	margin-right:10px;
	background-color:#bde5e5;
}

SPAN.titre_categorie {
	font: bold 21px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
        /* color: #14696a; */
}

DIV.base_div {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: left;
}

DIV.description {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: left;
	line-height: 16px;
	/* border: 1px solid black; */
	/* text-indent: 10px; */
}

DIV.description:first-letter {
	font-size: 15px;
	/* float: left; */
}

DIV.small_desc {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

DIV.small_desc:first-letter {
	font-size: 12px;
}

SPAN.small {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

SPAN.warning {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #DC143C;
}

DIV.promo {
	display: inline;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
 	border: 2px solid gray;
	padding: 7px;
	/* color: #228B22; */
	color: #cf7220;	
}

SPAN.promo {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	color: #cf7220;	
}

SPAN.good {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	/* color: #228B22; */
	color: #cf7220;
}

TABLE.table_compo {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	background:  #a1dbdc;
	border: 3px solid #269698;
	border-collapse: collapse;
}

.table_compo TD {
	border: 3px solid #269698;
	padding: 3px;
}

TABLE.cmd_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid gray;
}

TR.lignes_cmd_head {
	background: #40b6b6; /*ButtonFace;*/
}

.lignes_cmd_head TD {
	/* border:	1px solid gray;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; */
	white-space: nowrap;
	text-align: center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor : help;
}

IMG.img_cadre {
	border: 1px solid gray;
}

DIV.serror {
	padding: 15px;
	text-align: center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

DIV.error {
    	margin-top: 3em;
    	margin-bottom: 3em;
	border: 1px solid gray;
	width: 70%;
	padding: 20px;
	text-align: center;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

TD.log {
	margin: 20px;
	padding: 20px; 
	border: 1px solid gray;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

FORM {
	margin: 0;
}

FIELDSET {
	display: inline;
	background-color: #F5F5F5;
	/* padding-top: 50px; don't work */
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
}

LEGEND {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	/* font-style: italic; */
	/* letter-spacing: 1px; */
	color: black;
}

LABEL {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	cursor : help;
}

LABEL.small {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	cursor : help;
}

TABLE.form_table {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

LI {
	list-style: disc;
}

DIV.bt_menu {
    	cursor: pointer;
}

.sort-table {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	border-top: 0px;
	/* empty-cells: show; */
}

.sort-table thead {
	background: ButtonFace;
}

.sort-table thead td {
	border:	1px solid gray;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	cursor:	pointer;
	white-space: nowrap;
	text-align: center;
}

.sort-table thead td:active {
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	padding: 3px 4px 1px 6px;
}

.sort-table thead td[_sortType=None]:active {
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	padding: 2px 5px;
}

.sort-table td {
	padding: 2px 5px;
}

.sort-arrow {
	width: 11px;
	height:	11px;
	background-repeat: no-repeat;
	background-position: bottom center;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 3px;
	margin-bottom: 1px;
}

.sort-arrow.descending {
	background-image: url("../images/downsimple.png");

}

.sort-arrow.ascending {
	background-image: url("../images/upsimple.png");
}

TR.even {
	background: #fff;
}

TR.odd {
	background: #eee; /* #dddddd */
}

/* Referencement: ces balises se veulent le plus neutres possible afin de ne pas modifier les styles existants */
H6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 0px;
	display:inline;
}