/* Styles communs à toutes les pages -----------------------------------------*/
.TableBody {
	width:					760px;
}
.CellBodyAcc {
	border:					1px solid #C8C7C7;
	background:				#FFF url(/images/Bg_BodyAcc.gif) repeat-x;
	vertical-align:			top;
	padding:				20px 0;
}
.CellBody {
	border:					1px solid #C8C7C7;
	background:				#FFF url(/images/Bg_Body.gif) repeat-x;
	vertical-align:			top;
	padding:				20px 0;
}
.CellFooter {
	font:					10px/12px Verdana, Arial, Helvetica, Sans-serif;
	color:					#F9F9F9;
	vertical-align:			top;
	padding:				5px 0 12px 0;
	text-align:				right;
}
.CellFooter a:link, .CellFooter a:visited, .CellFooter a:active,
.CellFooter a:hover, .CellFooter a:visited:hover, .CellFooter a:active:hover {
	font:					bold 10px/12px Verdana, Arial, Helvetica, Sans-serif;
	color:					#F9F9F9;
	text-decoration:		none;
}
.CellFooter a:hover, .CellFooter a:visited:hover, .CellFooter a:active:hover {
	text-decoration:		underline;
}
#logo {
	margin: 				29px 0 0 34px;
}
.CellColonneGauche {
	padding:				15px 0 0 4px;
	vertical-align:			top;
}
A.LienImprimer:link, A.LienImprimer:visited, A.LienImprimer:active,
A.LienImprimer:hover, A.LienImprimer:visited:hover, A.LienImprimer:active:hover {
	font:					9px/21px Arial, Verdana, Helvetica, Sans-serif;
	text-transform:			uppercase;
	color:					#00549F;
	text-decoration:		none;
	background:				url(/images/Picto_Imprimer.gif) no-repeat top right;
	padding:	        	5px 20px 0 0;
}
A.LienImprimer:hover, A.LienImprimer:visited:hover, A.LienImprimer:active:hover {
	text-decoration:		underline;
}
/* Styles spéciaux pour le splash --------------------------------------------*/
.CellBodySplash {
	border:					1px solid #C8C7C7;
	background:				#FFF url(../images/Bg_Body.gif) repeat-x;
	padding:				20px 0;
	height:					480px;
}
/* Menu deroulant du splash ----------------------*/
.MenuDeroulDroit td {
	text-align:				left;
}
.MenuDeroulGauche td {
	text-align:				right;
}
.MenuDeroulDroit td a:link, .MenuDeroulDroit td a:visited,
.MenuDeroulDroit td a:hover, .MenuDeroulDroit td a:active,
.MenuDeroulGauche td a:link, .MenuDeroulGauche td a:visited,
.MenuDeroulGauche td a:hover, .MenuDeroulGauche td a:active {
	font:					bold 11px/14px Arial, Verdana, Helvetica, Sans-serif;
	color:					#646768;
	text-transform:			uppercase;
	text-decoration:		none;
}
.MenuDeroulDroit td a:hover, .MenuDeroulDroit td a:active,
.MenuDeroulGauche td a:hover, .MenuDeroulGauche td a:active {
	color:					#00549F;
}
/* Styles spéciaux pour page d'accueil ---------------------------------------*/
.CellContenuAcc {
	padding:				32px 0 0 0;
	vertical-align:			top;
}
.CellFlashAcc {
	padding:				6px 0;
	border-top:				1px dashed #A5A9AA;
	border-bottom:			1px dashed #A5A9AA;
}
.CellPromoAcc {
	width:					186px;/*247px*/
	padding:				0 20px 0 37px;
}


