/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Jardin de Ville
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 29 mai 2008
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #363636;
	background: #FFFFFF;
	margin-top: 23px;
}
p {
	font-size: 1.1em;
	margin: 0 0 12px 0;
}
h1 {
	margin:0 0 22px 0;
	height: 11px;
	line-height: 11px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 16px 0;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #81725E;
	margin: 0 0 16px 0;
}
a, a:hover {
	color: #00aeef;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/* Styles pour les remplacements d'images -------------------------------------*/
#MenuPrincipal li span, #BtLangue, h1, #ColG h2, #MenuPrincipal-Microsite li {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/*- Styles pour les items en francais -----------------------------------------*/
/* Menu français */
body#lang-FR #MenuPrincipal li.Compagnie span {
	background-image: url(../images/Txt_Compagnie_FR.gif);
}
body#lang-FR #MenuPrincipal li.Produits span {
	background-image: url(../images/Txt_Produits_FR.gif);
}
body#lang-FR #MenuPrincipal li.Magasins span {
	background-image: url(../images/Txt_Magasins_FR.gif);
}
body#lang-FR #MenuPrincipal li.ToTheTrade span {
	background-image: url(../images/Txt_ToTheTrade_FR.gif);
}
body#lang-FR #MenuPrincipal li.Distributeurs span {
	background-image: url(../images/Txt_Distributeurs_FR.gif);
}
body#lang-FR #MenuPrincipal li.CartePrivilege span {
	background-image: url(../images/Txt_CartePrivilege_FR.gif);
}
body#lang-FR #MenuPrincipal li.Extranet span {
	background-image: url(../images/Txt_Extranet_FR.gif);
}
body#lang-FR a#BtLangue {
	background-image: url(../images/Bt_Langue_FR.gif);
	width: 48px;
	height: 8px;
	line-height: 8px;
}
body#lang-FR #MenuPrincipal-Microsite li.About a {
	background-image: url(../images/Menu_About_FR.png);
	width:107px;
}
body#lang-FR #MenuPrincipal-Microsite li.Products a {
	background-image: url(../images/Menu_Products_FR.png);
	width:59px;
}
body#lang-FR #MenuPrincipal-Microsite li.Showrooms a {
	background-image: url(../images/Menu_Showrooms_FR.png);
	width:117px;
}
body#lang-FR #MenuPrincipal-Microsite li.RetailDealers a {
	background-image: url(../images/Menu_RetailDealers_FR.png);
	width:100px;
}
body#lang-FR #MenuPrincipal-Microsite li.Contract a {
	background-image: url(../images/Menu_Contract_FR.png);
	width:56px;
}
body#lang-FR #MenuPrincipal-Microsite li.Extranet a {
	background-image: url(../images/Menu_Extranet_FR.png);
	width:61px;
}

/* Menu anglais */
body#lang-EN #MenuPrincipal li.Compagnie span {
	background-image: url(../images/Txt_Compagnie_EN.gif);
}
body#lang-EN #MenuPrincipal li.Produits span {
	background-image: url(../images/Txt_Produits_EN.gif);
}
body#lang-EN #MenuPrincipal li.Magasins span {
	background-image: url(../images/Txt_Magasins_EN.gif);
}
body#lang-EN #MenuPrincipal li.ToTheTrade span {
	background-image: url(../images/Txt_ToTheTrade_EN.gif);
}
body#lang-EN #MenuPrincipal li.Distributeurs span {
	background-image: url(../images/Txt_Distributeurs_EN.gif);
}
body#lang-EN #MenuPrincipal li.CartePrivilege span {
	background-image: url(../images/Txt_CartePrivilege_EN.gif);
}
body#lang-EN #MenuPrincipal li.Extranet span {
	background-image: url(../images/Txt_Extranet_EN.gif);
}
body#lang-EN a#BtLangue {
	background-image: url(../images/Bt_Langue_EN.gif);
	width: 57px;
	height: 10px;
	line-height: 10px;
}
body#lang-EN #MenuPrincipal-Microsite li.About a {
	background-image: url(../images/Menu_About_EN.png);
	width:131px;
}
body#lang-EN #MenuPrincipal-Microsite li.Products a {
	background-image: url(../images/Menu_Products_EN.png);
	width:59px;
}
body#lang-EN #MenuPrincipal-Microsite li.Showrooms a {
	background-image: url(../images/Menu_Showrooms_EN.png);
	width:74px;
}
body#lang-EN #MenuPrincipal-Microsite li.RetailDealers a {
	background-image: url(../images/Menu_RetailDealers_EN.png);
	width:48px;
}
body#lang-EN #MenuPrincipal-Microsite li.Contract a {
	background-image: url(../images/Menu_Contract_EN.png);
	width:59px;
}
body#lang-EN #MenuPrincipal-Microsite li.Extranet a {
	background-image: url(../images/Menu_Extranet_EN.png);
	width:61px;
}

