/*==================================================================================================================
//===(  Copyright 2005 Atomprod  -  Author Alain Chalet <ach@atomprod.com> & Patrice Bridoux <pjb@atomprod.com> )===
//================================================================================================================*/
html,body       { padding:0;margin:0;border:0;height:100%;}
html>body #main { height:auto;}
body            { text-align:center;font-size:12px;font-family:Arial, Helvetica, Sans-Serif; color:#000;
                  background-color:#F5C987;background-image:url(img/css1/fond.jpg);background-repeat:repeat-x;background-position:50% 0px;}
#main           { position:relative;top:0px;left:0px;width:760px;height:100%;min-height:100%;display:block;margin:0 auto;text-align:left;
                  background:url(img/css1/menu_s.gif) repeat-y #FEF7ED;border-left:1px solid #fff;border-right:1px solid #fff;}
html>#main      { height:auto;}

/* <![CDATA[ */
#block-1        { float:left;width:80%;margin-left:20%;}
* html #block-1 { display:inline;}
#block-2        { float:left;}
#block-3        { float:left;width:20%;margin-left:-100%;}
#wrapper        { margin:0;}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the necessary height (unless fixed, this problem becomes even more acute weirdness as the method is enhanced */
#wrapper       {
/* Normally a Holly-style hack height: 1% would suffice but that causes IE 5.01 to completely collapse the wrapper - instead we float it */
                  float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes (I saw it happen many moons ago) makes the width of wrapper too small the float: none with the comment is ignored by 5.01, 5.5 and above see it and carry on about their business It's probably fine to just remove it, but it's left here just in case that many moons ago problem rears its head again */
                  float/**/: none; }
/* easy clearing */
#wrapper:after  { content:'[DO NOT LEAVE IT IS NOT REAL]';display:block;height:0;clear:both;visibility:hidden;}
#wrapper        { display: inline-block;}
/*\*/
#wrapper        { display:block;}
/* end easy clearing */
/* ]]> */