/* Styles spéciaux pour pages intérieures ------------------------------------*/
a.popup img, a.Popup img {
	margin:					0 0 10px 10px;
}
.CellColonneDroite {
	vertical-align:			top;
}
.TableauTitreAlternatif {
	margin:					45px 0 0 0;
	vertical-align:			top;
}
.CellTitreInt {
	padding:				10px 0;
	border-top:				1px dashed #A5A9AA;
	border-bottom:			1px dashed #A5A9AA;
	vertical-align:			top;
}
.CellContenuInt {
	width:					475px;	
	font:					11px/13px Arial, Verdana, Helvetica, Sans-serif;
	color:					#646768;
	margin:					0 0 30px 0;
	vertical-align:			top;
}
#divContent
{
	width:					475px;	
	padding-top:			25px;	
}

/* Ajout Benoit R. - 2007-05-22 */
/* Styles spéciaux pour la liste de produits -----------------------------*/
.CellContenuProduits {
	width:					475px;	
	vertical-align:			top;
	padding-top:			10px;	
}
.TableauProduits {
	width:					100%;
}
.TableauProduits img {
	margin:					0 0 6px 0;
	border:					0;
}
.TableauProduits td {
	font:					11px/13px Arial, Verdana, Helvetica, Sans-serif;
	color:					#555;
	width:					25%;
	vertical-align:			top;
	text-align:				center;
	padding-bottom:			30px;
}
.TableauProduits td a:link, .TableauProduits td a:visited,
.TableauProduits td a:hover, .TableauProduits td a:active {
	font:					11px/13px Arial, Verdana, Helvetica, Sans-serif;
	color:					#555;
	text-decoration:		none;
}
/* FIN Ajout Benoit R. */

/* Styles pour un menu liste --------------------------------------------*/
.ListeMenu {
	list-style-image:		none;
	list-style:				none;
	padding:				0;
	margin:					0;
}
.ListeMenu li {
	list-style-image:		none;
	list-style:				none;
	text-align:				left;
	width:					472px;
	margin:					0 0 1px 0;
	padding:				0;
}
.ListeMenu li a:link, .ListeMenu li a:visited,
.ListeMenu li a:hover, .ListeMenu li a:active {
	display:				block;
	padding:				0 0 0 7px;
	margin:			        0;
	text-decoration:		none;
	border-left:			3px solid #FFF;
	outline:				none;
}
.ListeMenu li a:hover, .ListeMenu li a:active{
	text-decoration:		none;
	border-left:			3px solid #646768;
}
.ListeMenu li a:link span, .ListeMenu li a:visited span,
.ListeMenu li a:hover span, .ListeMenu li a:active span {
	display:				block;
	padding:				2px 24px 2px 4px;
	font:					12px/14px Arial, Verdana, Helvetica, Sans-serif;
	color:					#525252;
	background-color:		transparent;
}
.ListeMenu li a:hover span, .ListeMenu li a:active span {
	color:					#FFF;
	font-weight:			bold;
	background-color:		#646768;
}