/* Titres français */
body#lang-FR h1.Produits {
	background-image: url(../images/Ti_Produits_FR.gif);
	width: 80px;
	float: left;
}
body#lang-FR h1.Compagnie {
	background-image: url(../images/Ti_Compagnie_FR.gif);
	width: 78px;
}
body#lang-FR h1.Magasins {
	background-image: url(../images/Ti_Magasins_FR.gif);
	width: 69px;
}
body#lang-FR h1.ToTheTrade {
	background-image: url(../images/Ti_ToTheTrade_FR.gif);
	width: 90px;
}
body#lang-FR h1.Distributeurs {
	background-image: url(../images/Ti_Distributeurs_FR.gif);
	width: 101px;
}
body#lang-FR h1.CartePrivilege {
	background-image: url(../images/Ti_CartePrivilege_FR.gif);
	width: 109px;
}
body#lang-FR h1.Politique {
	background-image: url(../images/Ti_Politique_FR.gif);
	width: 202px;
}
body#lang-FR h1.Plan {
	background-image: url(../images/Ti_Plan_FR.gif);
	width: 88px;
}
body#lang-FR h1.Presse {
	background-image: url(../images/Ti_Presse_FR.gif);
	width: 49px;
}
body#lang-FR h1.Infolettre {
	background-image: url(../images/Ti_InscriptionInfolettre_FR.gif);
	width: 164px;
}

body#lang-FR h1.Products-Microsite {
	background-image: url(../images/Ti_Products_FR.gif);
}
body#lang-FR h1.About-Microsite {
	background-image: url(../images/Ti_About_FR.gif);
}
body#lang-FR h1.Showrooms-Microsite {
	background-image: url(../images/Ti_Showrooms_FR.gif);
}
body#lang-FR h1.RetailDealers-Microsite {
	background-image: url(../images/Ti_RetailDealers_FR.gif);
}
body#lang-FR h1.Contract-Microsite {
	background-image: url(../images/Ti_Contract_FR.gif);
}
body#lang-FR h1.Extranet-Microsite {
	background-image: url(../images/Ti_Extranet_FR.gif);
}

body#lang-FR #ColG h2.Meubles {
	background: url(../images/Ti_Meubles_FR.gif) no-repeat bottom left;
	float: left;
	width: 61px;
	height: 11px;
	line-height: 11px;
}
body#lang-FR #ColG h2.Abris {
	background: url(../images/Ti_AbrisJardins_FR.gif) no-repeat bottom left;
	float: left;
	width: 91px;
	height: 11px;
	line-height: 11px;
}

body#lang-FR .TxtMateriaux {
	position: absolute;
	top: 119px;
	left: 67px;
	display: none;
} 
body#lang-FR .TxtFournisseurs {
	position: absolute;
	top: 122px;
	left: 56px;
	display: none;
}

/* Titres anglais */
body#lang-EN h1.Produits {
	background-image: url(../images/Ti_Produits_EN.gif);
	width: 85px;
	float: left;
}
body#lang-EN h1.Compagnie {
	background-image: url(../images/Ti_Compagnie_EN.gif);
	width: 65px;
}
body#lang-EN h1.Magasins {
	background-image: url(../images/Ti_Magasins_EN.gif);
	width: 78px;
}
body#lang-EN h1.ToTheTrade {
	background-image: url(../images/Ti_ToTheTrade_EN.gif);
	width: 90px;
}
body#lang-EN h1.Distributeurs {
	background-image: url(../images/Ti_Distributeurs_EN.gif);
	width: 90px;
}
body#lang-EN h1.CartePrivilege {
	background-image: url(../images/Ti_CartePrivilege_EN.gif);
	width: 132px;
}
body#lang-EN h1.Politique {
	background-image: url(../images/Ti_Politique_EN.gif);
	width: 705px;
}
body#lang-EN h1.Plan {
	background-image: url(../images/Ti_Plan_EN.gif);
	width: 61px;
}
body#lang-EN h1.Presse {
	background-image: url(../images/Ti_Presse_EN.gif);
	width: 42px;
}
body#lang-EN h1.Infolettre {
	background-image: url(../images/Ti_InscriptionInfolettre_EN.gif);
	width: 185px;
}

