@charset "utf-8";

/*#######    Chapitre 0    ########## DEFINITIONS GENERALES ########## */
body
{
	padding: 0px; margin:0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	background:#CFA13F url(../Image/DESIGN/bodyBack.jpg) no-repeat fixed 50% 0  ;
}

table { border-collapse: collapse; font-size:12px;}
h1{font-size:10px;}   
h2{font-size:14px;} 
h3{font-size:12px;}
h4{font-size:10px;}

p { text-align:left;}
a { color:#015799; font-size:12px;}
a:hover { color:#0176CE; }

a img{ border:0}
hr { border:0; border-bottom: 1px dashed #A4A4A5; height:0px}
div { border-width:0; padding:0;}
.clear {clear:both;} 
div.clear { height:0; font-size:0;}


/*#######    Chapitre 1    ########## PanelSiteGlobal ########## */ 

/*zones travaillant sur la largeur*/

#PanelSiteGlobal {}

/*div qui recouvre toute la largeur du fond*/
.bckLarg { }

/*centrer la div et largeur 1000px*/
.larg1000 { width:1000px;  
            left: 50%;
            margin:0 0 0 -500px;
            position:relative;
            background:#fff}

/*Cas Particuliers*/
	/* bckLarg : cas particuliers*/
	#bckZoneCorps{margin:65px 0 0 0;}
	#bckMenuOnglets {position:absolute; top:197px; left:0; width:100%; height:68px}
	
	/* larg1000 : cas particuliers */
	#PanelBanniere { background:url(../Image/DESIGN/banv2.jpg) no-repeat 0 100%; overflow:hidden; height:197px}
	#PanelZoneCorps { background:#FFF url(../Image/DESIGN/PanelZoneCorps.gif) repeat-y 0 0}
	#PanelPiedPage{	height:80px; position:relative; background:url(../Image/DESIGN/PiedPage.gif) repeat-x top; }
	
/*#######    Chapitre 2    ########## PanelBanniere ########## */	
/*Banniere*/
#PanelBanniere h1 {margin:170px 8px 0 8px; text-align:right; color:#0176CE}
#PanelBanniere .Logo {width:380px; height:100px; display:block; position:absolute; top:45px;}
	
/*#######    Chapitre 3    ########## PanelZoneCorps ########## */
/* sur 3 colonnes*/
#PanelZone1, #PanelZone3  { float:left; width:190px; padding:8px 0 0 0; background-color:#FFF}
#PanelZone2 { float:right; width:520px; overflow:hidden; background-color:#FFFFFF; padding:30px 40px 0 0; }
#PanelZone3 { float:right; }

/*#######    Chapitre 4    ########## PIED DE PAGE ########## */
/*Pied de page*/
.blocPiedPage {width:180px; text-align:center; float:left; margin:12px 0 0 0; }
#PanelPartenaires div {float:left; text-align:left;}
#PanelPartenaires a, #PanelPartenaires {color:#FFF; text-decoration:none}
#PanelPartenaires a:hover {color:#0176CE;}
#PanelConseilSpe {background:url(../Image/DESIGN/Pied_Conseil.png) no-repeat 0 0; height:56px; padding:5px 0 0 80px; width:180px; }
#PanelConseilSpe b {font-family:impact, Arial, Helvetica, sans-serif; font-weight:normal; display:block; font-size:13px; letter-spacing:0.1em}
#MenuServices { width:650px; text-align:right; float:right; padding:3px 0; color:#FFF}
#MenuServices img {margin:3px 3px 0 0}
#PanelPubDeveloppeur {text-align:right; float:right; width:60px; padding:0 8px 0 0}

#PanelPiedLogos {background:url(../Image/DESIGN/PiedLogos_Mdl.png) repeat-y 0 0;}
#PanelPiedLogos .tp {background:url(../Image/DESIGN/PiedLogos_Top.png) no-repeat 0 0;}
#PanelPiedLogos .btm {background:url(../Image/DESIGN/PiedLogos_Btm.png) no-repeat 0 100%; padding:8px 0 5px 0;color:#FFF;  text-align:center}
#PanelPiedLogos a img {margin: 0 10px 0 0; border:1px solid #ccc; padding:2px } 
#PanelPiedLogos a:hover img {border:2px solid #0176CE; padding:1px}


/*#######    Chapitre 5    ###########PanelOnglets ########## */
/*le menu horizontale haut catalogue par ONGLETS*/
#PanelOnglets {height:68px; width:1000px; background:url(../Image/DESIGN/MnHoriz.gif) repeat-x top; }
#PanelOnglets * {z-index:50}
#PanelOnglets ul { padding:0; margin:0;} 
#PanelOnglets ul li { display:inline; list-style-type:none; float:left; margin:0; padding:0; position:relative; behavior : expression(addHover(this)); }
#PanelOnglets ul li a{ text-decoration:none; color:#4D4D4D; font-weight:bold; font-size:13px;	display:block;  text-transform: uppercase;}	
#PanelOnglets ul li a span {display:block; text-align:center; line-height:13px; position:relative; padding:18px 2px 0 2px; height:48px; } 
#PanelOnglets ul li a:hover, #PanelOnglets ul li:hover a, #PanelOnglets ul li.select a{color:#FFFFFF; background:url(../Image/DESIGN/MnHoriz_Ong1.png) 0 0 repeat-x}
#PanelOnglets ul li a:hover span, #PanelOnglets ul li:hover a span, #PanelOnglets ul li.select a span {color:#FFFFFF; background:url(../Image/DESIGN/MnHoriz_Ong2.gif) no-repeat 100% 0;}
#PanelOnglets ul ul {position:absolute; display:none; top:65px;  z-index:101; left:0; border:1px solid #012E65;  margin:0; padding:0; background:#012E65; width:198px}
#PanelOnglets ul ul.mnDeroul_Last {left:auto; right:0}
#PanelOnglets ul ul li {display:block; float:none; color:#FFF; background-color:#012E65; padding:0; height:auto; font-size:0; behavior:NONE;}
#PanelOnglets ul ul li a {display:block; color:#FFF; background:#012E65!important;  height:auto; text-align:left; line-height:10px; padding:5px; font-size:12px; width:188px; filter:none; font-family:Arial, Helvetica, sans-serif; text-transform:none; FONT-WEIGHT:bold }
#PanelOnglets ul ul a:hover {color:#BEE1E6}
#PanelOnglets ul li:hover ul, #PanelOnglets ul li.hover ul, #PanelOnglets ul li:hover > ul {display:block}


/*#######    Chapitre 6    ########## #PanelMnPanierConex ########## */
/* Les elements #Conex et #miniPanier sont repositionnes dans la banniere */

	/*positionnement des ?l?ments*/
#PanelMnPanierConex {top:8px; position:absolute; padding: 0 0 0 0; left: 50%; margin:0 0 0 -480px; width:370px}
#Conex, #miniPanier {width:155px; height:auto; float:left; padding-left:23px;  background:url(../Image/DESIGN/user.gif) no-repeat 0 0;}
#miniPanier {float:right; position:relative;  background:url(../Image/DESIGN/cadi.gif) no-repeat 0 0;}
	/*D?finir les styles des titres et sous-titres*/
.MP_titre, .MP_sousTit { display:block; } 
.MP_titre a, .MP_titre { letter-spacing:1px; color:#000;  text-decoration:none; font-weight:bold; font-size:15px; }
.MP_sousTit a, .MP_sousTit{ color:#000; font-size:11px; text-transform:none; text-decoration:none; font-weight:bold}
.MP_titre a:hover, .MP_sousTit a:hover { text-decoration:underline;}
	/*detail affiche quand on passe la sourie sur le liens panier*/
#MP_detail {z-index:101; position:absolute; width:365px; background: url(../Image/DESIGN/mp_detail1.gif) no-repeat 1px 0; top:35px; padding-top:3px; left:50px}
* html #MP_detail, *+html #MP_detail  {padding-top:2px;}/*correction Bug IE*/
#MP_detail .btm {background: url(../Image/DESIGN/mp_detail3.gif) no-repeat 1px 100%; padding-bottom:1px }
#MP_detail .mdl {background: url(../Image/DESIGN/mp_detail2.gif) repeat-y top left ; }
	/*tableau recapitulatif*/
table#MP_table { width:350px; border-collapse: collapse; margin: 3px 5px 3px 5px; color:#666666; background: url(../Image/DESIGN/zebre.gif) ;}
table#MP_table td { padding: 5px 5px 5px 5px; text-align:center; vertical-align:middle;}
table#MP_table tr.pair {  background: url(../Image/DESIGN/zebre2.gif) ;}
td.MP_qte { width:35px;}
td.MP_prix { width:80px;}
td.MP_qte, td.MP_prdt { border-right: 1px solid #CCCCCC;}
table#MP_table td.MP_prdt { text-align:left; }
	/*frais de port et liens modif commande*/
#MP_fraisPort {color:#666666; font-style:italic; text-align:right; width:338px; display:block; padding-right:10px; }
#MP_lienModifierCommande a {width:338px; display:block; text-align:center; margin: 1px 6px 3px 6px; font-weight:bold; text-indent:14px; font-size:13px;}

/*#######    Chapitre 7    ########## MENUS ########## */
/*Les menus des colonnes droite et gauche*/

.TitMenu, .Menu, .tp, .btm {height:auto!important; height:1%} /*bug ie 6*/
*+html .TitMenu, *+html .Menu, *+html .tp, *+html .btm {height:1%!important} /*bug ie 7*/
/*Menus : titre*/
.TitMenu {background:#015B9E  url(../Image/DESIGN/TitMenu_Mdl.png) repeat-y 0 0; ;}
.TitMenu .tp {background:url(../Image/DESIGN/TitMenu_Tp.png) no-repeat 0 0;}
.TitMenu .btm{background:url(../Image/DESIGN/TitMenu_Btm.png) no-repeat 0 100%; padding:15px 5px 20px 5px;color:#FFF; font-size:14px; font-family:Impact, Arial, sans-serif; letter-spacing:0.2em; text-align:center}

#TitPanelVideos .tp {background:url(../Image/DESIGN/TitMenu_Tp_NosVideos.png) no-repeat 0 0;}
#TitPanelVideos .btm {padding:70px 8px 25px 5px; text-align:right}

#PanelComparateur .btm {text-align:center}
#PanelComparateur img {margin:5px}
/*Menus :  corps*/
.Menu {background:url(../Image/DESIGN/Menu_Mdl.png) repeat-y left;}
.Menu .btm{background:url(../Image/DESIGN/Menu_Btm.png) no-repeat left bottom; padding:8px 0 20px 0;  }
#PanelModuleInformation .btm, #PanelNews .btm {background:inherit;}

#PanelRappelezMoi {background:url(../Image/DESIGN/TitMenu_Mdl_Tel.png) repeat-y 0 0;margin:10px 0 }
#PanelRappelezMoi .tp {background:url(../Image/DESIGN/TitMenu_Tp_Tel.png) no-repeat 0 0;}
#PanelRappelezMoi .btm {background:url(../Image/DESIGN/TitMenu_Btm_Tel.png) no-repeat 0 100%; padding:45px 5px 5px 5px}

/*#######    Chapitre 8    ########## Les listes de liens des menus ########## */
/*Les listes de liens des colonnes droite et gauche et listes liens du pied de page*/

/*les listes de liens verticales*/
ul.menuligne { text-align:right; margin:0 0 8px 0; width:100%; padding:0}
ul.menuligne li { display:inline; list-style-type:none; border-right:1px solid #FFF}
ul.menuligne li.li_Last {border-right:0 solid #fff}
ul.menuligne li a{ padding: 0 7px; width:auto; text-decoration:none; font-size:12px; color:#FFF; font-weight:bold}	
ul.menuligne li a:hover {color:#0176CE; }
/*les listes de liens horizontaux*/
ul.sansListStyle { padding:0; margin:0; }
ul.sansListStyle li {list-style:none;  background:url(../Image/DESIGN/Menu_Item.gif) repeat-x 0 100%; padding:0; margin:0; font-size:0; }
ul.sansListStyle li a{ padding:8px; text-decoration:none; color:#4C413D; font-size:12px; display:block; font-weight:bold; }	
ul.sansListStyle li a:hover {color:#0176CE}

ul.menuNavigation { padding:12px 0 0 0; margin:0; }
ul.menuNavigation li {list-style:none;  background: url(../Image/DESIGN/Menu_Item2.gif) no-repeat 13px 8px ; color:#443731; padding:5px 5px 5px 25px; margin:0; font-family:Verdana, Geneva, sans-serif;}
ul.menuNavigation ul {margin:5px 0; padding:0}
ul.menuNavigation ul li {background:none; padding:0; }
ul.menuNavigation li a, a.lienRandP{ text-decoration:none; color:#9E6C13; font-size:12px; display:block; padding:5px 5px 5px 0}	
a.lienRandP {background:#EDEDEE; margin:0 2px 0 1px; font-family:Verdana, Geneva, sans-serif;}
ul.menuNavigation li a:hover, a.lienRandP:hover {color:#0176CE}
.Illustr img {margin:8px 0 0 13px; border:1px solid #666; padding:2px }
a.Illustr:hover img {border:2px solid #0176CE; padding:1px}
* html ul.menuNavigation ul li, * html ul.menuNavigation ul{height:1%}

/*#######    Chapitre 9    ########## Menu Recherche ########## */

#PanelRecherche {}
/*Mini recherche*/
.ModuleMiniRecherche {}
.MnRch_Saisie input, #Saisie input {background:#FFF; padding:2px 2px 1px 2px; border: 1px solid #BEBDBE; color:#333333; height:17px; width:145px; float:left; margin-left:3px}
#lbl_001 #Saisie input {width:410px; }
#lbl_001 #MiniRecherche {background:url(../Image/DESIGN/MnHoriz_Ong1.png) repeat-x scroll 5px -25px transparent; padding:10px}
.MnRch_Bt a { background:url(../Image/DESIGN/boutonRecherche.gif) no-repeat 0 0; height:22px; width:22px; display:block; font-size:0; float:left; color:#84B71E}
.MnRch_Bt a:hover  { background-position: 0 -22px; }

/*Nuage de mots*/
.ModuleNuageMots b {padding:0 8px ; font-size:13px}
.ModuleNuageMots br {display:none}
.MonNuage{padding:5px; text-align:center; margin:0; }
.MonNuage li {display:inline; list-style-type:none; padding:0 2px}
.nuage1 a{font-size:9px}
.nuage2 a{font-size:10px}
.nuage3 a{font-size:11px}
.nuage4 a{font-size:12px}
.nuage5 a{font-size:13px}
.nuage6 a{font-size:14px}
.nuage7 a{font-size:15px}
.nuage8 a{font-size:16px}
.nuage9 a{font-size:17px}
.nuage10 a{font-size:18px}
  /*annuler les effets lies au <em> et <strong>*/
.MonNuage li a, .MonNuage li a em, .MonNuage li a strong {text-decoration:none; color:#9E7834; font-style: normal; text-transform: lowercase;}
.MonNuage li a:hover, .MonNuage li a:hover em, .MonNuage li a:hover strong {color:#0176CE}

/*#######    Chapitre 10    ########## Menu Catalogue Secondaire ########## */
/*Catalogue secondaire*/
#PanelCatalogueSecondaire, #PanelVideos {padding:0; overflow:hidden}
#PanelCatalogueSecondaire ul {margin:0; padding:0; width:210px}
#PanelVideos ul {margin:0; padding:0;}
#PanelCatalogueSecondaire ul li {list-style:none; margin: 0 8px 8px 0; float:left; background:#f2f2f2; }
#PanelVideos ul li {list-style:none; margin: 5px; text-align:center; }
#PanelCatalogueSecondaire a {text-decoration:none; display:block; width:89px; height:70px; overflow:hidden; border:1px solid #f2f2f2}
#PanelCatalogueSecondaire a:hover {border:1px solid #0176CE}

/*#######    Chapitre 11    ########## Menu News ########## */
/*News*/
.BlocNews {margin:5px}
#PanelNews br {font-size:5px}
.BlocNews .h3 {color:#0071BC; font-size:12px; font-family:Verdana, Geneva, sans-serif; margin:0 0 9px 0}
.BlocNews_img {width:175px; border:1px solid #0071BC; margin:0 0 3px 0; height:auto!important; height:1%; font-size:0}
.BlocNews_img2 {width:173px; border:1px solid #FFFFFF; overflow:hidden; height:auto!important; height:1%; font-size:0; position: relative; text-align:center; background-color:#FFF}
*+html .BlocNews_img, *+html .BlocNews_img2 { height:1%!important;}/*bug ie6 et ie7*/
.BlocNewsletter{}

/*#######    Chapitre 12    ########## Menu INCONTOURNABLES ########## */
/*les incontournables*/
.INCONT_elmt { position:relative; padding:5px; margin:5px 0}
.INCONT_img a {display:block; text-align:center; width:100%; height:auto!important; height:50px; min-height:50px}
.INCONT_tit {text-decoration:none; margin:3px 0; font-weight:bold}
.INCONT_prx {color:#333; font-size:13px; font-weight:bold; padding-top:5px; display:block; margin:0}
.INCONT_prx strike {padding-left:5px; color:#999999; font-size:11px}
.INCONT_prx strong{color:#BF0000; font-family: "Impact","Arial Black", Arial; letter-spacing: 1px; font-size:16px; font-weight:normal; padding-left:5px}
/*#######    Chapitre 13    ########## Les boites contenantes ########## */
/*les boites*/
.Boite, .BoiteDegrad {height:auto!important; height:1%} /*bug ie 6*/
*+html .Boite, *+html .BoiteDegrad {height:1%!important} /*bug ie 7*/

.Boite, .BoiteDegrad  { margin: 8px 0 0 0;}

.Boite .btm, .BoiteDegrad .btm { padding:10px 0 10px 0;}
.Boite_tit { color:#015B9E; font-size:17px; font-family:Impact, Arial, sans-serif; margin:0 0 8px 1px; font-weight:normal; display:block; letter-spacing:0.1em}

/*#######    Chapitre 14    ########## Fil d'ariane ########## */
/*fil d ariane*/
#filAriane  {margin:0 0 8px 0}
#filAriane .btm {padding:3px 0; }
#filAriane a { color:#808080; text-decoration:none; font-size:11px} 
#filAriane a:hover {color:#333333;}

/*#######    Chapitre 15    ########## Infobulle ########## */
    /*infobulle*/
.infobulle2Top { background:transparent url(../Image/DESIGN/infobulle2Top.png) no-repeat top left; height:14px; width:196px; font-size:0; }
.infobulle2Mdl { background:transparent url(../Image/DESIGN/infobulle2Mdl.png) repeat-y left; width:160px; padding:0 18px 0 18px; }
.infobulle2Mdl p, .infobulle2Mdl p font { margin:0; padding:0; display:block; width:156px; text-align:left;}/*neutraliser la mise en forme des textes*/
.infobulle2Btm { background:transparent url(../Image/DESIGN/infobulle2Btm.png) no-repeat bottom left;width:196px; height:25px;}
* html .infobulle2Top{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/infobulle2Top.png'); background: none;}
* html .infobulle2Mdl{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Image/DESIGN/infobulle2Mdl.png'); background: none;}
* html .infobulle2Btm{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/infobulle2Btm.png'); background: none;}

.ContenuBulle .ListArticl_crt, .ContenuBulle .aDeplacer, .ContenuBulle .ListVideo_crt, .ContenuBulle .ListVideoJour_crt, .ContenuBulle .ListInc{display:none;}/*NE PAS TOUCHER necessaire au mecanisme des infobulles*/

/*#######    Chapitre 19    ########## POPUP: TERMINER LA COMMANDE ET MOT DE PASSE OUBLIE ########## */	
.PopupTerminerCommande {padding:120px 15px 50px 150px; background:url(../Image/DESIGN/ArticleAjoute.png) no-repeat 15px 30px; }
#MotDePassOublie {padding:65px 15px 50px 150px; background:url(../Image/DESIGN/ImgMotDePasseOublie.png) no-repeat 15px 50px; }
.PopupTerminerCommande p, #MotDePassOublie p { text-align:center; font-size:15px; font-weight:bold;}
.PTC_Bt1{float:left; margin-left:20px }
.PTC_Bt2{float:right; margin-right:20px }

/*#######    Chapitre 20    ########## PAGES STATIQUES DANS LE POPUP########## */
/*pages statiques DANS LE POPUP*/
/* ATTENTION CSS SIMILAIRE AUSSI PRESENT DANS PageStatique.css avec #PanelZoneCentrale  */
#lbl_101 #DIV2_LigneArticleCommentaire {border:5px solid #555555}
#ZonePopup101 {display:block; padding:15px;}
#ZonePopup101, #ZonePopup101 p { text-align:justify; font-size:12px; line-height:16px; margin: 5px 5px 0 5px; }
#ZonePopup101 ul {margin:0; padding:15px 0 0 20px}
#ZonePopup101 blockquote {margin:0; padding:0 0 0 15px}
#ZonePopup101 h4 {font-size:24px; color:#015B9E; text-align:left; padding:0; margin: 5px 0 25px 5px; font-family:Verdana, Arial, Helvetica, sans-serif ; font-weight:normal}
#ZonePopup101 h5 {font-size:14px; color:#000000; text-align:left; padding:0; margin: 25px 0 10px 5px; font-family:Verdana, Arial, Helvetica, sans-serif ; clear:both}
#ZonePopup101 h6 {font-size:13px; color:#444444; text-align:left; padding:0; margin: 25px 0 10px 5px; font-style: italic; font-family:Verdana, Arial, Helvetica, sans-serif ; }
#ZonePopup101 hr.clear {clear:both; border-color:#FFFFFF; background-color:#FFFFFF}
#ZonePopup101 input, #ZonePopup101 textarea { border:1px solid #666666; color:#000000; text-align:left; }
#ZonePopup101 img.img {margin:0 0 5px 8px; float:right; padding:2px; border:1px solid #015B9E; }

#player {text-align:center; background:#333}

h4.TitComparateur {color:#555!important;}
#ZoneComparateur {text-align:center; overflow:hidden; overflow-x:auto; padding:5px}
#ZoneComparateur table {text-align:left; border-width:1px; color:#000; }
#ZoneComparateur td, #ZoneComparateur th {padding:5px; text-align:left; vertical-align:top; border:1px solid #ccc}
#ZoneComparateur tr.LigneComparateurEnlever td, #ZoneComparateur tr.LigneComparateurImage td, #ZoneComparateur tr.LigneComparateurDesignation td, #ZoneComparateur tr.LigneComparateurAcheter td {border:0px solid #fff; text-align:center; border-right:1px solid #ccc}
#ZoneComparateur tr.LigneComparateurEnlever th, #ZoneComparateur tr.LigneComparateurImage th, #ZoneComparateur tr.LigneComparateurDesignation th, #ZoneComparateur tr.LigneComparateurAcheter th {border:0px solid #fff; color:#FFF; border-right:1px solid #ccc}
#ZoneComparateur tr.LigneComparateurEnlever td {text-align:right; border-top:1px solid #ccc}
#ZoneComparateur tr.LigneComparateurAcheter td, #ZoneComparateur tr.LigneComparateurAcheter th  {border-bottom:1px solid #ccc}
.TexteComparateur { width:190px}
/*#######    Chapitre 21    ########## ELEMENT VIDEO DU JOUR ########## */

.ListVideoJour_elmt {margin:10px; position:relative; }
.ListVideoJour_img {position:relative; overflow:hidden; border:1px solid #ccc; background:#fff}
.ListVideoJour_Play {position:absolute; top:0; left:0; width:168px; height:125px; background: url(../Image/DESIGN/DA_video.gif) no-repeat 50% 50%; cursor:pointer; FILTER:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity: 0.7;}
.ListVideoJour_cntr {display:block; margin:11px 7px 7px 7px; text-align:center; height:105px; }
table.ListVideoJour_cntr td{width:165px; height:105px; text-align:center; vertical-align:middle!important}
.ListVideoJour_tit {text-align:left; clear:both; height:40px; padding:8px 3px 0 3px}
.ListVideoJour_tit a{ font-size:12px; color:#000000!important; font-weight:bold; text-decoration:none; line-height:13px; }
.ListVideoJour_tit a:hover{color:#015B9E!important}
.ListVideoJour_txt {padding:8px 3px 0 3px; clear:both}
/*####### Rappelez moi#######*/
	#PanelRappelezMoi OL {list-style-type: none; padding:0; margin:0 0 0 15px; }
	#PanelRappelezMoi LI {padding:0; margin:2px 0 0 0;display:block;}
	#PanelRappelezMoi LI.FormButtonImg {padding:15px 0 5px 25px}
	#PanelRappelezMoi label {font-size:11px; font-weight:bold; color:#333333; display:block}
	#PanelRappelezMoi span {position:relative;}
	#PanelRappelezMoi span img{left:3px; bottom:6px!important; bottom:0; position:absolute!important; }
	* html #PanelRappelezMoi  span img {position:relative; top:1px}/*IE6*/
	*+html #PanelRappelezMoi  span img{left:3px; bottom:0!important;}/*IE7*/
	.FormMessag {font-family:FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; COLOR:#333333; FONT-SIZE:13PX; display:block; margin:20px 0 25px 0 }
	.FormErreur b {font-size:14px; background:#FBE8AE; display:block; border:1px solid #FFBF00; padding:5px; color:#CC0000}/*peut utilise*/
	/*les boutons de validation formes a partir de <a> ou <input>*/
	.FormButton input {background:#015B9E url(../Image/DESIGN/FormZonBt.png) top left repeat-X; color:026837; font-weight:bold; height:20px; text-decoration:none; text-transform:uppercase; border-width:0; padding:0px 2px 2px 2px; cursor:pointer; margin:10px 0; BORDER:1PX SOLID #1F8ACC}
	/*les boutons de validation :hover*/
	.FormButton input:hover {color:#FFF}