/* Styles pour menus ----------------------------------------------------*/
#MenuPrincipal, #MenuPrincipal ul {
	list-style-image:		none;
	list-style:				none;
	width:					230px;
	padding:				0;
	margin:					0;
}
#MenuPrincipal {
	margin:			        0 0 15px 0;
}
#MenuPrincipal li {
	list-style-image:		none;
	list-style:				none;
	text-align:				left;
	margin:			        0 0 1px 0;
	padding:				0;
}
/* Background Menu Item */
#MenuAProposFR, #MenuValeurFR, #MenuProduitsFR, #MenuCatalogueFR,
#MenuCaracteristiqueFR, #MenuInformationFR, #MenuContactezNousFR,
#MenuAProposEN, #MenuValeurEN, #MenuProduitsEN, #MenuCatalogueEN,
#MenuCaracteristiqueEN, #MenuInformationEN, #MenuContactezNousEN {
	display:				block;
	text-indent:	        -5000px;
	overflow:				hidden;
	width:					195px;
	height:					24px;
	background-position:	0px 0;
	background-repeat:		no-repeat;
	cursor:					pointer;
}
/* Background francais */
#MenuAProposFR {
	background-image:		url(../images/Menu_APropos_FR.gif);
}
#MenuValeurFR {
	background-image:		url(../images/Menu_ValeurAjoutee_FR.gif);
}
#MenuProduitsFR {
	background-image:		url(../images/Menu_Produits_FR.gif);
}
#MenuCatalogueFR {
	background-image:		url(../images/Menu_Catalogue_FR.gif);
}
#MenuCaracteristiqueFR {
	background-image:		url(../images/Menu_Caracteristique_FR.gif);
}
#MenuInformationFR {
	background-image:		url(../images/Menu_Information_FR.gif);
}
#MenuContactezNousFR {
	background-image:		url(../images/Menu_ContactezNous_FR.gif);
}
/* Background anglais */
#MenuAProposEN {
	background-image:		url(../images/Menu_APropos_EN.gif);
}
#MenuValeurEN {
	background-image:		url(../images/Menu_ValeurAjoutee_EN.gif);
}
#MenuProduitsEN {
	background-image:		url(../images/Menu_Produits_EN.gif);
}
#MenuCatalogueEN {
	background-image:		url(../images/Menu_Catalogue_EN.gif);
}
#MenuCaracteristiqueEN {
	background-image:		url(../images/Menu_Caracteristique_EN.gif);
}
#MenuInformationEN {
	background-image:		url(../images/Menu_Information_EN.gif);
}
#MenuContactezNousEN {
	background-image:		url(../images/Menu_ContactezNous_EN.gif);
}
#MenuPrincipal li a:link, #MenuPrincipal li a:visited,
#MenuPrincipal li a:hover, #MenuPrincipal li a:active,
#MenuPrincipal li#MenuOn  a:link, #MenuPrincipal li#MenuOn  a:visited,
#MenuPrincipal li#MenuOn  a:hover, #MenuPrincipal li#MenuOn  a:active {
	display:				block;
	padding:				0 0 0 30px;
	margin:			        0;
	width:					197px;/*230px*/
	text-decoration:		none;
	border-left:			3px solid #FFF;
	outline:				none;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a:active,
#MenuPrincipal li#MenuOn  a:link, #MenuPrincipal li#MenuOn  a:visited,
#MenuPrincipal li#MenuOn  a:hover, #MenuPrincipal li#MenuOn  a:active {
	text-decoration:		none;
	border-left:			3px solid #19519D;
}
#MenuPrincipal li a:hover span, #MenuPrincipal li a:active span,
#MenuPrincipal li#MenuOn  a:link span, #MenuPrincipal li#MenuOn  a:visited span,
#MenuPrincipal li#MenuOn  a:hover span, #MenuPrincipal li#MenuOn  a:active span {
	background-position:	0px -24px;
	background-color:		#19519D;
}

/* Styles pour sous menus ----------------------------------------------------*/
#MenuPrincipal li ul li a:link, #MenuPrincipal li ul li a:visited,
#MenuPrincipal li ul li a:hover, #MenuPrincipal li ul li a:active,
#MenuPrincipal li#MenuOn ul li a:link, #MenuPrincipal li#MenuOn ul li a:visited,
#MenuPrincipal li#MenuOn ul li a:hover, #MenuPrincipal li#MenuOn ul li a:active {
	display:				block;
	padding:				0 0 0 30px;
	margin:			        0;
	width:					195px;/*230px*/
	text-decoration:		none;
	border-left:			3px solid #FFF;
	outline:				none;
}
#MenuPrincipal li ul li a:hover, #MenuPrincipal li ul li a:active,
#MenuPrincipal li#MenuOn ul li a:hover, #MenuPrincipal li#MenuOn ul li a:active,
#MenuPrincipal li ul li#SousMenuOn a:link, #MenuPrincipal li ul li#SousMenuOn a:visited,
#MenuPrincipal li ul li#SousMenuOn a:hover, #MenuPrincipal li ul li#SousMenuOn a:active {
	text-decoration:		none;
	border-left:			3px solid #646768;
}