body#lang-EN h1.Products-Microsite {
	background-image: url(../images/Ti_Products_EN.gif);
}
body#lang-EN h1.About-Microsite {
	background-image: url(../images/Ti_About_EN.gif);
}
body#lang-EN h1.Showrooms-Microsite {
	background-image: url(../images/Ti_Showrooms_EN.gif);
}
body#lang-EN h1.RetailDealers-Microsite {
	background-image: url(../images/Ti_RetailDealers_EN.gif);
}
body#lang-EN h1.Contract-Microsite {
	background-image: url(../images/Ti_Contract_EN.gif);
}
body#lang-EN h1.Extranet-Microsite {
	background-image: url(../images/Ti_Extranet_EN.gif);
}

body#lang-EN #ColG h2.Meubles {
	background: url(../images/Ti_Meubles_EN.gif) no-repeat bottom left;
	float: left;
	width: 81px;
	height: 11px;
	line-height: 11px;
}
body#lang-EN #ColG h2.Abris {
	background: url(../images/Ti_AbrisJardins_EN.gif) no-repeat bottom left;
	float: left;
	width: 110px;
	height: 11px;
	line-height: 11px;
}
body#lang-EN .TxtMateriaux {
	position: absolute;
	top: 119px;
	left: 84px;
	display: none;
} 
body#lang-EN .TxtFournisseurs {
	position: absolute;
	top: 122px;
	left: 94px;
	display: none;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
#wrapper {
	width: 930px;
	margin: 0 auto;
	text-align: left;
}
.clearer {
	clear: both;
}
#Entete {
	height: 52px;
	position: relative;
	z-index:599;
}
#Entete img.LogoJDV {
	float: left;
}
#Entete img.BtMenu {
	float: left;
	margin: 21px 0 0 92px;
}
a#BtLangue {
	float: right;
	margin: 21px 13px 0 0;
	background-position: top left;
	cursor: pointer;
}
a#BtLangue:hover {
	background-position: bottom left;
}
#BlocMenu {
	width: 950px;
	position: absolute;
	left:-8px;
	/*border: 1px solid red;*/
	height:51px;
	overflow: hidden;
}
#MenuPrincipal {
	width:950px;
	height: 123px;
	position: absolute;
	top: 51px;
	left:0;
	background: url(../images/Bg_MenuPrincipal.png) no-repeat;
	z-index:500;
}
#MenuPrincipal li {
	float: left;
	width: 146px;
	padding: 8px 0 0 10px;
}
#MenuPrincipal li span {
	
	background-repeat: no-repeat;
	height: 9px;
}
#MenuPrincipal li ul {
	margin-top: 18px;
}
#MenuPrincipal li ul li {
	float: none;
	padding: 0;
	margin-bottom: 8px;
}
#MenuPrincipal li ul li a {
	color: #898989;
	text-decoration: none;
	white-space: nowrap;
}
#MenuPrincipal li ul li a:hover {
	font-weight: bold;
	color: #00aeef;
	text-decoration: none;
}
#LienOuvreMenu {
	display: block;
	width: 622px;
	height: 35px;
	*margin-top: -20px;
	margin-left: 252px;
}
#ColG {
	float: left;
	width: 220px;
	padding-top: 142px;
}
#ColG.SplashColG {
	padding-top: 133px;
}
#ColD {
	position: relative;
	width: 685px;
	height:456px;
	float:right;
}
#ColD .LogoJDV {
	position: absolute;
	top: 0;
	right: 32px;
	z-index: 101;
}
#ColD .TxtPays {
	position: absolute;
	bottom: 3px;
	right: 3px;
	z-index: 100;
}
#BasPage {
	margin-top:30px;
}
#BasPage p {
	font-size: 1em;
	float: left;
}
#BasPage p span {
	padding: 0 10px;
}
#BasPage a {
	color: #81725e;
}
#BasPage a:hover, #BasPage a.On {
	color: #00aeef;
	text-decoration: none;
}
#Copyright {
	color: #b9b3a7;
	float: left;
	/*margin-right: 122px;*/
	width: 245px;
}
#BasPage div {
	float: right;
}

