/*********************************************** STYLES DU CONTENU ***********************************************/

BODY, P, INPUT, TEXTAREA, SELECT, TD, TH, BUTTON
		{
		font-family: Arial, Helvetica, Sans-serif;
		font-size: 8pt;
		color: #000000;
		}
BODY
		{
		margin-left: 3px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		}
P, BLOCKQUOTE, OL, UL, TABLE
		{
		margin-top: 0;
		margin-bottom: 0.5em;
		}
TH, TD
		{
		margin: 0;
		}
TH, .Gras, .Promo
		{
		font-weight: bold;
		}
TH, EM, DT, H1, H3, H4, HR, .TexteGelule, .TexteGelulePetit, .TexteGeluleFin, .TexteMenu, .Gras
		{	
		color: #0D4CD9;
		}
 .Promo
		{	
		color: red;
		font-size: 120%;
		}
H1
		{
		border-bottom: solid 1px #0D4CD9;
		font-family: Verdana, Arial;
		font-size: 16pt;
		font-weight: normal;
		margin-left: 1em;
		}
H2
		{
		font-size: 12pt;
		color: #708090;
		margin-top: 0.5em;
		margin-bottom: 0.8em;
		}
H3
		{
		font-size: 120%;
		margin-top: 0;
		margin-bottom: 1em;
		}
H4
		{
		font-size: 100%;
		text-align: left;
		margin-bottom: 0.5em;
		}
SMALL
		{
		font-size: 80%;
		}
BIG
		{
		font-size: 120%;
		}
HR
		{
		height: 1px;
		}
UL, LI
		{
		list-style: url("/pix/zero.gif");
		}
TH.NoBorder, TD.NoBorder
		{
		border: 0;
		}
TH.BorderLeft, TD.BorderLeft
		{
		border: 0;
		border-left-color: #0D4CD9;
		border-left-style: solid;
		border-left-width: 1px;
		}
TH.BorderBottom, TD.BorderBottom
		{
		border: 0;
		border-bottom-color: PeachPuff;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		}