#MenuPrincipal li ul, #MenuPrincipal li#MenuOn ul {
	margin:					5px 0 22px 0;
}
#MenuPrincipal li ul li, #MenuPrincipal li#MenuOn ul li {
	margin:					0 0 4px 0;
	padding:				0;
}
#MenuPrincipal li ul li a:link span, #MenuPrincipal li ul li a:visited span,
#MenuPrincipal li#MenuOn ul li a:link span, #MenuPrincipal li#MenuOn ul li a:visited span {
	display:				block;
	padding:				2px 24px 2px 12px;
	font:					bold 11px/13px Arial, Verdana, Helvetica, Sans-serif;
	color:					#646768;
	text-transform:			uppercase;
	background-color:		transparent;
}
#MenuPrincipal li ul li a:hover span, #MenuPrincipal li ul li a:active span,
#MenuPrincipal li#MenuOn ul li a:hover span, #MenuPrincipal li#MenuOn ul li a:active span,
#MenuPrincipal li ul li#SousMenuOn a:link span, #MenuPrincipal li ul li#SousMenuOn a:visited span,
#MenuPrincipal li ul li#SousMenuOn a:hover span, #MenuPrincipal li ul li#SousMenuOn a:active span {
	color:					#FFF;
	background-color:		#646768;
}

/* Styles pour formulaires----------------------------------------------------*/
.TxtLabel {
	font:					bold 10px/12px Arial, Verdana, Helvetica, Sans-serif;
	color:					#AEB2B4;
	text-transform:			uppercase;
	vertical-align:			top;
}
.TxtBoxRecherche {
	font:					10px/12px Arial, Verdana, Helvetica, Sans-serif;
	color:					#0172B3;
	background:				#FFF;
	border:					1px solid #878D90;
	padding:				0 3px;
	margin:					0 4px 0 0;
	width:					125px;
}
.TxtBox {
	font:					10px/12px Arial, Verdana, Helvetica, Sans-serif;
	color:					#0172B3;
	background:				#FFF;
	border:					1px solid #878D90;
	padding:				0 0 0 3px;
	margin:					0 5 0 0px;
	width:					175px;
}
.TxtArea {
	font:					10px/12px Arial, Verdana, Helvetica, Sans-serif;
	color:					#0172B3;
	background:				#FFF;
	border:					1px solid #878D90;
	padding:				3px;
	margin:					0 5 0 0px;
}
.Btn {
	font:					bold 11px/120% Arial, Verdana, Helvetica, Sans-serif;
	color:					#FFF;
	background:				#2EA28B;
	border:					1px solid #FFF;
	overflow: 				visible;
	padding:				3px 5px;
	cursor:					pointer;
}

/* Général -------------------------------------------------------------------*/
/*html, body{
      margin:				0;
      padding:				0;
      height:				100%;
      border:				none;
}*/
body {
	margin:					0;
	padding:				0;
	background:				#FFF;
}
A:link, A:visited, A:active,
A:hover, A:visited:hover, A:active:hover {
	font:					11px/13px Arial, Verdana, Helvetica, Sans-serif;
	color:					#00549F;
	text-decoration:		underline;
}
A:hover, A:visited:hover, A:active:hover {
	text-decoration:		none;
}
P {
	padding:				0;
	margin:					0 0 12px 0;
}
FORM {
	padding:				0;
	margin:					0;
}
SUP  {
	font:					80%/80% Arial, Verdana, Helvetica, Sans-serif;
}
HR {
	border:					0;
	border-bottom:			1px dashed #A5A9AA;
	height:					0px;
	color:					#A5A9AA;
	padding:				0;
	margin:					12px 0;
}
/* Arrière-plan --------------------------------------------------------------*/
.Bg {
	background:				#C8C7C7 url(/images/Bg.jpg) repeat-x;
	margin:					15px 0 0 0;
}


#tblCompare H1
{
	font:					bold 12px/14px Arial, Verdana, Helvetica, Sans-serif;
	color:					#515151;
	text-transform:			uppercase;
	margin:					0 0 8px 0;
}

#tblCompare H2
{
	font:					11px/13px Arial, Verdana, Helvetica, Sans-serif;
	font-weight:			bold;
	color:					#646768;
}