/*- Styles spéciaux pour page d'introduction (splash) -------------------------*/
h1.ChoisirPays {
	background-image: url(../images/Ti_ChoisirPays.gif);
	width: 168px;
	height: 25px;
}
.Splash {
	background: #f7f6ef url(../images/Bg_Splash.jpg) no-repeat;
	position: relative;
	margin-top: -52px;
}
.Splash a.EN {
	display: block;
	width: 52px; height: 14px;
	background: url(../images/Txt_SplashEnglish.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.Splash a.FR {
	display: block;
	width: 61px; height: 14px;
	background: url(../images/Txt_SplashFrancais.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#BasPage .Note {
	width:685px;
	color: #b9b3a7;
	text-align: right;
}
#ColD .SplashCanada, #ColD .SplashUSA, #ColD .SplashEurope {
	position: absolute;
	top: 185px;
}
#ColD .SplashCanada {
	left: 18px;
	background: url(../images/Txt_SplashCanada.gif) no-repeat;
	padding-left: 71px;
}
#ColD .SplashUSA {
	left: 246px;
	background: url(../images/Txt_SplashUSA.gif) no-repeat;
	padding-left: 43px;
}
#ColD .SplashEurope {
	left: 423px;
	background: url(../images/Txt_SplashEurope.gif) no-repeat;
	padding-left: 117px;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
#ContainerBlocTransparent {
	width: 271px;
	height: 456px;
	position: absolute;
	z-index: 450;
	top:0;
	left: 0;
}
#BlocContenuTransparent {
	background-image: url(../images/Bg_ContenuAcc.png);
	background-color: transparent;
	*background-image: none; /* IE 7 et - */
    *background-color: #f7f6ef;	 /* IE 7 et - */
	*filter: alpha(opacity=85);	
	float: left;
	height: 456px;
	width: 241px;
	display: block;
}
#BlocContenuTransparent p {
	position: relative;
}
#BlocContenuTransparent div {
	margin: 65px 15px 0 40px;
	line-height: 15px;
}
#BoutonContainer {
	background-image: url(../images/Bg_ContenuAcc.png);
	background-color: transparent;
	*background-image: none;								/* IE 7 et - */
    *background-color: #f7f6ef;							/* IE 7 et - */
	*filter: alpha(opacity=85);	
	float: left;
	height: 456px;
	width: 30px;
	text-align:right;
}
#BoutonContainer a#Bouton {
	width: 15px;
	height:15px;
	display: block;
	position: relative;
	background-image: url(../images/Bt_Fermer.gif);
	background-repeat: no-repeat;
	margin: 13px 0 0 5px;
	*margin: 13px 10px 0 0;
	outline:none;
	text-decoration: none;
}
#BoutonContainer .Lignes {
	position: relative;
	margin: -27px 0 0 0;
}

.EnteteAccordeon {
	font-weight: bold;
	height: 18px;
	background: url(../images/Bg_EnteteSousMenu.gif) no-repeat;
	width: 221px;
	padding: 5px 0 0 11px;	
	cursor: pointer;
}
.EnteteAccordeon.active {
	background: url(../images/Bg_EnteteSousMenu-active.gif) no-repeat;
}
.ContenuAccordeon {
	background: #fefde3;
	height: 225px;
	padding: 0 12px;
}
.ContenuAccordeon p {
	font-size: 1em;
	/*margin:10px 12px 0 12px;*/
	margin-top: 12px;
}
.ContenuAccordeon img {
	margin-bottom: 10px;
}
.ContenuAccordeon p a {
	color: #00aeef !important;
	text-decoration: none;
	font-weight: normal !important;
	background: none !important;
	padding: 0 !important;
}
#AccordeonAccueil {
	margin-top: 30px;
}
#AccordeonAccueil p a:hover {
	text-decoration: underline;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#ColG h2 {
	margin: 0 0 22px 0;
	height: 9px;
}
.Interieur,.Interieur-Produits {
	background: #f7f6ef;
	position: relative;
}
#ColD.Interieur h2 {
	margin: 140px 0 0 21px;
}
#BlocSousSousMenu {
	background: url(../images/Bg_SousSousMenu.gif) repeat-y top right;
	width: 95px;
	padding-left: 20px;
	margin-top: 25px;
	float: left;
	height: 392px;
}
#BlocSousSousMenu h3 {
	font-size: 1.1em;
	margin: 0;
	color: #000;
	height: 115px;
	margin-right: 5px;
}
/*#BlocSousSousMenu ul {
	margin-top: 90px;
}*/
#BlocSousSousMenu ul li {
	padding-bottom: 5px;
	width: 85px;
}
#BlocSousSousMenu ul li a {
	color: #81725e;
}
#BlocSousSousMenu ul li a:hover, #BlocSousSousMenu ul li a.On {
	color: #00aeef;
	font-weight: bold;
	text-decoration: none;
}
#BlocContenuInt, #BlocContenuInt-AccueilProduits, #BlocContenuInt-ContenuNormal, #BlocContenuInt-ContenuPremierTiers, #BlocContenuInt-ContenuLargeur {
	/*margin: 140px 0 0 21px;*/
	float: left;
	height: 262px;
}
#BlocContenuInt-AccueilProduits {
	width: 343px;
}
#BlocContenuInt-ContenuNormal {
	width: 458px;
}
#BlocContenuInt-ContenuPremierTiers {
	width: 270px;
}
#BlocContenuInt-ContenuLargeur {
	width: 640px;
	height: 125px;
}
#LienMateriaux, #LienFournisseurs {
	float: left;
	display:block;
	position: relative;
}
.ImageDroiteContenu {
	position:absolute;
	right: 0;
	top:0;
}
A#BtVoirCollection {
	color: #555;
	background: #fefde3;
	display:block;
	line-height: 23px;
	position: absolute;
	bottom: 0;
	left: 134px;
	padding: 0 13px;
}
A#BtVoirCollection:hover {
	color: #00aeef;
} 