/* ====================================================================
 ini / base
-------------------------------------------------------------------- */
img       { border:0;}
a         { color:#DB7E28;}
a:visited { color:#000;}
a:hover   { color:#A10A00;}
p         { padding:8px 4px;margin:8px 0;text-align:justify;}
form      { padding:0;margin:0;}
h1        { font-size:2em;}
h2        { font-size:1.5em;background:url(img/css1/h2.gif) no-repeat 0 50%;padding:2px 0 2px 20px;color:#D0851E;border-bottom:1px solid #ADA8A1;}
h3        { font-size:1.3em;color:#D0851E;border-bottom:1px solid #ADA8A1;}
h4        { font-size:1.1em;color:#D0851E;}
h5        { font-size:1em;color:#D0851E;}
.cleaner  { clear:both;display:block;height:0px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;}
.nocss    { display:none;}

/* ====================================================================
 header
-------------------------------------------------------------------- */
#mh      { position:relative;display:block;height:177px;width:760px;}
#header  { position:absolute;top:0px;left:-66px;z-index:10;height:128px;width:827px;display:block;background:url(img/css1/header.jpg) no-repeat 0 0;}
#logo    { position:absolute;top:0px;left:76px;}

/* ====================================================================
 menu accessibilité / menu langue
-------------------------------------------------------------------- */
#ma           { display:none;}
#ml           { width:137px;height:20px;display:block;position:absolute;top:187px;left:0px;z-index:11;background:#D6C7B2;}
#ml #fr       { width:21px;height:15px;display:block;float:right;background:url(img/css1/ml.gif) no-repeat -21px 0;margin:3px 5px 0 0;}
#ml #fr:hover { background:url(img/css1/ml.gif) no-repeat 0 0;}
#ml #frd      { width:21px;height:15px;display:block;float:right;background:url(img/css1/ml.gif) no-repeat 0 0;margin:3px 5px 0 0;}
#ml #en       { width:21px;height:15px;display:block;float:right;background:url(img/css1/ml.gif) no-repeat -21px -15px;margin:3px 5px 0 0;}
#ml #en:hover { background:url(img/css1/ml.gif) no-repeat 0 -15px;}
#ml #end      { width:21px;height:15px;display:block;float:right;background:url(img/css1/ml.gif) no-repeat 0 -15px;margin:3px 5px 0 0;}

/* ====================================================================
 content
-------------------------------------------------------------------- */
#ct    { padding:6px 0 0 20px;float:left;width:560px;}
#titre { color:#D0851E;font-style:italic;padding:16px 0 4px 70px;background:url(img/css1/prd_h1.gif) no-repeat left bottom;
	 height:auto;margin:0;border-bottom:3px solid #DED9D3;}
.trt   { display:none;}
/* chemin ---------------- */
#chm	      { color:#93918D;font-size:1em;font-family: Arial;width:560px;}
#chm a	      { color:#93918D;}
#chm a:hover  { color:#870C07;}
/* page divers ---------------- */
#ct-page      { width:560px;margin:20px 0;float:left}

/* page navbar des pages ---------------- */
.navbar0           { margin:0;float:right;display:block;width:20%;padding:4px 0 2px 0;text-align:right;}
.navbar0b          { margin:0;float:right;display:block;width:20%;padding:4px 0 2px 0;text-align:right;border-top:3px solid #DED9D3;margin-top:20px;}
.navbar0c          { margin:0;float:right;display:block;width:20%;padding:4px 0 2px 0;text-align:right;border-top:3px solid #DED9D3;}
.navbar1           { margin:0;float:left;display:block;padding:6px 0 2px 0;text-align:left;width:80%;}
.navbar2           { margin:0;float:left;display:block;padding:6px 0 2px 0;text-align:left;width:80%;border-top:3px solid #DED9D3;margin-top:20px;}
.navbar3           { margin:0;float:left;display:block;padding:6px 0 2px 0;text-align:left;width:80%;border-top:3px solid #DED9D3;}
.navbar1 a         { border:1px solid #FEF7ED;padding:0 3px;margin:1px;text-decoration:none;float:left;}
.navbar2 a         { border:1px solid #FEF7ED;padding:0 3px;margin:1px;text-decoration:none;float:left;}
.navbar3 a         { border:1px solid #FEF7ED;padding:0 3px;margin:1px;text-decoration:none;float:left;}
.navbar1 a:visited {  }
.navbar2 a:visited {  }
.navbar3 a:visited {  }
.navbar1 a:hover   { border:1px solid #A10A00;}
.navbar2 a:hover   { border:1px solid #A10A00;}
.navbar3 a:hover   { border:1px solid #A10A00;}
.navbar1 span      { border:1px solid #000;padding:0 3px;margin:1px;float:left;}
.navbar2 span      { border:1px solid #000;padding:0 3px;margin:1px;float:left;}
.navbar3 span      { border:1px solid #000;padding:0 3px;margin:1px;float:left;}

/* page produit ---------------- */
#prd 	                { float:left;width:560px;}
#prd h1	                { color:#D0851E;font-style:italic;padding:16px 0 4px 70px;margin:20px 0 0 0;
	                  background:url(img/css1/prd_h1.gif) no-repeat left bottom;height:auto;}
#prd #photo             { position:relative;float:left; margin:0 0 10px 0;}
#prd #photo img         { margin:0 20px 2px 0;}
#photo #ph1             { position:absolute;top:0px;left:0px;width:300px;height:300px;
	                  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/prd_ph.png',sizingMethod='scale');}
#photo>#ph1             { background:url(img/css1/prd_ph.png) no-repeat;}
#photo #phpromo          { position:absolute;top:0px;left:0px;width:300px;height:300px;
	                  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/prd_ph_promo.png',sizingMethod='scale');}
#photo>#phpromo         { background:url(img/css1/prd_ph_promo.png) no-repeat;}
#photo #phn1            { position:absolute;top:0px;left:0px;width:300px;height:300px;
	                  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/prd_ph_n1.png',sizingMethod='scale');}
#photo>#phn1            { background:url(img/css1/prd_ph_n1.png) no-repeat;}
#photo #phn2            { position:absolute;top:0px;left:0px;width:300px;height:300px;
	                  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/prd_ph_n2.png',sizingMethod='scale');}
#photo>#phn2            { background:url(img/css1/prd_ph_n2.png) no-repeat;}
#photo #phn3            { position:absolute;top:0px;left:0px;width:300px;height:300px;
	                  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/prd_ph_n3.png',sizingMethod='scale');}
#photo>#phn3            { background:url(img/css1/prd_ph_n3.png) no-repeat;}
#prd #photo p           { padding:3px 40px;margin:0;text-align:center;width:220px;}
#prd #photo p a         { border:1px solid #FEF7ED;padding:1px 3px;margin:0 1px;text-decoration:none;color:#DB7E28;}
#prd #photo p a:visited { color:#000; }
#prd #photo p a:hover   { border:1px solid #A10A00;color:#A10A00;}
#prd #photo p span      { border:1px solid #000;padding:1px 3px;margin:0 1px}

#prd-txt               { font-family: Arial;margin:0;padding:8px 0 0 0;}
#prd-txt p             { padding:4px 0;margin:4px 0;}
#prd-txt div           { padding:4px 0 0 0;}
#prd-txt #prx          { border-top:3px solid #EAAA53;border-bottom:3px solid #EAAA53;padding:4px 10px;margin:0;}
#prd-txt .btpan        { float:left;width:240px;height:34px;display:block;margin:8px 0 0 0;padding:0;}
#prd-txt .dspan        { width:240px;height:19px;border:0;cursor:pointer;background:url(img/css1/dspanier.gif) no-repeat 0 0 ;margin:2px 0 0 0;display:block;}
#prd-txt .dspan:hover  { background:url(img/css1/dspanier.gif) no-repeat 0 -19px;}
#prd-txt .dsprd        { width:240px;height:19px;border:0;cursor:pointer;background:url(img/css1/dsproduit.gif) no-repeat 0 0 ;margin:2px 0 0 0;display:block;}
#prd-txt .dsprd:hover  { background:url(img/css1/dsproduit.gif) no-repeat 0 -19px;}
#prd-txt button        { width:120px;height:19px;border:0;cursor:pointer;background:url(img/css1/ajouter.gif) no-repeat 0 0;margin:2px 0 0 0;}
#prd-txt button:hover  { background:url(img/css1/ajouter.gif) no-repeat 0 -19px;}
#prd-txt .btpan .nodsp { background:url(img/css1/nodsp.gif) no-repeat 0 0;margin:2px 0 0 0;width:99px;height:19px;display:block;}


/* bouton moins plus pour la gestion délais et stock simple ---------------- */
#prd-txt div#geststk   { width:240px;float:left;border-top:2px solid #E9CCA5;border-bottom:2px solid #E9CCA5;padding:4px 0;margin:0 0 4px 0;background-color:#EDE7E1;}
#geststk div           { width:240px;float:left;padding:0 0 2px 0;color:#747474;}
#geststk p             { width:80px;float:left;padding:0 0 0 4px;margin:0;}
#geststk p.gestp       { width:220px;padding:8px 0 0 4px;}
#geststk a.pls         { background:url(img/css1/plsmns.gif) no-repeat 0 0;width:11px;height:11px;display:block;float:left;position:relative;top:2px;right:4px;font-size:0;}
#geststk a.mns         { background:url(img/css1/plsmns.gif) no-repeat -11px 0;width:11px;height:11px;display:block;float:left;position:relative;top:2px;font-size:0;}
#geststk a.pls:hover   { background:url(img/css1/plsmns.gif) no-repeat 0 -11px;}
#geststk a.mns:hover   { background:url(img/css1/plsmns.gif) no-repeat -11px -11px;}

/* bouton moins plus pour la gestion délais et stock tableau ---------------- */

#geststktbl             { border-collapse:collapse;text-align:center;width:100%;margin:10px 0 30px 0;border-bottom:2px solid #E9CCA5;float:left;}
#geststktbl th          { border-bottom:2px solid #E9CCA5;padding:4px;color:#000;font-weight:normal;}
#geststktbl td          { padding:8px 4px;}
#geststktbl .tdlgn td   { border-top:1px solid #E9CCA5;}
#geststktbl div         { width:50%;float:left;padding:0;margin:0;}
#geststktbl p           { width:45%;float:left;padding:0;margin:0;}

#geststktbl td b span   { font-size:0.9em;}
#geststktbl td span     { font-size:0.8em;}
#geststktbl .btpan      { float:none;width:auto;height:auto;display:block;margin:0;padding:0;}
#geststktbl .dspan      { float:none;width:auto;margin:1px 0;padding:0;}
#geststktbl a.pls       { background:url(img/css1/plsmns.gif) no-repeat 0 0;width:11px;height:11px;float:left;display:block;position:relative;top:2px;right:4px;font-size:0;}
#geststktbl a.mns       { background:url(img/css1/plsmns.gif) no-repeat -11px 0;width:11px;height:11px;float:left;display:block;position:relative;top:2px;right:0px;font-size:0;}
#geststktbl a.pls:hover { background:url(img/css1/plsmns.gif) no-repeat 0 -11px;}
#geststktbl a.mns:hover { background:url(img/css1/plsmns.gif) no-repeat -11px -11px;}


/* suggestion accompagenement ---------------- */
#acc	          { float:left;width:560px;margin:20px 0;}
#acc h2	          { color:#898682;font-size:1.2em; padding:10px 0 10px 0;margin:0;border-bottom:3px solid #DED9D3;height:1em;}
#acc h2	span      { color:#EAAA53;}
.acc              { padding:10px 33px 0 33px;width:120px;display:block;float:left;}
.acc img          { position:relative;z-index:0;margin:10px 0 0 0;}
.acc .selec       { position:relative;width:120px;height:130px;display:block;margin-bottom:6px;}
.acc .selec:hover { background:url(img/css1/acc.gif) no-repeat 50% 0;}
.acc-ph1          { position:absolute;top:10px;left:0;width:120px;height:120px;display:block;
	            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/acc_ph.png',sizingMethod='scale');}
.acc a>.acc-ph1   { background:url(img/css1/acc_ph.png) no-repeat;}
.acc p            { padding:2px 0;margin:2px 0;}
.acc .prx         { border-top:3px solid #EAAA53;border-bottom:3px solid #EAAA53;padding:4px ;}
.acc button       { width:120px;height:19px;border:0;cursor:pointer;background:url(img/css1/ajouter.gif) no-repeat 50% 0;margin:8px 0;}
.acc button:hover { background:url(img/css1/ajouter.gif) no-repeat 50% -19px;}
.acc .dspan       { width:120px;height:19px;border:0;cursor:pointer;background:url(img/css1/dspanier.gif) no-repeat 50% 0;margin:6px 0 4px 0;display:block;float:left;}
.acc .dspan:hover { background:url(img/css1/dspanier.gif) no-repeat 50% -19px;}
.acc .dsprd       { width:120px;height:19px;border:0;cursor:pointer;background:url(img/css1/dsproduit.gif) no-repeat 50% 0;margin:6px 0 4px 0;display:block;float:left;}
.acc .dsprd:hover { background:url(img/css1/dsproduit.gif) no-repeat 50% -19px;}
.acc .btpan .nodsp { background:url(img/css1/nodsp.gif) no-repeat 0 0;margin:2px 0 0 0;width:99px;height:19px;display:block;}

.accc             { padding:20px 13px 0 13px;width:160px;display:block;float:left;}
.accc img         { position:relative;z-index:0;margin:10px 0 0 0;}
.accc a           { position:relative;width:160px;height:130px;display:block;margin-bottom:6px;}
.accc a:hover     { background:url(img/css1/acc.gif) no-repeat 50% 0;}
.accc-ph1         { position:absolute;top:10px;left:0;width:160px;height:120px;display:block;
	            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/accc_ph.png',sizingMethod='scale');}
.accc a>.accc-ph1 { background:url(img/css1/accc_ph.png) no-repeat;}
.liste	          { float:left;width:560px;}
.categ   	  { padding:10px 0;margin:0;text-align:center;background:url(img/css1/categ.gif) no-repeat 50% 0;}
.categ a	  { font-size:1.2em;font-weight:bold;background:transparent;height:auto;text-decoration:none;}
.categ a:hover	  { background:transparent;}

/* page accueil ---------------- */
#pub            { position:relative;width:565px;height:80px;display:block;margin:10px 0 0 0;;text-decoration:none;}
#pub-ph1        { position:absolute;top:0px;left:0px;width:565px;height:80px;display:block;
	          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/pub.png',sizingMethod='scale');cursor:pointer;}
#pub>#pub-ph1   { background:url(img/css1/pub.png) no-repeat;} 
#pub-txt        { position:absolute;top:0px;right:0px;text-align:right;font-size:1.8em;color:#fff;padding:10px;cursor:pointer;}
#pub-txt2       { position:absolute;bottom:0px;right:0px;text-align:right;font-size:1em;color:#fff;font-weight:bold;padding:10px;cursor:pointer;}

#mvt            { width:160px;padding:50px 0 0 30px;display:block;float:left;background:url(img/css1/mvt.gif) no-repeat 36px 30px;}
.ccl            { margin:20px 0 0 0;width:120px;display:block;float:left;}
.ccl img        { position:relative;z-index:0;margin:10px 0 0 0;}
.ccl a          { position:relative;width:120px;height:140px;display:block;margin:0 6px}
.ccl a:hover    { background:url(img/css1/acc.gif) no-repeat 55% 0;}
.m1             { position:absolute;top:10px;left:0px;width:120px;height:120px;display:block;cursor:pointer;
	          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/1.png',sizingMethod='scale');}
.ccl a>.m1, .acc a>.m1      { background:url(img/css1/1.png) no-repeat;}
.m2             { position:absolute;top:10px;left:0px;width:120px;height:120px;display:block;cursor:pointer;
	          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/2.png',sizingMethod='scale');}
.ccl a>.m2, .acc a>.m2      { background:url(img/css1/2.png) no-repeat;}
.m3             { position:absolute;top:10px;left:0px;width:120px;height:120px;display:block;cursor:pointer;
	          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/3.png',sizingMethod='scale');}
.ccl a>.m3, .acc a>.m3      { background:url(img/css1/3.png) no-repeat;}

#prom           { width:340px;padding:50px 0 0 0;display:block;float:right;background:url(img/css1/prom.gif) no-repeat 20px 26px;}
#prom .ccl      { width:160px;padding:0 0 0 10px}
.promo          { position:absolute;top:10px;left:0;width:120px;height:120px;display:block;cursor:pointer;
	          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/promo.png',sizingMethod='scale');}
.ccl a>.promo, .acc a>.promo   { background:url(img/css1/promo.png) no-repeat;}
#new            { width:335px;display:block;float:right;color:white;}
#new .ccl       { width:290px;padding:0;position:relative;left:10px}
#new a          { width:290px;text-decoration:none;display:block;position:absolute;top:0px;left:0px;margin:0}
#new a:hover    { background:url(img/css1/acc.gif) no-repeat 50% 0;}
#new img        { float:right;}
.new1           { position:absolute;top:10px;left:0px;width:135px;height:120px;color:#fff;font-size:1em;padding:0px 20px;
	          background:url(img/css1/new1.gif) no-repeat #000;font-weight:bold;text-align:center;cursor:pointer;}
.new1 h3        { color:#fff;font-size:1.1em;padding:2px 0 0 0;margin:8px 0;}
.new            { position:absolute;top:10px;right:0px;width:261px;height:120px;display:block;cursor:pointer;
	          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/new.png',sizingMethod='scale');}
.ccl>.new       { background:url(img/css1/new.png) no-repeat;}
#promo-s        { color:#898682;font-size:1.6em; padding:10px 0 0 0;margin:20px 0;border-top:2px solid #DED9D3;height:1em;float:left;width:560px;display:block;}
#promo-s span   { color:#EAAA53;}

/* ====================================================================
 menu mp
-------------------------------------------------------------------- */
#mp           { position:absolute;top:128px;left:0px;z-index:100;height:auto;width:760px;font-size:1em;
	        border-bottom:1px solid #fff;padding:0;margin:0;float:left;background:#BE0002;}
#mp #menu-p   { background:#000;width:auto;text-align:center;margin:0;padding:4px 0;}
#mp ul        { position:relative;top:0px;left:0px;list-style:none;margin:0;padding:0;display:none;}
#mp ul#mp-00  { }
#mp li        { float:left;position:relative;top:0px;left:0px;}
#mp ul a      { float:left;}

#mp .to       { color:#fff;text-align:center;float:left;margin:0;padding:4px 0;width:760px;position:absolute;}
#mp .mp-deco  { padding:4px 0;background:#BE0002;width:760px;position:absolute;top:100%;left:0; }

#mp a            { padding:4px 10px;text-decoration:none;color:#fff;font-size:1.1em;}
#mp ul a:hover   { background:#661A02;}
#mp a.active     { background:#BE0002;}
#mp a.up         { background:#000;}
#mp a#down       { background:#8F5A79;}
#mp a#down:hover { background:#661A02;}

/* --- width(ul et li) = width(a)  + padding(left+right)(a) --- */
#mp ul ul             { width:158px;height:auto;position:absolute;z-index:20;top:100%;left:0px;display:none;border:1px solid #fff;background:#BE0002;}
#mp>ul ul             { margin:0px;}
#mp ul ul li          { width:158px;height:auto;position:relative;border:0;}
#mp ul ul a           { width:130px;height:auto;padding:4px 20px 4px 8px;}
#mp ul ul .mps        { }
#mp ul ul .mps:hover  { background:url(img/css1/mp.gif) no-repeat -6px 50% #661A02;}
#mp ul ul .mpsa       { background:url(img/css1/mp.gif) no-repeat -6px 50% #AD0103;}
#mp ul ul .mpsa:hover { background:url(img/css1/mp.gif) no-repeat -6px 50% #661A02;}
#mp ul ul .mpsd       { background:url(img/css1/mp.gif) no-repeat -6px 50% #8F5A79;}
#mp ul ul .mpsd:hover { background:url(img/css1/mp.gif) no-repeat -6px 50% #661A02;}
#mp ul ul ul          { position:absolute;top:0px;left:100%;}
#mp li:hover>ul       { display:block;} /*--pour moz--*/

/* ====================================================================
 menu ms
-------------------------------------------------------------------- */
#ms { position:relative;z-index:10;margin:0;padding:0;width:137px;float:left;display:block;border-top:31px solid #000;font-family: comic sans ms, Arial, Helvetica, Sans-Serif;}
#ms ul               { list-style:none;margin:0 0 0 0;padding:0;width:137px;border-bottom:10px solid #000;}
#ms li               { margin:0;display:block;font-size:1.1em;width:137px;border-bottom:1px solid #000;}
#ms li a,#ms li #chx { display:block;padding:2px 30px 2px 10px;color:#000;width:97px;text-decoration:none;}
#ms li a             { background:#FBEAD1;}

#ms li a:hover { color:#870C07;background:#FEF7ED;}
#ms li #chx    { background:url(img/css1/menus_do.gif) no-repeat 100% 50% #FEF7ED;}
#ms a span, #ms span span { background:transparent;width:auto;font-size:1.1em;padding:0;margin:0;cursor:pointer;}
#ms-img        { text-align:center;padding:6px 0;width:137px;display:block;}

/* ====================================================================
 menu login, compte, pro, panier, encart
-------------------------------------------------------------------- */
/* menu login, compte, pro, panier,  ---------------- */ 

#lg            { position:absolute;top:0px;right:0px;z-index:150;height:128px;width:300px;display:block;}
#lg a          { text-decoration:none;font-size:0.9em;font-weight:bold;}
#m-bjr         { position:absolute;bottom:0px;right:0px;height:22px;width:300px;display:none;text-align:right;}
#bt-mpro       { position:absolute;bottom:0px;right:93px;width:89px;height:19px;background:url(img/css1/cpt_pro.gif);
	         background-position:0 0;display:block;}
#bt-mpan       { position:absolute;top:0px;right:90px;width:89px;height:19px;background:url(img/css1/cpt_pro.gif);
	         background-position:0 -19px;display:block;float:left;margin:0 3px 0 0;}
#bt-mcpt       { position:absolute;top:0px;right:1px;width:89px;height:19px;background:url(img/css1/cpt_pro.gif);
	         background-position:0 -38px;display:block;float:left;}
#bt-mpds       { position:absolute;bottom:0px;right:1px;width:89px;height:19px;background:url(img/css1/cpt_pro.gif);
	         background-position:0 -57px;display:block;float:left;}
#bt-mpro:hover { background-position:-89px 0;}
#bt-mpan:hover { background-position:-89px -19px;}
#bt-mcpt:hover { background-position:-89px -38px;}
#bt-mpds:hover { background-position:-89px -57px;}

/* encart ----------------- line-height:1.4em; */ 
#et                { position:absolute;top:27px;right:3px;z-index:200;width:174px;height:73px;display:block;}
.et-menu           { text-align:center;width:140px;margin:0;padding:5px 0;font-size:12px;font-weight:bold;}
.et-menu a         { text-decoration:none;}
#et-menu-1, #et-menu-2, #et-menu-3  { display:none;}
#et-cpt1, #et-cpt2 { position:absolute;top:0px;right:0px;z-index:200;width:35px;height:39px;display:block;}
#et-pan1, #et-pan2 { position:absolute;top:39px;right:0px;z-index:200;width:35px;height:33px;display:block;}
#et-cpt1           { background:url(img/css1/et_cpt1.png) no-repeat 0 0;}
#et-pan1           { background:url(img/css1/et_pan1.png) no-repeat 0 0;}
#et-cpt2           { background:url(img/css1/et_cpt2.png) no-repeat 0 0;}
#et-pan2           { background:url(img/css1/et_pan2.png) no-repeat 0 0;}
#et-cpt1:hover, #et-pan1:hover, #et-cpt2:hover, #et-pan2:hover { background-position:-35px 0;}

/* ====================================================================
 footer
-------------------------------------------------------------------- */
#clft         { position:relative;clear:both;display:block;height:100px;width:auto;}
#ft	      { position:absolute;bottom:0px;left:0px;height:auto;width:760px;background:#000;font-size:0.8em;font-family:arial;line-height:1.5em;}
#ft p         { padding:0; margin:8px 8px;text-align:center;color:#fff;color:#fff;}
#ft a         { color:#C1C9D4;text-decoration:none;}
#ft a:hover   { color:#fff;}
#fdeco1       { position:absolute;left:0px;top:-203px;width:137px;height:203px;display:block;background:url(img/css1/ms_deco.jpg) no-repeat;}
#ft-deco      { position:absolute;left:0px;top:-101px;z-index:0;background:url(img/css1/ft-deco.png) no-repeat; width:140px;height:101px;}
#ft-logo      { text-align:center;padding:0 0 8px 0;}

/* ====================================================================
 formulaire
-------------------------------------------------------------------- */
#ct-form              { margin:40px 0 20px 0;}
#ct-form  div         { margin:0 0 6px 0;clear:both;}
#ct-form  span        { float:left;width:120px;padding:2px 0 0 4px;margin-right:8px;text-align:right;}
#ct-form  input       { border:1px solid #000;width:160px;padding:3px;margin-right:10px;}
#ct-form  input.radio { width:20px;margin-right:0;}
#ct-form  select      { border:1px solid #000;padding:0px;margin-right:10px;}
#ct-form  textarea    { border:1px solid #000;width:280px;padding:3px;}
#ct-form  button      { cursor:pointer;margin:8px 0 0 132px;}
#ct-form .ct-form-txt { margin-top:30px;padding:6px 20px 6px 20px; border-top: 2px solid #DED9D3;}