TH.BorderTopBottom, TD.BorderTopBottom
		{
		border: 0;
		border-top-color: #0D4CD9;
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom-color: #0D4CD9;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		}
TH.CrochetDroit, TD.CrochetDroit
		{
		border: 0;
		border-top: 1px solid #0D4CD9;
		border-right: 1px solid #0D4CD9;
		border-bottom: 1px solid #0D4CD9;
		margin-right: 10px;
		}
TH, TD, .TexteInfos
		{
		border: solid 1px #0D4CD9;
		}
TH.Inverse, TD.Inverse, .Infos
		{
		background-color: #0D4CD9;
		color: #FFFFFF;
		}
.Barre
		{
		color: gray;
		text-decoration: line-through;
		}
.DemiBr
		{
		line-height: 0.6em;
		}
.PromoJ
		{
		position: absolute;
		width: 220px;
		visibility: hidden;
		z-index: -1;
		}
DD
		{
		text-indent: -4ex;
		}
DT
		{
		font-size: 200%;
		}
BLOCKQUOTE
		{
		font-style: italic;
		text-indent: -2ex;
		}

/*********************************************** STYLES DES LIENS ***********************************************/

@media print
	{
	.Pied
		{
		visibility:hidden;
		}
	}
a:link, a.Menu:link
		{
		color: #000000;
		text-decoration: none;
		}
a:visited, a.Menu:visited
		{
		color: #000000;
		text-decoration: none;
		}
a:hover, a.Menu:hover
		{
		color: #339933;
		text-decoration: none;
		}
a:active, a.Menu:active
		{
		color: #00CC00;
		text-decoration: none;
		}
a.Glossaire:hover
		{
		color: #FFFFFF;
		background-color:#339933;
		}
.Pied a:link, .Pied a:active, .Pied P
		{
		color: #FFFFFF;
		text-decoration: none;
		}
.Pied a:visited
		{
		color: #FFFF00;
		text-decoration: none;
		}
.Pied a:hover
		{
		color: #FF0000;
		text-decoration: none;
		}
.image-hover img
		{
		opacity: 1.0;
		filter: alpha(opacity=100);
		}
.image-hover:hover img
		{
		opacity: 0.7;
		filter: alpha(opacity=70);
		}

/*********************************************** STYLES DU MENU DEROULANT ***********************************************/

@media print
	{
		/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.MenuD, .ssMenuD
		{
		visibility:hidden;
		}
	}
.MenuD
	{
	font-family:Verdana, Arial;
	background: url("/habillage/pix/barre_degrade_bleu_3.jpg");
	color:black;
	font-size:12,5px;
	font-weight:bold;
	border:0px solid #D8E8F7;
	padding:1px;
	text-align:center;
		/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
	}
.ssMenuD
	{
	font-family:Verdana, Arial;
	background-color:#D8E8F7;
	color:black;
	font-size:12,5px;
	font-weight:bold;
	border:1px solid #D8E8F7;
	padding:1px;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity: 0.95;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ABCDEF,endColorStr=#789ABC);
		/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
	}
.MenuD span, .ssMenuD span
	{
		/* Ne pas toucher
		C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
		pause dans l'élocution */
	display:none;
	}
.ssMenuD ul, .ssMenuD li
	{
		/* Ne pas trop toucher.
		Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:1px;
	margin:0;
	list-style:none;
	list-style-type:none;
	}
.MenuD a, .ssMenuD a, .MenuD a:visited, .ssMenuD a:visited
	{
		/* Les liens qui ne sont pas sous le curseur. */
	font-family:Verdana, Arial;
	text-decoration:none;
	color:black;
	padding:2px 1px;
		/* Ne pas modifier le block */
	display:block;
		/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
		aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
		/*	height:100%;
			margin:0px;*/
	margin:0px;
	width:100%;
	}
html>body .MenuD a, html>body .MenuD a:visited, html>body .MenuD a:hover, html>body .MenuD a:active,
html>body .ssMenuD a, html>body .ssMenuD a:visited, html>body .ssMenuD a:hover, html>body .ssMenuD a:active
	{
	width:auto;
	}
.ssMenuD ul:hover, .ssMenuD a:hover, .ssMenuD a:focus, .MenuD a:hover, .MenuD a:focus
	{
		/* Les liens sous le curseur.
		On change les couleurs du texte et de fond, et on enlève le soulignement.	*/
	background-color:#339933;
	color:white;
	text-decoration:none;
	}
img
	{
		/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
		car c'est vilain :-p */
	border:none;
	}
.ssMenuD img
	{
		/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
	}
.ssMenuD img.hr
	{
		/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
	}

/* Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssMenuD si on aime ça...
- police et couleurs des liens "non survolés" et "survolés". */

/*********************************************** STYLES DES ONGLETS MENUS *******************************************/

@media print
	{
	.TabListe, .TabChapeau
		{
		display:none;
		}
	}
.TabListe
	{
	font:12px Verdana;
	color:white;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	height:18px;
	width:250px;
	background-image: url(/habillage/pix/barre_degrade_bleu.jpg);
	background-repeat: repeat-x;
	border:0px;
	}
.TabOff
	{
	font:10px Verdana;
	color:white;
	padding:0px;
	text-align:center;
	height:15px;
	width:20px;
	background-repeat: repeat-x;
	border:0px;
	font-weight: bold;
	}
.TabOn, .TabChapeau
	{
	font:10px Verdana;
	color:white;
	padding:0px;
	text-align:center;
	height:15px;
	width:20px;
	background-image: url(/habillage/pix/barre_degrade_bleu.jpg);
	background-repeat: repeat-x;
	border:0px;
	}
.TabRecherche
	{
	font:10px Verdana;
	color: #FFFFFF;
	font-weight:bold;
	text-align:center;
	height:24px;
	background-image: url(/habillage/pix/fond_recherche.jpg);
	background-repeat: repeat-x;
	border:0px;
	padding-left: 8px;
	}
.TabChapeau2
	{
	font:10px Verdana;
	font-weight:bold;
	color:white;
	padding:0px;
	text-align:center;
	background-image: url(/habillage/pix/fond_barre_article.jpg);
	background-repeat: repeat-x;
	border:0px;
	}
.TabChapeau {width:130px;font-weight:bold;}
.TabOff {cursor:pointer;cursor:hand;}
.TabOn {cursor:default;font-weight:bold;}
.PontOff, .PontOn
	{
	height:1px;
	border:0px;
	}
.PontOff {background-color:white;}
.PontOn {background-color: #3399FF;}
.SpcTabG, .SpcTabD {
	border:0px;
	background-repeat:no-repeat;
	width:10px;
	}
.SpcTabG {background-image:url(/habillage/pix/OngletCoinG_bleu.gif); background-position:right;}
.SpcTabD {background-image:url(/habillage/pix/OngletCoinD_bleu.gif); background-position:left;}
.SpcPont {background-color:white; border:0px;width:2px;}
.TabContent {background-color: #3399FF; height:5px; border:0px;}
.TabCadre {margin-left:2px; margin-right:2px;}
.TabCadre2
	{
	background-image:url(/habillage/pix/barre_degrade_bleu_2.jpg);
	margin-left:2px;
	margin-right:2px;
	background-repeat:repeat-x;
	}

/*********************************************** STYLES DES ONGLETS PRODUITS ********************************************/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
font-weight:bold;
color:white;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
background: white url(/habillage/pix/barre_degrade_bleu_3.jpg) top left repeat-x;
}

.shadetabs li a:hover{
text-decoration: none;
font-weight:bold;
color:white;
background-image: none;
background-color:#339933;
}

.shadetabs li a.selected{ /*selected main tab style */
font-weight:bold;
color:white;
position: relative;
top: 1px;
background-image: none;
background-color:#339933;
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
font-weight:bold;
color:white;
text-decoration: none;
background-color:#339933;
}

.tabscontent{
display:none;
}

@media print {
.tabscontent {
display:block;
}
}

/*********************************************** STYLES DES BOUTONS ***********************************************/

BUTTON.GeluleVerte
		{
		background-color: PaleGreen;
		width: 100px;
		height: 22px;
		border: none 0px;
		cursor: hand;
		margin: 0;
		padding: 0;
		}
BUTTON.Gelule, BUTTON.GeluleTransp, BUTTON.GelulePetit, BUTTON.GeluleTranspPetit, BUTTON.GeluleTranspPeche
		{
		background-color: #FFFFFF;
		width: 100px;
		height: 22px;
		border: none 0px;
		cursor: hand;
		margin: 0;
		padding: 0;
		}
BUTTON.GelulePetit, BUTTON.GeluleTranspPetit, BUTTON.GeluleTranspPeche
		{
		width: 30px;
		}
BUTTON.GeluleTranspPeche
		{
		background-color: PeachPuff;
		}
BUTTON.GeluleTransp, BUTTON.GeluleTranspPetit
		{
		background-color: #0D4CD9;
		}
.TexteGelule, .TexteGelulePetit, .TexteGeluleFin
		{
		position: relative;
		left: 0px;
		top: -20px;
		width: 100px;
		height: 22px;
		text-align: center;
		font-weight: bold;
		margin: 0;
		padding: 0;
		}
.TexteGelule:first-letter, .TexteGelulePetit:first-letter, .TexteGeluleFin:first-letter
		{
		font-size: 100%;
		}
.TexteGelulePetit, .TexteGeluleFin
		{
		font-size: 80%;
		font-weight: normal;
		}
.TexteGelulePetit
		{
		width: 30px;
		}