.LiensMemeFournisseur {
	margin-top: 12px;
	float: left;
	width: 93px;
}
.LiensMemeFournisseur li {
	margin-bottom: 5px;
}
.LiensMemeFournisseur a {
	color: #81725e;
}
.LiensMemeFournisseur a:hover {
	color: #00AEEF;
	text-decoration: none;
}
	
/* Styles pour scroller */
.scroll-pane {
	/*width: 200px;*/
	overflow: auto;
	/*background: #ccc;*/
	float: left;
}
.ControleImages {
	position: absolute;
	bottom: -3px;
	right: 0px;
	_right: -1px;
}
.back-button, .next-button {
	outline: none;
}
.back-button {
	margin-right: -4px;

}
.pause-button {
	width: 0;
	height: 0;
	display:none;
}
#ElemIndex{
    position:relative;
    font-size:1.1em;
    font-weight: bold;
    top: -10px;
    padding-right: 12px;
    color: #fff;
}

#NoteSpeciale {
	font-size: 1em;
	color: #c2bdb3;
	margin: 0 0 0 20px;
	height: 21px;
	padding-top: 5px;
}
#BlocContenuTransparent.Produits h3 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	color: #000;
}
#BlocContenuTransparent.Produits h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 15px 0;
}
#BlocContenuTransparent.Produits h5 {
	font-size: 1em;
	font-weight: bold;
}
#BlocContenuTransparent.Produits p {
	font-size: 1em;
}

/*- Styles pour sous menus ----------------------------------------------------*/
#SousMenu {
	height: 240px;
}
#SousMenu li{
	background: url(../images/Bg_EnteteSousMenu.gif) no-repeat;
	margin-bottom: 8px;
	width: 221px;
}
#SousMenu li a {
	color: #363636;
	font-weight: bold;
	line-height: 22px;
	display: block;
	padding-left: 11px;
	text-decoration: none;
}
#SousMenu li a:hover, #SousMenu li.selected, #SousMenu li a.current, #SousMenu li a.MenuOn  {
	background: #fefde3 url(../images/Bg_EnteteSousMenu-active.gif) no-repeat;
}
#SousMenu li ul {
	margin-left: 15px;
}
#SousMenu li ul li {
	background: none;
	width: 206px;
	margin-bottom: 5px;
}
#SousMenu li ul li a {
	color: #81725e;
	font-weight: normal;
	display: inline;
	line-height: normal;
	padding: 0;
	background: none !important;
}
#SousMenu li ul li a:hover, #SousMenu li ul li a.MenuOn{
	font-weight: bold;
	color: #00aeef;
}


/*- Styles pour Plan du site --------------------------------------------------*/
#BlocContenuInt-ContenuNormal .SiteMap {
	float: left;
	width: 200px;
	margin:0;
}
#BlocContenuInt-ContenuNormal .SiteMap li {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 14px;
	list-style: none outside none;
	padding: 0;
}
#BlocContenuInt-ContenuNormal .SiteMap li ul {
	margin: 7px 0 0;
}
#BlocContenuInt-ContenuNormal .SiteMap li ul li {
	font-weight: normal;
	font-size: 1em;
	padding-left: 10px;
	margin-bottom:  7px;
	background: url(../images/Bg_Niveau1-Plan.gif) no-repeat 0 2px;
}
#BlocContenuInt-ContenuNormal .SiteMap li ul li a {
	color: #81725e;
}
#BlocContenuInt-ContenuNormal .SiteMap li ul li a:hover {
	color: #00aeef;
	text-decoration: none;
}
#BlocContenuInt-ContenuNormal .SiteMap li ul li ul li {
	font-weight: bold;
	margin: 0 0 21px -10px;
	padding-left: 20px;
	background: url(../images/Bg_Niveau2-Plan.gif) no-repeat 0 2px;
}
#BlocContenuInt-ContenuNormal .SiteMap li ul li ul li ul li {
	font-size: 0.9em;
	font-weight: normal;
	margin: 0 0 7px 0;
	background: url(../images/Bg_Niveau1-Plan.gif) no-repeat 0 2px;
	padding-left: 10px;
}

/*- Styles pour micro-site USA -------------------------------------------------*/
#MenuPrincipal-Microsite {
	margin: 20px 0 0 253px;
}
#MenuPrincipal-Microsite li {
	float: left;
	padding: 0 10px;
	background: url(../images/Bg_PointsMenuUSA.gif) repeat-y top right;
	height: 9px;
}

#MenuPrincipal-Microsite li.About {
	padding-left: 0;
}
#MenuPrincipal-Microsite li.Extranet {
	background: none;
}
#MenuPrincipal-Microsite li a {
	background-position: top left;
	line-height: 9px;
	display:block;
}
#MenuPrincipal-Microsite li a:hover, #MenuPrincipal-Microsite li a.On {
	background-position: bottom left;
}	

/*- Styles pour sondage --------------------------------------------------------*/
#ContenuSondage {
	padding: 25px 20px;
	background: #F7F6EF;
}
#ContenuSondage .TxtBox {
	margin-right: 5px;
	position: relative;
}
#ContenuSondage .Label {
	position: relative;
}
.BlocSondage {
	width: 267px;
	margin-right: 10px;
	float: left;
}
div.ChampsColles {
	margin-right: 20px;
	display:inline;
}

/*- Styles pour formulaires ----------------------------------------------------*/
.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}
.ChampsColles {
	float:left; 
}
.Label {
	display: block;
	margin-bottom: 3px;
}
.TxtErreur {
	font-size: 1.1em;
	color: #FF0000;
}
.TxtBox {
	font-size: 0.9em;
	background:	#fff;
	border: 1px solid #666666;
	padding: 2px 0 2px 2px;
}
.TxtArea {
	font-size: 0.9em;
	background:	#fff;
	border: 1px solid #666666;
	padding: 2px 0 2px 2px;
}
.SelectList {
	font-size: 0.9em;
	background:	#fff;
	border: 1px solid #666666;
	padding: 2px 0 2px 2px;
}
.Btn {
	color: #555;
	background: #fefde3;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box;  /*ff*/
	padding: 5px 13px;
}
p.RadioBtn label {
	display: block;
	float: left;
	margin: 0 5px 5px 5px;
	*margin-top: 4px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les listes ----*/
#BlocContenuInt-ContenuNormal ul, #BlocContenuInt-ContenuPremierTiers ul {
	margin: 0 0 12px 15px;
	padding: 0;
}
#BlocContenuInt-ContenuNormal ul li, #BlocContenuInt-ContenuPremierTiers ul li {
	font-size: 1.1em;
	list-style: disc outside url(../images/Puce_Liste.gif);
	padding: 0 0 5px 0;
}
#BlocContenuInt-ContenuNormal ol, #BlocContenuInt-ContenuPremierTiers ol {
	margin: 0 0 12px 24px;
	padding: 0;
}
#BlocContenuInt-ContenuNormal ol li, #BlocContenuInt-ContenuPremierTiers ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/*- Classes pour les images ----*/
.CouleurProduit {
	margin:0 0 3px 0;
}
.CouleurProduit span {
	margin: 2px 6px 0 0;
	width:10px; 
	height:10px;
	display:block; 
	float:left;
}

/* Ajouts */
#ElemIndex{
    position:relative;
    font-family:Verdana;
    font-size:11px;
    font-weight: bold;
    top: -10px;
    padding-right: 12px;
    color: #fff;
}